0229提交

package.json

 {
   "name": "ruoyi",
   "version": "3.8.6",
-  "description": "智慧仲裁管理系统",
-  "author": "智慧仲裁",
+  "description": "调解系统",
+  "author": "若依",
   "license": "MIT",
   "scripts": {
     "dev": "vue-cli-service serve",
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
     "nprogress": "0.2.0",
-    "qrcodejs2": "0.0.2",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
-    "vue-esign": "^1.1.4",
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",
     "> 1%",
     "last 2 versions"
   ]
-}
+}

src/views/caseManagement/caseList.vue

         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
             <el-form-item label="案件状态" prop="caseFlowId">
                 <el-select v-model="queryParams.caseFlowId" placeholder="请选择" clearable>
-                    <el-option v-for="dict in caseStausArr" :key="dict.id" :label="dict.caseStatusName"
-                        :value="dict.id" @keyup.enter.native="handleQuery"></el-option>
+                    <el-option v-for="dict in caseStausArr" :key="dict.id" :label="dict.caseStatusName" :value="dict.id"
+                        @keyup.enter.native="handleQuery"></el-option>
                 </el-select>
             </el-form-item>
             <!-- <el-form-item label="申请机构" prop="applicationOrganId">
         </el-form>
         <el-row :gutter="10" class="mb8">
             <el-col :span="1.5">
-                <el-button type="primary" plain icon="el-icon-plus"  v-hasPermi="['caseManagement:list:add']" size="mini" @click="addCase()">新增案件</el-button>
+                <el-button type="primary" plain icon="el-icon-plus" v-hasPermi="['caseManagement:list:add']" size="mini"
+                    @click="addCase()">新增案件</el-button>
             </el-col>
             <!-- TODO 后期可能加上-->
             <!-- <el-col :span="1.5">
             <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
-                    <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
-                        icon="el-icon-edit" v-hasPermi="['caseManagement:list:edit']" v-if="scope.row.caseFlowId <= 1">修改</el-button>
+                    <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text" icon="el-icon-edit"
+                        v-hasPermi="['caseManagement:list:edit']" v-if="scope.row.caseFlowId <= 1">修改</el-button>
                     <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</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="viewpaymentformRow(scope.row)" type="text"
                         icon="el-icon-edit">查看缴费单</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" @click="evidenceUpload(scope.row)"
+                        v-hasPermi="['caseManagement:list:evidenceEdit']" v-if="scope.row.caseFlowId <= 9">上传证据</el-button>
                     <el-button size="mini" type="text" icon="el-icon-edit"
-                        @click="evidenceUpload(scope.row)" v-hasPermi="['caseManagement:list:evidenceEdit']" v-if="scope.row.caseFlowId <= 9">上传证据</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseFlowId == 15 || scope.row.caseFlowId == 16 || scope.row.caseFlowId == 17" @click="caseFilingDetails(scope.row)">归档详情</el-button>  
-                    <el-button size="mini" type="text" icon="el-icon-tickets" v-for="(item) in buttonList" :key="item.id"
-                        @click="caseClick(scope.row,item.id)" v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag]) && scope.row.signButtonFlag != 1">{{ item.nodeName }}</el-button>
+                        v-if="scope.row.caseFlowId == 15 || scope.row.caseFlowId == 16 || scope.row.caseFlowId == 17"
+                        @click="caseFilingDetails(scope.row)">归档详情</el-button>
+                    <div class="btnList" v-for="(item) in buttonList" :key="item.id">
+                        <el-button size="mini" type="text" icon="el-icon-tickets" @click="caseClick(scope.row, item.id)"
+                            v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag]) && scope.row.signButtonFlag != 1">{{
+                                item.nodeName }}</el-button>
+                    </div>
                 </template>
             </el-table-column>
         </el-table>
             :caseFlowNumber="caseFlowNumber">
         </mediationCaseDetails>
         <!-- 案件日志 -->
-        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
+        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr"
+            :flagLoading="flagLoading"></mediationCaseLog>
         <!-- 证据修改 -->
         <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
         </evidenceDialog>
         <!-- 缴费 -->
         <payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
-            :queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow" :formPayDetailAffiliate="formPayDetailAffiliate"></payDialog>
+            :queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow"
+            :formPayDetailAffiliate="formPayDetailAffiliate"></payDialog>
         <!-- 缴费确认查看详情 -->
         <paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle"
