From e500f3ad66d88053118d76f4c838f6f176736615 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期三, 19 十月 2022 17:10:16 +0800
Subject: [PATCH] 封装table组件,封装上传组件,修改消息发布,修改bug

---
 src/components/process/index.vue |   89 ++++++++++++++++++++++++--------------------
 1 files changed, 49 insertions(+), 40 deletions(-)

diff --git a/src/components/process/index.vue b/src/components/process/index.vue
index 3897b71..20f092a 100644
--- a/src/components/process/index.vue
+++ b/src/components/process/index.vue
@@ -4,33 +4,33 @@
             <div class="pro-step" v-for="(item,index) in list" :key="item.name">
                 <div class="pro-step-top">
                     <div
-                        :class="['circle',active === index+1 ? 'in-process' : active > index ? 'finish' : 'wait' ]">
+                        :class="['circle',active === index ? 'in-process__circle' : active > index ? 'finish' : 'wait' ]">
                     </div>
-                    <div :class="['line',active > index ? 'finish-line' :'']"
+                    <div :class="['line',active> index ? 'finish-line' :'']"
                         v-if="index<list.length-1 ? true:false"></div>
                 </div>
                 <div
-                    :class="['pro-step-name',active === index+1 ? 'in-process' : active > index ? 'finish' : 'wait' ]">
+                    :class="['pro-step-name',active === index ? 'in-process' : active > index ? 'finish-name' : 'wait' ]">
                     {{item.name}}</div>
             </div>
         </div>
         <div class="my-pro-main">
             <div class="pro-step-ver" v-for="(item,index) in list" :key="item.title">
                 <div
-                    :class="['pro-step-name',active === index+1 ? 'in-process' : active > index ? 'finish' : 'wait' ]">
+                    :class="['pro-step-name',active === index ? 'in-process' : active > index ? 'finish-name' : 'wait' ]">
                     {{item.name}}</div>
                 <div class="pro-step-top">
                     <div
-                        :class="['circle',active === index+1 ? 'in-process' : active > index ? 'finish' : 'wait' ]">
+                        :class="['circle',active === index ? 'in-process__circle' : active > index ? 'finish' : 'wait' ]">
                     </div>
                     <div :class="['line',active > index ? 'finish-line' :'']"
                         v-if="index<list.length-1 ? true:false"></div>
                 </div>
-                <div class="desc">
-                    <div class="desc-title">鐜妭鐢ㄦ椂:</div>
+                <div :class="['desc',active === index ? 'in-process' : active > index ? 'finish-name' : 'wait' ]"> 
+                    <div class="desc-title">鐜妭鐢ㄦ椂:{{item.disposeRecords.length !==0 ? item.disposeRecords[0].linkTime : ''}}</div>
                     <div class="desc-content" v-if="active > index">
                         <div class="desc-content-message">1111111</div>
-                        <div class="desc-content-endtime">22.09.06 16:40</div>
+                        <div class="desc-content-endtime">{{item.disposeRecords.length !==0 ? filterTime(item.disposeRecords[0].endTime):''}}</div>
                     </div>
                 </div>
             </div>
@@ -38,45 +38,41 @@
     </div>
 </template>
 <script>
+import helper from '@/utils/mydate'
 export default {
     data() {
         return {
-            active: 2,
+            active: 0,
             list: [
-                {
-                    title: '涓婃姤',
-                    status: 'success',
-                },
-                {
-                    title: '绔嬫',
-                    status: 'process',
-                },
-                {
-                    title: '娲鹃仯',
-                    status: 'process',
-                },
-                {
-                    title: '澶勭疆',
-                    status: 'process',
-                },
-                {
-                    title: '鏍告煡',
-                    status: 'process',
-                },
-                {
-                    title: '缁撴',
-                    status: 'process',
-                }
-            ]
+            ],
         }
     },
-    props:['handlePassVo'],
+    props:['handlePassVo','baseCase'],
     created(){
-        console.log('process');
-        const {handlePassVo:{workflowConfigSteps:mylist}} = this;
+        const {handlePassVo:{workflowConfigSteps:mylist},baseCase:{state:mystate}} = this;
         // console.log(this.handlePassVo.workflowConfigSteps[0].name); 
-        console.log(mylist);
+        // console.log(mylist);
+        console.log(mystate);
+        if(mystate ===6){
+            this.active = 1;
+        }else if(mystate===7){
+            this.active = 2;
+        }else if(mystate ===8){
+            this.active = 3;
+        }else if(mystate ===9){
+            this.active = 4;
+        }else{
+            this.active = -1;
+        }
         this.list =  mylist;
+    },
+    methods:{
+        filterTime(time){
+            if(time){
+                return helper(time)
+            }
+            return;
+        }
     }
 }
 </script>
@@ -131,6 +127,7 @@
             flex: 1;
             line-height: 24px;
             margin-left: 10px;
+            // color: #4b9bb7;
             .desc-content-endtime{
                 display: flex;
                 justify-content: flex-end;
@@ -143,14 +140,26 @@
         height: 24px;
         border-radius: 50%;
         background-color: #fff;
+        border: 2px solid #808080;
     }
 
     .line {
         background-color: #c0c4cc;
     }
-
+    .in-process{
+        color: #0079fe;
+    }
+    .in-process__circle{
+        border: 2px solid #0079fe;
+    }
     .finish-line {
-        background-color: #4b9bb7;
+        background-color: #0079fe;
+    }
+    .finish{
+        border: 2px solid #4b9bb7;
+    }
+    .finish-name{
+        color: #4b9bb7;
     }
 }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0