From a030cd7ebede3762fda4dcb6511f43712a417a58 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 20 六月 2025 13:25:45 +0800 Subject: [PATCH] 2025.6.20 --- src/components/inspection/TaskItem.vue | 116 ++++++++++++++++++++++++++++++--------------------------- 1 files changed, 61 insertions(+), 55 deletions(-) diff --git a/src/components/inspection/TaskItem.vue b/src/components/inspection/TaskItem.vue index 9a32527..433d7d1 100644 --- a/src/components/inspection/TaskItem.vue +++ b/src/components/inspection/TaskItem.vue @@ -1,56 +1,61 @@ <template> - <el-row justify="start"> - <el-text>{{ name }}</el-text> - </el-row> - <div> - <el-text>鎬婚噺</el-text> - <el-text size="default">{{ completetask + '/' + totaltask }}</el-text> - <el-progress - style="width: 300px" - type="line" - status="warning" - :text-inside="true" - :stroke-width="18" - :striped="percentFormat(completetask, totaltask) < 100" - striped-flow - :percentage="percentFormat(completetask, totaltask)" - > - <template #default="{ percentage }"> - <span class="percentage-value">{{ percentage }}%</span> - </template> - </el-progress> - </div> - <!-- </el-col> --> - <!-- <el-col span="12" class="flex-bottom"> --> - <!-- <div>{{ name }}</div> --> - <!-- <div>{{ planTime }}</div> --> - <!-- <div>{{ userName }}</div> --> - <el-row class="m-t-8"> - <div - align="center" - :style="'width: ' + 300 / count.length + 'px'" - v-for="item in count" - :key="item.sceneType" - > + <div v-if="value"> + <el-row justify="start"> + <el-text>{{ value.name }}</el-text> + </el-row> + <div> + <el-text>鎬婚噺</el-text> + <el-text v-if="value._totaltask > 0" size="default">{{ + value._completetask + '/' + value._totaltask + }}</el-text> + <el-text v-else size="default">{{ value.completetask + '/' + value.totaltask }}</el-text> <el-progress - :stroke-width="18" - status="exception" + style="width: 300px" + type="line" + status="warning" :text-inside="true" - :striped="percentFormat(item.finish, item.total) < 100" + :stroke-width="18" + :striped="percentFormat(value.completetask, value.totaltask) < 100" striped-flow - :percentage="percentFormat(item.finish, item.total)" + :percentage="percentFormat(value.completetask, value.totaltask)" > <template #default="{ percentage }"> - <span class="percentage-value-small">{{ percentage }}%</span> + <span class="percentage-value">{{ percentage }}%</span> </template> </el-progress> - <el-text size="small" truncated>{{ item.sceneType }}</el-text> - <!-- <el-text size="small">{{ item.finish + '/' + item.total }}</el-text> --> - <!-- <span class="percentage-value-small">{{ percentFormat(item.finish, item.total) }}%</span> --> - <!-- <div class="percentage-label-small">{{ item.sceneType }}</div> --> - <!-- <span class="percentage-label-small">{{ item.finish + '/' + item.total }} </span> --> </div> - </el-row> + <!-- </el-col> --> + <!-- <el-col span="12" class="flex-bottom"> --> + <!-- <div>{{ name }}</div> --> + <!-- <div>{{ planTime }}</div> --> + <!-- <div>{{ userName }}</div> --> + <el-row class="m-t-8"> + <div + align="center" + :style="'width: ' + 300 / value.count.length + 'px'" + v-for="item in value.count" + :key="item.sceneType" + > + <el-progress + :stroke-width="18" + status="exception" + :text-inside="true" + :striped="percentFormat(item.finish, item.total) < 100" + striped-flow + :percentage="percentFormat(item.finish, item.total)" + > + <template #default="{ percentage }"> + <span class="percentage-value-small">{{ percentage }}%</span> + </template> + </el-progress> + <el-text size="small" truncated>{{ item.sceneType }}</el-text> + <!-- <el-text size="small">{{ item.finish + '/' + item.total }}</el-text> --> + <!-- <span class="percentage-value-small">{{ percentFormat(item.finish, item.total) }}%</span> --> + <!-- <div class="percentage-label-small">{{ item.sceneType }}</div> --> + <!-- <span class="percentage-label-small">{{ item.finish + '/' + item.total }} </span> --> + </div> + </el-row> + </div> </template> <script> @@ -59,18 +64,19 @@ */ export default { props: { - name: String, - province: String, - district: String, - planTime: String, - startTime: String, - endTime: String, - userName: String, - status: String, - totaltask: Number, - completetask: Number, + // name: String, + // province: String, + // district: String, + // planTime: String, + // startTime: String, + // endTime: String, + // userName: String, + // status: String, + // totaltask: Number, + // completetask: Number, + // count: Array, - count: Array + value: Object }, data() { return {} -- Gitblit v1.9.3