headRight.vue 1.52 KB
<template>
	<div class="dv-content-body-head-list-right"></div>
</template>

<script>
export default {
	data() {
		return {
			sysData: {},
			unit: '',
			conf: null,

			result: {
				shipmentNum: 0, //出库量
				receiptNum: 0, //入库量
			},
		}
	},
	methods: {
		getData(flag) {
			let urlSuffix = window.baseOnLineOrOff ? 'wms/api/tv/monthTaskNum' : 'wms/api/mobile/monthTaskNum?zoneCode='
			let opt = {
				urlSuffix: urlSuffix + flag,
				logTitle: '当月',
			}
			let callBackFn = (res) => {
				this.conf = null
				if (!this.ajaxSuccessDataBefore(res, opt.logTitle)) return
				let data = ''
				switch (flag) {
					case 'A':
						data = '箱'
						break
					case 'B':
						data = '盘'
						break
					case 'C':
						data = '桶'
						break
					case 'D':
						data = '托'
						break
				}
				this.unit = data
				this.result.shipmentNum = this.sysData[0].shipmentNum
				this.result.receiptNum = this.sysData[0].receiptNum

				this.conf = {
					value: this.sysData[0].proportion,
					borderWidth: 2,
				}
			}
			''.ajax(this, opt, callBackFn)
		},
		ajaxSuccessDataBefore(res, title) {
			if (res.data == null || res.data.result.length == 0) {
				''.Log(title + '无数据', 'getData')
				this.result.shipmentNum = 0
				this.result.proportion = 0
				this.result.receiptNum = 0
				return false
			}
			return true
		},
		mounted() {
			this.getData()
		},
	},
}
</script>

<style lang="less" scoped>
.dv-content-body-head-list-right {
	width: 49.5vw;
	height: 95%;
	border: 1px solid red;
	div {
	}
}
</style>