增加代码

src/api/meeting/enforce.js

@@ -96,6 +96,18 @@ export function completeTask(data){
   })
 }
 
+/**
+ * 查看流程明细
+ * @param id
+ * @returns {*}
+ */
+export  function getEnforceFlowsByEnforceId(id){
+  return request({
+    url:'/enforce/getEnforceFlowsByEnforceId?id='+id,
+    method: 'get'
+  })
+}
+
 
 
 

src/views/enforceflow/enforceflow.vue

@@ -186,19 +186,34 @@
       </div>
     </el-dialog>
 
+    <el-dialog title="实施详情"  :visible.sync="enforceFlowVisble" width="85%" @click="enforceFlowDialog">
+      <el-steps :active="maxStep" finish-status="success">
+        <el-step :title="item.stepTitle"  v-for="(item,index) in enforceFLows" :description="item.remark">
+        </el-step>
+      </el-steps>
+    </el-dialog>
 
   </div>
 </template>
 
 <script>
 import Pagination from '@/components/Page/Pagination'
-import {getEnforcesByPage,getHosInfos,getHsystems,addEnforce,deleteEnforce,startEnforceFlow} from '@/api/meeting/enforce'
+import {
+  getEnforcesByPage,
+  getHosInfos,
+  getHsystems,
+  addEnforce,
+  deleteEnforce,
+  startEnforceFlow,
+  getEnforceFlowsByEnforceId
+} from '@/api/meeting/enforce'
 import { getDeptUserTree } from '@/api/system/user'
 
 export default {
   name: 'enforceflow',
   data() {
     return {
+      enforceFlowVisble:false,
       usersVisble:false,
       tableData: [],
       pageparm: {
@@ -248,8 +263,9 @@ export default {
       userList:[],
       userForm:{
         show:false
-      }
-
+      },
+      enforceFLows:[],
+      maxStep:0
 
     }
   },
@@ -331,7 +347,14 @@ export default {
       })
     },
     getEnforceDetail(row){
-      alert('实施详情')
+      alert(JSON.stringify(row))
+      let id=row.id;
+      getEnforceFlowsByEnforceId(id).then(response => {
+         this.enforceFLows=response.data.dtos;
+         this.maxStep = response.data.maxStep
+
+      })
+      this.enforceFlowVisble=true
     },
     handleEdit(row){
       this.editForm=row
@@ -404,6 +427,9 @@ export default {
       this.enforceForm.director=node.name
       this.enforceForm.directorId=node.id
       this.closeUserDialog();
+    },
+    enforceFlowDialog(){
+      this.enforceFlowVisble=false
     }
 
   }