【修改】修改传参

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

@@ -8,7 +8,7 @@
         </div>
         <!--        <span class="flow-chart-title">{{ $route.params.processNumber }}  {{ $route.params.processTypeName }}  流程图</span>-->
       </div>
-      <div v-loading="imgLoading" class="flow-group" style="margin-top: 30px;overflow: auto;">
+      <div v-loading="imgLoading" class="flow-group" style="overflow: auto;">
         <img :src="processStep" class="process-img">
       </div>
     </div>
@@ -18,16 +18,16 @@
                    v-if="tabsName !=='AlreadyProcess'">
           调整处理人
         </el-button>
-       <div v-if="tabsName=='AlreadyProcess'" class="alreadbtn">
-         <el-button
-           type="primary" class="inner-btn"
-           @click="urgeRow"
-         >催办</el-button>
-         <el-button
-           type="primary" class="inner-btn"
-           @click="exportStandard"
-         >导出</el-button>
-       </div>
+<!--       <div v-if="tabsName=='AlreadyProcess'" class="alreadbtn">-->
+<!--         <el-button-->
+<!--           type="primary" class="inner-btn"-->
+<!--           @click="urgeRow"-->
+<!--         >催办</el-button>-->
+<!--         <el-button-->
+<!--           type="primary" class="inner-btn"-->
+<!--           @click="exportStandard"-->
+<!--         >导出</el-button>-->
+<!--       </div>-->
       </div>
 <!--      <el-button-->
 <!--        v-if="urgeRowFlag"-->
@@ -47,19 +47,27 @@
                  v-table-min-height="'calc(100% - 50px)'" max-height="95%"
                  @checkbox-all="selectAllEvent"   @checkbox-change="selectChangeEvent">
         <vxe-column type="checkbox" width="60"></vxe-column>
-        <vxe-column show-overflow show-header-overflow field="taskId"
+        <vxe-column show-overflow show-header-overflow field="name"
                     title="任务步骤"></vxe-column>
         <vxe-column show-overflow show-header-overflow field="assignee" title="任务受理人"></vxe-column>
         <vxe-column show-overflow show-header-overflow field="createTime"
-                    title="创建时间"></vxe-column>
-        <vxe-column show-overflow show-header-overflow field="endTime" title="完成时间"></vxe-column>
+                    title="创建时间">
+          <template #default="{ row,index }" >
+             {{formatDate(row.createTime,"yyyy-mm-dd hh:mm:ss")}}
+          </template>
+        </vxe-column>
+        <vxe-column show-overflow show-header-overflow field="endTime" title="完成时间">
+          <template #default="{ row,index }" >
+            {{formatDate(row.endTime?row.endTime:'',"yyyy-mm-dd hh:mm:ss")}}
+          </template>
+        </vxe-column>
         <vxe-column show-overflow show-header-overflow field="approvalOpinion"
                     title="审批意见"></vxe-column>
         <vxe-column show-overflow show-header-overflow field="status"
                     title="状态"></vxe-column>
       </vxe-table>
     </div>
-    <monitorModal ref="monitorModal"></monitorModal>
+    <monitorModal ref="monitorModal" :prcId="prcId"></monitorModal>
   </div>
 </template>
 
@@ -67,12 +75,14 @@
 import {PROCESSSTATE} from '@/utils/Enum/enum'
 import monitorModal from './monitorModal.vue'
 import ProcessMixin from "@/components/ProcessMixin";
+import { formatDate } from '@/utils/date'
 export default {
   name: 'processDetail',
   mixins: [ProcessMixin],
 
   data () {
     return {
+      formatDate,
       PROCESSSTATE,
       assigneeNewLoading: false, // 调整处理人确定loading
       loginPeople: '',
@@ -203,8 +213,9 @@ export default {
       this.checkList = records
     },
     showDialog() {
-      if(this.checkList.length < 0){
+      if(this.checkList.length < 1){
         this.$message.warning("至少选择一条数据")
+        return
       }else{
         let check=[]
         check = this.checkList.filter(item=>{
@@ -215,7 +226,7 @@ export default {
         if(check.length > 0){
           this.$message.warning("请选择状态为未完成的数据")
         }else{
-          this.$refs.monitorModal.open(this.checkIds)
+          this.$refs.monitorModal.open(this.checkIds,this.checkList[0].id)
         }
       }
     },
@@ -252,7 +263,7 @@ export default {
           sortWord: this.shunxu ? this.paixu : '',
           shunxu: this.shunxu
       }).then(res=>{
-          this.detailData = [{name:1,state:'1'},{name:1},{name:1},]
+          this.detailData = res.data
           // res[res.length - 1].endTime ? this.urgeRowFlag = false : this.urgeRowFlag = true
       })
     },
@@ -302,8 +313,10 @@ export default {
       width: 100%;
       height: calc(100% - 30px);
       .process-img{
-        //width: 100%;
-        //height: 100%;
+        height: auto;
+        overflow: auto;
+        max-width: 100%;
+        object-fit: none;
       }
     }
   }