productDev/dmMes.git

			@@ -15,7 +15,7 @@
			<div class="content_left_item1_content_row_line">
			<el-progress
			:show-text="false"
			:percentage="item.doneNum">
			:percentage="item.doneNum / baseNum">
			</el-progress>
			</div>
			<div class="content_left_item1_content_row_num">{{ item.doneNum }}</div>
			@@ -77,11 +77,12 @@
			effect="dark"
			:content="'已报工良品数' + child.doneNum + '；工序计划数' + child.planNum"
			placement="top">
			<div class="scroll_item_row_item" @click="jump(child.procedureId)">
			<div class="scroll_item_row_item" @click="jump(child.procedureId, child.procedureName)">
			<div class="scroll_item_row_item_x"></div>
			<!-- <img v-if="i == 0 \|\| i == 1" src="@/assets/img/ic_complete@2x.png" alt="" /> -->
			<span v-if="child.rate < 100">{{ child.rate }}%</span>
			<img v-else src="@/assets/img/ic_complete@2x.png" alt="" />
			<span class="scroll_item_row_item_wz">{{ child.procedureName }}</span>
			</div>
			</el-tooltip>
			</div>
			@@ -190,7 +191,7 @@
			</template>

			<script setup>
			import { reactive, ref, onMounted, nextTick, onUnmounted, computed, watch, onActivated } from 'vue'
			import { reactive, ref, onMounted, nextTick, onUnmounted, computed, watch, toRefs } from 'vue'
			import { getPlanData, getTop, getStockList, getWorkPlansList, getProcedureProcessList, getRecordLogPage, getDeviceCheckPage, getUnqualified7DayData, getUnqualifiedCateData } from '@/utils/api.js'
			import { useCounterStore } from '@/stores/counter.js'
			import * as echarts from 'echarts'
			@@ -207,14 +208,18 @@
			patrolInspection: [],
			dayDistribution: [],
			typeDistribution: [],
			num: 0
			num: 0,
			baseNum: 0
			})

			let { baseNum } = toRefs(data)

			let timer = ref(null)
			let timer1 = ref(null)
			let timer2 = ref(null)
			let timer3 = ref(null)
			let timer4 = ref(null)
			let timer5 = ref(null)
			let scrollContainer = ref(null)
			let scrollContainer1 = ref(null)
			let scrollContainer2 = ref(null)
			@@ -246,7 +251,8 @@
			return enterprise.departId
			})

			const jump = (procedureId) => {
			const jump = (procedureId, procedureName) => {
			enterprise.setProcedureName(procedureName)
			router.push({ name: 'process', query: { procedureId } })
			}

			@@ -293,11 +299,7 @@
			getTop(companyId.value, departId.value)
			.then(res => {
			if (res.length > 0) {
			res.forEach((item, index) => {
			if (index > 1) {
			item.doneNum1 = res[0].doneNum / item.doneNum
			}
			})
			data.baseNum = res[0].doneNum
			data.production = res
			}
			})
			@@ -567,6 +569,7 @@
			clearTimeout(timer2.value)
			clearTimeout(timer3.value)
			clearTimeout(timer4.value)
			clearTimeout(timer5.value)
			})
			const clickCate = (index) => {
			clearTimeout(timer1.value)
			@@ -631,35 +634,35 @@
			function start() {
			clearTimeout(timer.value)
			// 定时器触发周期
			let speed = ref(25)
			let speed = ref(100)
			timer.value = setInterval(ListScroll, speed.value)
			}
			// 开启定时器
			function start1() {
			clearTimeout(timer1.value)
			// 定时器触发周期
			let speed1 = ref(25)
			let speed1 = ref(100)
			timer1.value = setInterval(ListScroll1, speed1.value)
			}
			// 开启定时器
			function start2() {
			clearTimeout(timer2.value)
			// 定时器触发周期
			let speed2 = ref(25)
			let speed2 = ref(100)
			timer2.value = setInterval(ListScroll2, speed2.value)
			}
			// 开启定时器
			function start3() {
			clearTimeout(timer3.value)
			// 定时器触发周期
			let speed3 = ref(25)
			let speed3 = ref(100)
			timer3.value = setInterval(ListScroll3, speed3.value)
			}
			// 开启定时器
			function start4() {
			clearTimeout(timer4.value)
			// 定时器触发周期
			let speed4 = ref(25)
			let speed4 = ref(100)
			timer4.value = setInterval(ListScroll4, speed4.value)
			}
			function ListScroll() {
			@@ -788,8 +791,8 @@
			// })

			onMounted(() => {
			console.log('11111')
			init()
			if (!departId.value) return;
			timer5.value = setInterval(init(), 60000)
			})
			</script>

			@@ -840,6 +843,7 @@
			}
			.content_left_item1_content_row_name {
			flex-shrink: 0;
			width: 100px;
			display: flex;
			align-items: center;
			span {
			@@ -884,6 +888,7 @@
			}
			.content_left_item1_content_row_num {
			font-size: 13px;
			width: 60px;
			font-family: SourceHanSansSC-Regular, SourceHanSansSC;
			font-weight: 400;
			color: #D2E0FF;
			@@ -958,11 +963,15 @@
			align-items: center;
			.scroll_item_row {
			flex: 1;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			font-size: 13px;
			&:first-child {
			flex: 1.5;
			}
			@@ -1061,10 +1070,14 @@
			.scroll_item_row {
			flex: 1;
			height: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			font-size: 13px;
			&:nth-child(5) {
			flex: 3;
			}
			@@ -1103,6 +1116,17 @@
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #01D9FE;
			}
			.scroll_item_row_item_wz {
			white-space: nowrap;
			position: absolute;
			bottom: -10px;
			left: 50%;
			transform: translate(-50%, 45%);
			font-size: 12px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			}
			.scroll_item_row_item_x {
			position: absolute;
			@@ -1163,8 +1187,12 @@
			.scroll_item_row {
			flex: 1;
			height: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: flex;
			align-items: center;
			font-size: 13px;
			justify-content: center;
			color: #FFFFFF;
			.scroll_item_row_item {
			@@ -1253,7 +1281,11 @@
			.scroll_item_row {
			flex: 1;
			height: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: flex;
			font-size: 13px;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			@@ -1404,6 +1436,10 @@
			.scroll_item_row {
			flex: 1;
			height: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-size: 13px;
			display: flex;
			align-items: center;
			justify-content: center;