【修改】修改流程传参 修改名称样式

src/views/userCenter/processCenter.vue

@@ -9,12 +9,14 @@
             <div class="search-box-left">
                   <label>流程编号：</label>
                   <el-input v-model="form.prcNum" placeholder="请输入流程编号"></el-input>
-                  <label>流程名称：</label>
-                  <el-select v-model="form.prcName"  collapse-tags placeholder="请选择流程名称">
+                  <label>流程类型：</label>
+                  <el-select v-model="form.prcType"  collapse-tags placeholder="请选择流程类型">
                     <template v-for="item in processTypeList">
                       <el-option :label="item.label" :value="item.value" :key="item.value"></el-option>
                     </template>
                   </el-select>
+                  <label>流程名称：</label>
+                  <el-input v-model="form.prcName" placeholder="请输入流程名称"></el-input>
               </div>
             </el-col>
             <el-col :span="4" align="right">

src/views/userCenter/processCenter/finishProcess.vue

@@ -7,16 +7,21 @@
               {{ rowIndex + (q.current - 1) * q.size + 1 }}
             </template>
           </vxe-column>
+          <vxe-column show-overflow show-header-overflow field="prcNum" title="流程编号">
+            <template #default="{ row,index }">
+              <div class="blurcolor"  @click="view(row)">{{row.prcNum}}</div>
+            </template>
+          </vxe-column>
           <vxe-column show-overflow show-header-overflow field="prcType"
                       title="流程类型">
               <template #default="{ row,index }">
-                <div>{{getPrcName(row.prcType)}}</div>
+                <div >{{getPrcName(row.prcType)}}</div>
               </template>
           </vxe-column>
 
           <vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
             <template #default="{ row,index }">
-              <div>{{row.prcName}}</div>
+              <div class="blurcolor" @click="view(row)">{{row.prcName}}</div>
             </template>
           </vxe-column>
           <vxe-column show-overflow show-header-overflow field="creatUser"
@@ -30,7 +35,7 @@
           <vxe-column show-overflow show-header-overflow field="status" title="状态"></vxe-column>
           <vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right">
             <template #default="{ row }">
-              <el-button @click.native.prevent="view(scope.$index, tableData)" type="text" size="small">
+              <el-button @click.native.prevent="view(row)" type="text" size="small">
                 查看
               </el-button>
             </template>
@@ -95,8 +100,31 @@ export default {
         this.q.current = val;
         this.loadData();
       },
-      view() {
-        alert(111)
+      view(row) {
+        switch (row.prcType) {
+          case '1' :
+            if (row.taskDefinitionKey == 'aid1' || row.taskDefinitionKey == 'aid3') {
+              this.$router.push({
+                path: '/permission/launch',
+                query: {
+                  id: 'AEHJB8YNJ3',
+                  taskIds:row.taskIds,
+                  type:'yiban',
+                  taskDefinitionKey: row.taskDefinitionKey
+                }
+              })
+            }else{
+              this.$router.push({
+                path: '/permission/examine',
+                query: {
+                  id: 'AEHJB8YNJ3',
+                  taskIds:row.taskIds,
+                  type:'yiban',
+                  taskDefinitionKey: row.taskDefinitionKey
+                }
+              })
+            }
+        }
       },
     }
 }

src/views/userCenter/processCenter/gencyProcess.vue

@@ -10,7 +10,7 @@
         <vxe-column show-overflow show-header-overflow field="prcNum"
                     title="流程编号">
           <template #default="{ row,index }" >
-            <div @click.native.prevent="handle(row)">{{row.prcNum}}</div>
+            <div class="blurcolor" @click.native.prevent="handle(row)">{{row.prcNum}}</div>
           </template>
         </vxe-column>
         <vxe-column show-overflow show-header-overflow field="prcType"
@@ -21,7 +21,7 @@
         </vxe-column>
         <vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
           <template #default="{ row,index }" >
-            <div @click.native.prevent="handle(row)">{{row.prcName}}</div>
+            <div class="blurcolor" @click.native.prevent="handle(row)">{{row.prcName}}</div>
           </template>
         </vxe-column>
         <vxe-column show-overflow show-header-overflow field="creatUserName"

