案件列表内容的开发

src/views/caseManagement/caseList.vue

@@ -61,10 +61,12 @@
                 <template slot-scope="scope">
                     <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text" icon="el-icon-edit">修改</el-button>
                     <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
-                    <el-button size="mini" @click="consultantApplica(scope.row)" type="text"
-                        icon="el-icon-tickets">法律顾问用印申请</el-button>
-                    <el-button size="mini" @click="departmentApplica(scope.row)" type="text"
-                        icon="el-icon-edit-outline">部门长用印申请</el-button>                   
+                    <el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button>
+                    <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印申请</el-button>
+                    <el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
+                    <el-button size="mini" @click="caseLog(scope.row)" type="text" icon="el-icon-edit-outline">案件日志</el-button>
+                    <el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button>
+                    <el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button>                 
                 </template>
             </el-table-column>
         </el-table>
@@ -77,6 +79,10 @@
         <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
             @cancelCompreess="cancelCompreess" :getList="getList">
         </caseCompressionPackage>
+        <!-- 案件详情 -->
+        <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"></mediationCaseDetails>
+        <!-- 案件日志 -->
+        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog"></mediationCaseLog>
     </div>
 </template>
 
@@ -86,12 +92,16 @@ import { listDept } from '@/api/system/dept.js'
 import moment from "moment";
 import addCase from './components/addCase.vue'
 import caseCompressionPackage from './components/caseCompressionPackage.vue';
+import mediationCaseDetails from './components/mediationCaseDetails.vue'
+import mediationCaseLog from './components/mediationCaseLog.vue'
 export default {
     name: "caseList",
     dicts: ["case_flow_node"],
     components: {
         addCase,
-        caseCompressionPackage
+        caseCompressionPackage,
+        mediationCaseDetails,
+        mediationCaseLog
     },
     data() {
         return {
@@ -110,6 +120,8 @@ export default {
             dataList: [],
             addVisable: false,//新增弹窗
             openCompressedPackages:false,//压缩包导入弹窗
+            processVisable:false,//案件详情
+            showcaseLog:false,//案件日志
             caseData: {},
             caseDisabled: false,
             caseTime: '',
@@ -203,6 +215,36 @@ export default {
         // 部门长用印申请
         departmentApplica(){
             
+        },
+        //案件流程
+        caseFlow(row){
+           this.processVisable = true 
+        },
+        cancelViewProcess(){
+            this.processVisable = false
+        },
+        //案件日志
+        caseLog(){
+           this.showcaseLog = true 
+        },
+        cancelcaseLog(){
+            this.showcaseLog = false
+        },
+        // 案件归档
+        caseFiling(){
+           this.$modal.confirm("你确定要案件归档吗？").then((res) => {
+                     
+                }).catch(() =>{
+                    
+            }) 
+        },
+        //签收调解书
+        signMediation(){
+            this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
+                     
+                }).catch(() =>{
+                    
+            })  
         }
     },
 };