From 2b6f255b97dba15d22b86319e2f38f6efac417cc Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期一, 13 十一月 2023 23:23:27 +0800 Subject: [PATCH] 一点一档 --- src/components/solveProblem/index.vue | 47 +++++++++++++++++++++++++---------------------- 1 files changed, 25 insertions(+), 22 deletions(-) diff --git a/src/components/solveProblem/index.vue b/src/components/solveProblem/index.vue index 414bece..b42a2d4 100644 --- a/src/components/solveProblem/index.vue +++ b/src/components/solveProblem/index.vue @@ -5,15 +5,17 @@ <div class="sovle-limit">鍓╀綑鏃堕棿:{{getRestTime(dispatchInfo.disposeDate)}}</div> </div> <div class="sovle-timeline"> - <el-timeline> + <el-timeline > <el-timeline-item :color="mycolor" v-for="item in list" :key="item.id"> <div class="title"> - <div class="title-left">銆恵{item.name}}銆戝鐞嗕汉: {{item.disposeRecords && item.disposeRecords.length != 0 ? item.disposeRecords[0].handlerText:''}} + <div class="title-left">銆恵{item.name}}銆戝鐞嗕汉: {{item.disposeRecords && item.disposeRecords.length + != 0 ? item.disposeRecords[0].handlerText:''}} </div> - <div class="title-right">{{item.disposeRecords.length !==0 ? filterTime(item.disposeRecords[0].endTime):''}} + <div class="title-right">{{item.disposeRecords.length !==0 ? + filterTime(item.disposeRecords[0].endTime):''}} </div> </div> - <div class="message">{{filterPerson(item.name)}}</div> + <div class="message">{{filterPerson(item.name)}} {{item.disposeRecords && item.disposeRecords.length !=0 ? item.disposeRecords[0].result:''}}</div> </el-timeline-item> </el-timeline> </div> @@ -21,7 +23,7 @@ </template> <script> import helper from '@/utils/mydate' -import {computeTime} from '@/utils/helper' +import { computeTime } from '@/utils/helper' export default { data() { return { @@ -33,7 +35,7 @@ props: ['handlePassVo', 'baseCase'], created() { const { handlePassVo: mylist, baseCase } = this; - console.log(baseCase, mylist); + console.log(baseCase, mylist); if (mylist) { this.list = mylist.workflowConfigSteps; } @@ -44,32 +46,33 @@ methods: { // 鑾峰緱鎰忚 filterPerson(name) { - const { baseCase, dispatchInfo } = this; + const { dispatchInfo } = this; if (name === '璋冨害') { - return '銆愭淳閬f剰瑙併��' + dispatchInfo.dispatchOpinion - } else if (name === '鏍告煡') { - return '銆愭牳鏌ョ粨鏋溿��' + baseCase.handlingOpinion - } else if (name === '缁撴') { - return '銆愯瘎瀹氱粨鏋溿��' + baseCase.finalOpinion - } else { - return '銆愬鐞嗙粨鏋溿��' + baseCase.handlingOpinion + return '銆愭淳閬f剰瑙併��' + } else if (name === '澶勭悊') { + return '銆愬鐞嗙粨鏋溿��' + }else if (name === '鏍告煡') { + return '銆愭牳鏌ョ粨鏋溿��' + } else if (name === '缁撴') { + return '銆愯瘎瀹氱粨鏋溿��' } + return }, // 澶勭悊鏃堕棿 - filterTime(time){ - if(time){ + filterTime(time) { + if (time) { return helper(time) - }else{ + } else { return } - + }, // 鑾峰緱鍓╀綑鏃堕棿 - getRestTime(limitTime){ - if(limitTime){ + getRestTime(limitTime) { + if (limitTime) { return computeTime(limitTime) } - return + return } } } @@ -77,7 +80,7 @@ <style lang="scss" scoped> .sovle-problem { .sovle-header { - padding: 0 200px; + padding: 0 40px; display: flex; line-height: 60px; justify-content: space-between; -- Gitblit v1.8.0