src/views/userCenter/processCenter/monitorProcesses.vue

@@ -9,22 +9,22 @@
           </vxe-column>
           <vxe-column show-overflow show-header-overflow field="prcNum"
                       title="流程编号">
-            <template #default="{ row,index }" @click.native.prevent="view(row)">
-              <div>{{row.prcNum}}</div>
+            <template #default="{ row }">
+              <div class="blurcolor" @click="view(row)">  {{row.prcNum}}</div>
             </template>
           </vxe-column>
-          <vxe-column show-overflow show-header-overflow field="prcType"
+          <vxe-column show-overflow show-header-overflow
                       title="流程类型">
             <template #default="{ row,index }">
               <div>{{getPrcName(row.prcType)}}</div>
             </template>
           </vxe-column>
-          <vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
-            <template #default="{ row,index }" @click.native.prevent="view(row)">
-              <div>{{row.prcName}}</div>
+          <vxe-column show-overflow show-header-overflow title="流程名称">
+            <template #default="{ row }" >
+              <div class="blurcolor"  @click="view(row)">{{row.prcName}}</div>
             </template>
           </vxe-column>
-          <vxe-column show-overflow show-header-overflow field="labelOneName"
+          <vxe-column show-overflow show-header-overflow field="creatUserName"
                       title="发起人"></vxe-column>
           <vxe-column show-overflow show-header-overflow field="taskAssignee" title="当前处理人"></vxe-column>
           <vxe-column show-overflow show-header-overflow field="taskBackAssignee"

src/views/userCenter/processCenter/monitorProcesses/monitorDetail.vue

@@ -103,7 +103,7 @@ export default {
       checkIds: [],
       checkList: [],
       tabsName:'',
-
+      prcNum:''
     }
   },
   methods: {
@@ -235,12 +235,12 @@ export default {
       //     modelId: row?row.id:'111s',
       //   }
       // })
-      this.$api.processCenter.getMonitorImg({modelId: row?row.id:'111s'})
+      this.$api.processCenter.getMonitorImg({prcNum:this.prcNum})
         .then(res => {
           console.log(res)
         // let blob = new Blob([res.data], {type: 'image/jpg'})
         // let url = window.URL.createObjectURL(res.data)
-        this.processStep = window.URL.createObjectURL(res)
+        this.processStep = window.URL.createObjectURL(res.data)
       }).finally(_ => {
         this.imgLoading = false;
       })
@@ -248,7 +248,7 @@ export default {
     // 请求列表
     processTable (row) {
       this.$api.processCenter.getMonitorPageList({
-          prcNum:(row && row.parentFlowNum) || this.$route.query.prcNum,
+          prcNum: this.prcNum,
           sortWord: this.shunxu ? this.paixu : '',
           shunxu: this.shunxu
       }).then(res=>{
@@ -264,6 +264,7 @@ export default {
   mounted () {
       this.tabsName=this.$route.query.tabsName
       this.prcType=this.$route.query.prcType
+      this.prcNum=this.$route.query.prcNum
       this.processNum()
       this.processTable()
   }

src/views/userCenter/processCenter/sentProcess.vue

@@ -11,19 +11,19 @@
         <vxe-column show-overflow show-header-overflow field="prcNum"
                     title="流程编号">
           <template #default="{ row,index }">
-            <div @click="view(row)">{{row.prcNum}}</div>
+            <div class="blurcolor" @click="view(row)">{{row.prcNum}}</div>
           </template>
         </vxe-column>
         <vxe-column show-overflow show-header-overflow field="prcType"
                     title="流程类型">
           <template #default="{ row,index }">
-            <div>{{getPrcName(row.prcType)}}</div>
+            <div >{{getPrcName(row.prcType)}}</div>
           </template>
         </vxe-column>
 
         <vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
           <template #default="{ row,index }">
-            <div @click="view(row)">{{row.prcName}}</div>
+            <div class="blurcolor" @click="view(row)">{{row.prcName}}</div>
           </template>
         </vxe-column>
         <vxe-column show-overflow show-header-overflow field="creatUserName"