-            :detailform="detailform" :queryParams="queryParams" :flag="flag" :paymentConfirma="paymentConfirma" :isapplicant="isapplicant" @getList="getList">
+            :detailform="detailform" :queryParams="queryParams" :flag="flag" :paymentConfirma="paymentConfirma"
+            :isapplicant="isapplicant" @getList="getList">
         </paymentdetailsDialog>
         <!-- 案件受理 -->
         <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
             :caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
         <!-- 被申请人缴费 -->
-        <respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail" :resPayId="resPayId" :resPayForm="resPayForm"
-            :queryParams="queryParams" @getList="getList" @paycancelRes="paycancelRes" :formResPay="formResPay"></respondentPay>    
+        <respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail"
+            :resPayId="resPayId" :resPayForm="resPayForm" :queryParams="queryParams" @getList="getList"
+            @paycancelRes="paycancelRes" :formResPay="formResPay"></respondentPay>
         <!-- 调解员弹窗 -->
         <selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
             @getList="getList" :queryParams="queryParams"></selectMediator>
         <timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
             :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
         <!-- 待调解     -->
-        <mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
-            :mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>
+        <mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable" :mediationData="mediationData"
+            @getList="getList" :queryParams="queryParams"></mediation>
         <confirmMediation @cancelConfirmTion="cancelConfirmTion" :confirmTionVisable="confirmTionVisable"
             :confirmTionData="confirmTionData" @getList="getList" :queryParams="queryParams"></confirmMediation>
         <!-- 归档详情 -->
-        <caseFilingDetailsPage :showarchiveDetails="showarchiveDetails" :caseFilingData="caseFilingData" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :flagLoadingS="flagLoadingS"></caseFilingDetailsPage>
+        <caseFilingDetailsPage :showarchiveDetails="showarchiveDetails" :caseFilingData="caseFilingData"
+            @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :flagLoadingS="flagLoadingS">
+        </caseFilingDetailsPage>
     </div>
 </template>
 
 <script>
-import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl,listCaseLogRecord,msCaseFile,msCaseSign,listDeptApplied,msCaseSignUrlApplyPC} from '@/api/caseManagement/caseManagement.js'
+import { caseApplicationList, caseApplicationSelectById, submitCaseApply, selectPaymentDetail, sealApply, selectSealUrl, listCaseLogRecord, msCaseFile, msCaseSign, listDeptApplied, msCaseSignUrlApplyPC } from '@/api/caseManagement/caseManagement.js'
 import { listDept } from '@/api/system/dept.js'
 import { queryCaseFlowInfo } from '@/api/caseprocessManagement/caseprocessManagement.js'
 import moment from "moment";
             dataList: [],
             addVisable: false,//新增弹窗
             openPay: false, //缴费弹框
-            openResPay:false,//被申请人缴费弹窗
+            openResPay: false,//被申请人缴费弹窗
             formPayDetail: {},
-            formResPayDetail:{},
+            formResPayDetail: {},
             payId: null,
-            resPayId:null,
+            resPayId: null,
             payForm: {},
-            resPayForm:{},
+            resPayForm: {},
             openCompressedPackages: false,//压缩包导入弹窗
             processVisable: false,//案件详情
             showcaseLog: false,//案件日志
             openDialog: false,//确认缴费和缴费详情
             detailform: {}, //缴费详情数据
             evidenceVisable: false,//证据修改弹窗
-            mediationVisable:false,//待调解弹窗
-            mediationData:{},
-            payTitle:"",//缴费标题
-            resPayTitle:'',//被申请人缴费标题
-            paymentConfirma:{},//缴费确认
-            showAcceptance:false,//案件受理弹框
-            caseAcceptanceData:{},//案件受理数据
-            mediatorVisable:false,//选择调解员弹窗
-            timeVisable:false,//预约时间弹窗
-            confirmVisable:false,//确认时间/调解员
-            caseFlowNumber:{},//案件流程数据
-            caselogDataArr:[],//案件日志数据
+            mediationVisable: false,//待调解弹窗
+            mediationData: {},
+            payTitle: "",//缴费标题
+            resPayTitle: '',//被申请人缴费标题
+            paymentConfirma: {},//缴费确认
+            showAcceptance: false,//案件受理弹框
+            caseAcceptanceData: {},//案件受理数据
+            mediatorVisable: false,//选择调解员弹窗
+            timeVisable: false,//预约时间弹窗
+            confirmVisable: false,//确认时间/调解员
+            caseFlowNumber: {},//案件流程数据
+            caselogDataArr: [],//案件日志数据
             flagLoading: true, //案件日志弹框loading
