From d372f82db7bf15ed38f8faf2e6b90080f9343c04 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期三, 06 十二月 2023 09:48:18 +0800 Subject: [PATCH] 显示字数修改 --- src/views/cockpitPage/components/WorkOrderProgress.vue | 198 +++++-------------------------------------------- 1 files changed, 22 insertions(+), 176 deletions(-) diff --git a/src/views/cockpitPage/components/WorkOrderProgress.vue b/src/views/cockpitPage/components/WorkOrderProgress.vue index 22613f6..b10bdab 100644 --- a/src/views/cockpitPage/components/WorkOrderProgress.vue +++ b/src/views/cockpitPage/components/WorkOrderProgress.vue @@ -5,7 +5,7 @@ <img src="/cockpitPage/work-order-top.png" alt="" /> <div class="top-title"> <span>宸ュ崟杩涘害缁熻</span> - <span class="top-rate">{{ "60%" }}</span> + <span class="top-rate">{{ workOrderFinishRate + "%" }}</span> </div> </div> <div class="table-box"> @@ -16,35 +16,35 @@ height="100%" > <el-table-column - prop="workOrderId" + prop="Number" label="宸ュ崟缂栧彿" align="center" show-overflow-tooltip > </el-table-column> <el-table-column - prop="product" + prop="Product" label="浜у搧" align="center" show-overflow-tooltip > </el-table-column> <el-table-column - prop="productSpecs" + prop="Scale" label="浜у搧瑙勬牸" align="center" show-overflow-tooltip > </el-table-column> <el-table-column - prop="amount" + prop="Amount" label="鐢熶骇鏁伴噺" align="center" show-overflow-tooltip > </el-table-column> <el-table-column - prop="planTime" + prop="PlanTime" label="璁″垝鏃堕棿" align="center" min-width="100" @@ -55,7 +55,7 @@ <template slot-scope="scope"> <div class="progerss-bg"> <div - v-for="item in scope.row.completeProgerss" + v-for="(item, index) in scope.row.completeProgerss" class="progerss" :class=" item.status == 1 @@ -73,16 +73,16 @@ </el-table-column> <el-table-column label="寤舵湡棰勮" align="center"> <template slot-scope="scope"> - <div v-show="scope.row.delayWarning > 0" class="round-view"> + <div v-show="scope.row.DelayDays > 0" class="round-view"> <div class="round red-bg"></div> <div class="title red-color"> - {{ scope.row.delayWarning + "澶�" }} + {{ scope.row.DelayDays + "澶�" }} </div> </div> - <div v-show="scope.row.delayWarning < 0" class="round-view"> + <div v-show="scope.row.DelayDays < 0" class="round-view"> <div class="round green-bg"></div> <div class="title green-color"> - {{ scope.row.delayWarning + "澶�" }} + {{ scope.row.DelayDays + "澶�" }} </div> </div> </template> @@ -96,172 +96,18 @@ <script> export default { components: {}, - props: {}, + props: { + tableData: { + type: Array, + default: () => [], + }, + workOrderFinishRate: { + type: String, + default: "", + }, + }, data() { - return { - tableData: [ - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 3, - }, - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 0, - }, - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 1 }, - { status: 1 }, - { status: 1 }, - { status: 1 }, - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 2, - }, - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 0, - }, - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 0, - }, - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 0, - }, - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: -2, - }, - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 0, - }, - { - workOrderId: "A5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 0, - }, - { - workOrderId: "BA5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 0, - }, - { - workOrderId: "BA5435", - product: "浜у搧1", - productSpecs: "瑙勬牸", - amount: "2000", - planTime: "02-23~05-23", - completeProgerss: [ - { status: 1 }, - { status: 1 }, - { status: 2 }, - { status: 0 }, - ], - delayWarning: 0, - }, - ], - }; + return {}; }, mounted() { this.setAutoScroll(); -- Gitblit v1.8.0