From 4ed09be8e23b555ee43dfc471020cb4619da20a0 Mon Sep 17 00:00:00 2001 From: rk <94314517@qq.com> Date: 星期一, 20 十月 2025 17:00:28 +0800 Subject: [PATCH] 月台自动叫号处理问题 --- screen/src/views/TaskEfficiency.vue | 79 +++++++++++++++++++++++---------------- 1 files changed, 47 insertions(+), 32 deletions(-) diff --git a/screen/src/views/TaskEfficiency.vue b/screen/src/views/TaskEfficiency.vue index c5ed8a9..e270f2a 100644 --- a/screen/src/views/TaskEfficiency.vue +++ b/screen/src/views/TaskEfficiency.vue @@ -94,6 +94,11 @@ </div> </div> <div class="center_box"> + + <div class="left_box_top_znz"> + <img src="@/assets/images/ic_compass@2x.png" alt="" /> + </div> + <div class="center_box_one"> <div class="static_wrap"> <div class="item"> @@ -150,7 +155,7 @@ <div class="line"> <div class="dian"></div> <div class="la">浣滀笟绫诲瀷锛�</div> - <div class="val">{{ workModalParam.workType == 0 ? '鍗歌揣' : '瑁呰揣' }}</div> + <div class="val">{{ workModalParam.workType == 0 ? '鍗歌揣' : workModalParam.workType == 1 ? '瑁呰揣' : ''}}</div> </div> <div class="line"> <div class="dian"></div> @@ -172,7 +177,7 @@ <img class="icon" src="@/assets/images/task/ic_yuetai@2x.png" alt=""> <div class="name">{{ workModalParam.platformName }}</div> <span v-if="workModalParam.carNo">{{ workModalParam.carNo }} | {{ workModalParam.workType == 0 ? '鍗歌揣' - : '瑁呰揣' }}</span> + : workModalParam.workType == 1 ? '瑁呰揣' : '' }}</span> </div> <div class="right"> <span>{{ workModalParam.statusTemp }} <span v-if="workModalParam.status == 0"> | 棰勮瀹屾垚鏃堕棿锛歿{ @@ -306,7 +311,7 @@ </div> </div> <div v-if="data7.length == 0" class="empty_wrap" style="margin-top: 50px;"> - <img src="@/assets/images/default_empty.png" alt=""> + <img src="@/assets/images/default_nowarning.png" alt=""> </div> </div> </div> @@ -498,47 +503,36 @@ series: [ { name: '鍒嗘椂浣滀笟閲�', - type: 'line', - smooth: true, - showAllSymbol: true, - symbol: 'circle', - symbolSize: 0, - lineStyle: { - color: '#2355f5', - borderColor: '#2355f5' - }, + type: 'bar', + barWidth: 10, label: { show: false, position: 'top', color: '#fff', }, itemStyle: { - color: "#2355f5", - lineStyle: { - width: 0, - type: 'solid' - } - }, - areaStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, - color: '#2355f5' + color: 'rgba(0, 208, 221, 1)' }, { offset: 1, - color: 'rgba(14, 31, 65,0.1)' + color: 'rgba(0, 194, 255, 0.20)' } ], false), - shadowColor: 'rgba(124,248,255, 0)', - shadowBlur: 20 + lineStyle: { + width: 1, + type: 'solid' + }, + barBorderRadius: [30, 30, 0, 0], }, data: dataList3.value.map(i => i.workNum || 0) }, { name: '绱浣滀笟閲�', type: 'bar', - barWidth: 6, + barWidth: 10, label: { show: false, position: 'top', @@ -548,11 +542,11 @@ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, - color: '#63d6fa' + color: 'rgba(0, 86, 255, 1)' }, { offset: 1, - color: '#32718d' + color: 'rgba(0, 86, 255, 0.20)' } ], false), lineStyle: { @@ -604,11 +598,17 @@ }]), ] const temp = [] - temp.push({ name: '绛惧埌鏁�', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum ? '100' : 0 }) - temp.push({ name: '宸插彨鍙�', value: data4.value?.calledNum || 0, rate: data4.value?.signedNum ? (data4.value.calledNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) - temp.push({ name: '宸蹭綔涓�', value: data4.value?.workedNum || 0, rate: data4.value?.signedNum ? (data4.value.workedNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) - temp.push({ name: '宸插畬鎴�', value: data4.value?.doneNum || 0, rate: data4.value?.signedNum ? (data4.value.doneNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) + // temp.push({ name: '绛惧埌鏁�', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum ? '100' : 0 }) + // temp.push({ name: '宸插彨鍙�', value: data4.value?.calledNum || 0, rate: data4.value?.signedNum ? (data4.value.calledNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) + // temp.push({ name: '宸蹭綔涓�', value: data4.value?.workedNum || 0, rate: data4.value?.signedNum ? (data4.value.workedNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) + // temp.push({ name: '宸插畬鎴�', value: data4.value?.doneNum || 0, rate: data4.value?.signedNum ? (data4.value.doneNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) + temp.push({ name: '绛惧埌鏁�', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum || 0 }) + temp.push({ name: '宸插彨鍙�', value: data4.value?.calledNum || 0, rate: data4.value?.calledNum || 0 }) + temp.push({ name: '宸蹭綔涓�', value: data4.value?.workedNum || 0, rate: data4.value?.workedNum || 0 }) + temp.push({ name: '宸插畬鎴�', value: data4.value?.doneNum || 0, rate: data4.value?.doneNum || 0 }) + + console.log('temp', temp) const option = { color: colors, tooltip: { @@ -655,7 +655,7 @@ position: 'outside', formatter: (params) => { const index = params.dataIndex - return `{color${index}|${params.data.name} ${params.data.rate}%}` + return `{color${index}|${params.data.name} ${params.data.rate}}` // return `<div>${params.data.name}</div>` }, rich: { @@ -776,7 +776,7 @@ cnplatformWorkData().then(res => { const result = res.data || [] dataList5.value = result.map(i => { - i.statusTemp = i.status == 0 ? '浣滀笟涓�' : i.status == 1 ? '绌洪棽涓�' : '浣滀笟瓒呮椂' + i.statusTemp = i.status == 0 ? '浣滀笟涓�' : i.status == 1 ? '绌洪棽涓�' : i.status == 2 ? '浣滀笟瓒呮椂' : '鍙彿涓�' if (i.workTime) { // i.workTime = dayjs.duration(i.workTime * 1000).format('HH灏忔椂mm鍒�') i.workTime = (i.workTime / 60).toFixed(0) @@ -830,6 +830,8 @@ { left: 590, top: 75, left2: 650, top2: 190, name: '1095鏁存墭鐩樺叆搴�' }, { left: 600, top: 80, left2: 660, top2: 190, name: '1099鏁存墭鐩樺叆搴�' }, { left: 850, top: 60, left2: 520, top2: 190, name: '甯傚叕鍙告湀鍙�' }, + { left: 540, top: 136, left2: 600, top2: 136, name: '鑰佸簱鍏ュ簱' }, + { left: 560, top: 132, left2: 620, top2: 132, name: '鑰佸簱鍑哄簱' }, ] const videoPri = () => { @@ -1120,6 +1122,19 @@ display: flex; flex-direction: column; justify-content: space-between; + position: relative; + + .left_box_top_znz { + width: 68px; + height: 68px; + position: absolute; + right: 30px; + top: 150px; + img { + width: 100%; + height: 100%; + } + } .center_box_one { .static_wrap { -- Gitblit v1.9.3