-            confirmTionVisable:false,//确认调解书弹窗
-            addModifyData:null,//新增修改传的参数
-            showarchiveDetails:false,//归档详情弹窗
-            detailsAwardNum:{},
+            confirmTionVisable: false,//确认调解书弹窗
+            addModifyData: null,//新增修改传的参数
+            showarchiveDetails: false,//归档详情弹窗
+            detailsAwardNum: {},
             flagLoadingS: true,
-            formPayDetailAffiliate:{},
-            formResPay:{},
-            mediatorData:{},
+            formPayDetailAffiliate: {},
+            formResPay: {},
+            mediatorData: {},
             flag: null,
             caseData: {},
             evidenceData: {},
             departmentData: {},
             timeConfirmVisable: false,
             timeConfirmData: {},
-            confirmTionData:{},
+            confirmTionData: {},
             buttonList: [],
             caseStausArr: [],//案件状态
             isapplicant: true, //判断角色申请人或非申请人
-            caseFilingData:{}
+            caseFilingData: {}
         };
     },
     created() {
     },
     methods: {
         /**所有按钮事件 */
-        caseClick(val,type){
-            if(type == 1){
+        caseClick(val, type) {
+            if (type == 1) {
                 // 提交案件
                 this.onsubmitRow(val);
-            }else if(type == 2){
+            } else if (type == 2) {
                 // 缴费
                 this.payStatus(val);
-            }else if(type == 3 || type == 45){
+            } else if (type == 3 || type == 45) {
                 // 确认缴费
-                this.paymentconfirmationRow(val,type);
-            }else if(type == 4){
+                this.paymentconfirmationRow(val, type);
+            } else if (type == 4) {
                 // 受理分配
                 this.caseAccep(val);
-            }else if(type == 5){
+            } else if (type == 5) {
                 // 选择调解员
                 this.selectMediator(val);
-            }else if(type == 6){
+            } else if (type == 6) {
                 // 核实调解员
                 this.secretaryConfirm(val);
-            }else if(type == 7){
+            } else if (type == 7) {
                 // 确认调解员
                 this.department(val);
-            }else if(type == 8){
+            } else if (type == 8) {
                 // 确定调解时间
                 this.timeConfirm(val);
-            }else if(type == 9){
+            } else if (type == 9) {
                 // 调解
                 this.mediationClick(val)
-            }else if(type == 10){
+            } else if (type == 10) {
                 // 确认调解书
                 this.confirmMediation(val)
-            }else if(type == 11){
+            } else if (type == 11) {
                 // 签名
                 this.msCaseSignUrlApplyPCFn(val)
-            }else if(type == 12){
+            } else if (type == 12) {
                 // 用印申请
                 this.consultantApplica(val)
-            }else if(type == 13){
+            } else if (type == 13) {
                 // 用印
                 this.departmentApplica(val)
-            }else if(type == 14){
+            } else if (type == 14) {
                 // 归档
                 this.caseFiling(val);
-            }else if(type == 15){
+            } else if (type == 15) {
                 // 申请人签收
                 this.signMediation(val)
-            }else if(type == 16){
+            } else if (type == 16) {
                 // 被申请人签收
                 this.receivedMediation(val)
-            }else if(type == 17){
+            } else if (type == 17) {
                 //结束
-            }else if(type == 44){
+            } else if (type == 44) {
                 // 被申请人缴费
                 this.resPayStatus(val)
             }
             }).then(res => {
                 console.log(res)
                 res.rows.forEach(item => {
-                    if(item.id !=17){
+                    if (item.id != 17) {
                         this.buttonList.push(item)
                     }
                     this.caseStausArr.push(item)
-                });               
+                });
             })
         },
         /** 新增案件 */
         addCase() {
-            this.addModifyData =1;
+            this.addModifyData = 1;
             this.addVisable = true;
             this.caseData = {};
             this.caseDisabled = false;
         },
         /** 查看详情 */
         checkDetail(val) {
-            this.addModifyData =2;
+            this.addModifyData = 2;
             this.addVisable = true;
             this.caseData = val;
             this.caseDisabled = true;
             this.addModifyData = 3
             this.addVisable = true;
             this.caseData = row;
-            this.$set(this.caseData,'flag',2)
+            this.$set(this.caseData, 'flag', 2)
             this.caseDisabled = false;
             this.tabFlag = false;
         },
             //         this.$modal.msgSuccess("立案申请成功");
             //     })
             //     .catch(() => { });
-            msCaseSignUrlApplyPC({ caseId: row.id }).then(res=>{
-                console.log(res,"PPPPPPPPPPPPPPPPPPPP");
+            msCaseSignUrlApplyPC({ caseId: row.id }).then(res => {
+                console.log(res, "PPPPPPPPPPPPPPPPPPPP");
                 window.open(res.data.sealUrl);
             })
         },
             this.timeVisable = true;
         },
         /** 调解 */
-        mediationClick(val){
+        mediationClick(val) {
             this.mediationVisable = true;
             this.mediationData = val;
         },
         /** 确认调解书 */
-        confirmMediation(val){
+        confirmMediation(val) {
             this.confirmTionVisable = true;
             this.confirmTionData = val;
         },
             this.timeVisable = false;
         },
         /**取消调解 */
-        cancelMediation(){
+        cancelMediation() {
             this.timeConfirmVisable = false;
         },
         /** 取消确认调解弹窗 */
-        cancelConfirmTion(){
+        cancelConfirmTion() {
             this.confirmTionVisable = false;
         },
-        cancelMediation(){
+        cancelMediation() {
             this.mediationVisable = false;
         },
         cancelConfirm() {
             this.showAcceptance = false
         },
         // 缴费确认
-        paymentconfirmationRow(row,type) {
+        paymentconfirmationRow(row, type) {
             this.paymentConfirma = row
             console.log(this.paymentConfirma)
             this.paymentDetails({
             this.flag = 0;
             this.detailform = {}
             if (type == 3) {
-            // 申请人
+                // 申请人
                 this.isapplicant = true
-            }else {
+            } else {
                 this.isapplicant = false
             }
         },
             this.caseLogNumber = row
             this.showcaseLog = true
             this.flagLoading = true;
-            listCaseLogRecord({caseId:row.id}).then(res=>{
-                    this.caselogDataArr = res.data
-                    this.flagLoading = false;
+            listCaseLogRecord({ caseId: row.id }).then(res => {
+                this.caselogDataArr = res.data
+                this.flagLoading = false;
             })
         },
         cancelcaseLog() {
         caseFiling(row) {
             console.log(row.id)
             let paramValues = {
-                ids:[row.id]
+                ids: [row.id]
             }
             this.$modal.confirm("你确定要案件送达吗？").then((res) => {
-               msCaseFile(paramValues).then(res=>{
+                msCaseFile(paramValues).then(res => {
                     this.$modal.msgSuccess("案件送达成功");
                     this.getList(this.queryParams);
-               }) 
+                })
             }).catch(() => {
 
             })
         //申请人签收调解书
         signMediation(row) {
             this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
-                this.signingMediationAgreement({caseId:row.id,isSignApply:1})
+                this.signingMediationAgreement({ caseId: row.id, isSignApply: 1 })
             }).catch(() => {
 
             })
         //被申请人签收调解书
         receivedMediation(row) {
             this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
-                this.signingMediationAgreement({caseId:row.id,isSignRespon:1})
+                this.signingMediationAgreement({ caseId: row.id, isSignRespon: 1 })
             }).catch(() => {
 
             })
         },
         // 申请人和被申请人签收调解书接口
-         signingMediationAgreement(val){
-             console.log(val)
-             msCaseSign(val).then(res=>{
-                 this.$modal.msgSuccess("签收成功");
-                 this.getList(this.queryParams);
-             })
-         },
+        signingMediationAgreement(val) {
+            console.log(val)
+            msCaseSign(val).then(res => {
+                this.$modal.msgSuccess("签收成功");
+                this.getList(this.queryParams);
+            })
+        },
         //归档详情
-        caseFilingDetails(val){
+        caseFilingDetails(val) {
             this.showarchiveDetails = true;
             this.caseFilingData = val;
-            let vals = {id:val.id}
-            caseApplicationSelectById(vals).then(res=>{
+            let vals = { id: val.id }
+            caseApplicationSelectById(vals).then(res => {
                 res.data.affiliate.respondentSex = Number(res.data.affiliate.respondentSex)
                 this.detailsAwardNum = res.data
                 console.log(this.detailsAwardNum)
                 this.flagLoadingS = false
             })
         },
-        cancelDetail(){
+        cancelDetail() {
             this.showarchiveDetails = false
         }
-        
+
     },
 };
 </script>