Merge branch 'hcb' of SH-Arbitrate/Arbitrate-Frontend into dev

git commit -m ‘驳回意见

public/index.html

@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
+    <script src="http://121.40.189.20:8899/web-apps/apps/api/documents/api.js"></script>
     <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
 	  <style>
     html,

src/api/awardManagement/awardManagement.js

@@ -50,4 +50,92 @@ export function adjudicationDelivery(data) {
         method: 'post',
         data: data
     })
-}
+}
+// 送达(不包含发送电子邮件)
+export function adjudicationService(data) {
+    return request({
+        url: '/adjudication/service',
+        method: 'post',
+        data: data
+    })
+}
+// 查询物流信息
+export function adjudicationLogistics(data) {
+    return request({
+        url: '/adjudication/logistics',
+        method: 'get',
+        params: data
+    })
+}
+// // 签名(暂时只改案件状态)
+// export function adjudicationSignature(data) {
+//     return request({
+//         url: '/adjudication/signature',
+//         method: 'post',
+//         data: data
+//     })
+// }
+export function selectSignUrl(data) {
+    return request({
+        url: '/caseApplication/selectSignUrl',
+        method: 'post',
+        data: data
+    })
+}
+// 归档(暂时只改案件状态)
+export function adjudicationCaseFile(data) {
+    return request({
+        url: '/adjudication/caseFile',
+        method: 'post',
+        data: data
+    })
+}
+// 用印(暂时只改案件状态)
+// export function adjudicationStamp(data) {
+//     return request({
+//         url: '/adjudication/stamp',
+//         method: 'post',
+//         data: data
+//     })
+// }
+
+export function selectSealUrl(data) {
+    return request({
+        url: '/caseApplication/selectSealUrl',
+        method: 'post',
+        data: data
+    })
+}
+// 裁决书列表查询裁决书
+export function selectSignSealUrl(data) {
+    return request({
+        url: '/caseApplication/selectSignSealUrl',
+        method: 'post',
+        data: data
+    })
+}
+
+// 重新生成裁决书
+export function regenerationDocument(data) {
+    return request({
+        url: '/adjudication/regenerationDocument',
+        method: 'post',
+        data: data
+    })
+}
+// 根据案件id
+export function emailByCaseId(data) {
+    return request({
+        url: '/adjudication/emailByCaseId',
+        method: 'get',
+        params: data
+    })
+}
+// 仲裁员审核裁决书
+export function arbitratorCheckArbitrateRecord(data) {
+    return request({
+        url: '/caseApplication/arbitrator/checkArbitrateRecord',
+        method: 'post',
+        data: data
+    })
+}

src/api/batchManagement/batchManagement.js

@@ -0,0 +1,146 @@
+import request from '@/utils/request'
+
+// 批量案件查询
+export function listBatch(data) {
+    return request({
+      url: '/caseApplication/listBatch',
+      method: 'get',
+      params: data
+    })
+  }
+  // 批量提交
+export function submitCaseApplicationBatch(data) {
+    return request({
+        url: '/caseApplication/submitCaseApplicationBatch',
+        method: 'post',
+        data: data
+    })
+}
+// 批量立案审查
+export function submitCaseApplicationCheckBatch(data) {
+  return request({
+      url: '/caseApplication/submitCaseApplicationCheckBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 批量缴费
+export function confirmPayBatch(data) {
+  return request({
+      url: '/pay/confirmPayBatch',
+      method: 'post',
+      data: data
+  })
+}
+//批量缴费总金额
+export function payListBatch(data) {
+  return request({
+      url: '/pay/listBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 缴费支付二维码
+export function casePayBatch(data) {
+  return request({
+      url: '/pay/casePayBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 批量缴费确认
+export function confirmBatch(data) {
+  return request({
+      url: '/pay/confirmBatch',
+      method: 'post',
+      data: data
+  })
+}
+//批量组庭审核
+export function pendTralCheckBatch(data) {
+  return request({
+      url: '/caseApplication/pendTralCheckBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 批量组庭确认
+export function pendTralSureBatch(data) {
+  return request({
+      url: '/caseApplication/pendTralSureBatch',
+      method: 'post',
+      data: data
+  })
+}
+//秘书批量审核文书
+export function verificationArbitrateRecordBatch(data) {
+  return request({
+      url: '/caseApplication/verificationArbitrateRecordBatch',
+      method: 'post',
+      data: data
+  })
+}
+//仲裁员批量审核
+export function checkArbitrateRecordBatch(data) {
+  return request({
+      url: '/caseApplication/arbitrator/checkArbitrateRecordBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 部门长批量审核
+export function checkArbitrateRecordBatchs(data) {
+  return request({
+      url: '/caseApplication/checkArbitrateRecordBatch',
+      method: 'post',
+      data: data
+  })
+}
+//审核仲裁方式
+export function methodBatch(data) {
+  return request({
+      url: '/arbitrate/methodBatch',
+      method: 'post',
+      data: data
+  })
+}
+//批量书面审理
+export function writtenHearBatch(data) {
+  return request({
+      url: '/arbitrate/writtenHearBatch',
+      method: 'post',
+      data: data
+  })
+}
+// 根据批号批量签名
+export function getSignUrlBatch(data) {
+  return request({
+      url: '/adjudication/getSignUrlBatch',
+      method: 'post',
+      data: data
+  })
+}
+//根据批号批量用印
+export function getSealUrlBatch(data) {
+  return request({
+      url: '/adjudication/getSealUrlBatch',
+      method: 'post',
+      data: data
+  })
+}
+//批量归档
+export function caseFileBatch(data) {
+  return request({
+      url: '/adjudication/caseFileBatch',
+      method: 'post',
+      data: data
+  })
+}
+//仲裁文书送达
+export function serviceBatch(data) {
+  return request({
+      url: '/adjudication/serviceBatch',
+      method: 'post',
+      data: data
+  })
+}

src/api/caseAccess/caseEntry.js

@@ -8,7 +8,30 @@ export function caseApply(data) {
     params: data
   })
 }
-
+//批量查询案件签名
+export function pageSignAdjudicate(data) {
+  return request({
+    url: '/adjudication/pageSignAdjudicate',
+    method: 'get',
+    params: data
+  })
+}
+// 批量签名提交
+export function selectBatchSignUrl(data) {
+  return request({
+    url: '/adjudication/selectBatchSignUrl',
+    method: 'post',
+    data: data
+  })
+}
+// 批量签名提交
+export function selectBatchSealUrl(data) {
+  return request({
+    url: '/adjudication/selectBatchSealUrl',
+    method: 'post',
+    data: data
+  })
+}
 // 立案申请
 export function addCaseApply(data) {
   return request({
@@ -33,6 +56,14 @@ export function editCaseApply(data) {
     data: data
   })
 }
+// 抓取内容修改
+export function editCaseApplicationDefineval(data) {
+  return request({
+    url: '/caseApplication/editCaseApplicationDefineval',
+    method: 'post',
+    data: data
+  })
+}
 // 删除案件信息 
 export function removeCaseApply(data) {
   return request({
@@ -49,7 +80,14 @@ export function submitCaseApply(data) {
     data: data
   })
 }
-
+// 立案审查
+export function submitCaseApplicationCheck(data) {
+  return request({
+    url: "/caseApplication/submitCaseApplicationCheck",
+    method: "post",
+    data: data,
+  });
+}
 // 下载模板
 export function importTemplate(data) {
   return request({
@@ -58,3 +96,19 @@ export function importTemplate(data) {
     data: data
   })
 }
+// 更新案件锁定状态
+export function updateCaseLockStatus(data) {
+  return request({
+    url: "/caseApplication/updateCaseLockStatus",
+    method: "post",
+    data: data,
+  });
+}
+// 获取证据目录
+export function evidenceTree(data) {
+  return request({
+    url: "/evidence/evidenceTree",
+    method: "get",
+    params: data,
+  });
+}

src/api/caseFiling/caseFiling.js

@@ -0,0 +1,30 @@
+import request from '@/utils/request'
+
+// 档案详情查询
+export function adjudicationArchives(data) {
+  return request({
+    url: '/adjudication/archives',
+    method: 'get',
+    params: data
+  })
+}
+
+
+
+
+//根据案件id查询视频列表
+export function videoList(data) {
+  return request({
+    url: '/video/videoList',
+    method: 'get',
+    params: data
+  })
+}
+// 下载案件压缩包
+export function downloadCaseZipFile(data) {
+  return request({
+    url: '/caseApplication/downloadCaseZipFile',
+    method: 'post',
+    data: data
+  })
+}

src/api/caseManagement/caseManagement.js

@@ -1,11 +1,11 @@
 import request from "@/utils/request";
 
 // 确定仲裁方式
-export function arbitrateMethod(data, id) {
+export function arbitrateMethod(data,id) {
   return request({
     url: "/arbitrate/method",
     method: "put",
-    params: data,
+    params:data,
     data: id,
   });
 }
@@ -17,6 +17,22 @@ export function writtenHear(data) {
     data: data,
   });
 }
+// 生成庭审笔录
+export function creatTrialRecord(data) {
+  return request({
+    url: "/caseApplication/creatTrialRecord",
+    method: "post",
+    data: data,
+  });
+}
+// 确认生成笔录
+export function creatTrialRecordnew(data) {
+  return request({
+    url: "/caseApplication/confirmMeetingResult",
+    method: "post",
+    data: data,
+  });
+}
 // 组庭确认
 export function pendTralSure(data) {
   return request({
@@ -41,6 +57,14 @@ export function document(data) {
     data: data,
   });
 }
+// 开庭审理提交
+export function changeCaseStatus(data) {
+  return request({
+    url: "/adjudication/changeCaseStatus",
+    method: "post",
+    data: data,
+  });
+}
 // 案件证据上传
 export function evidenceUpload(data) {
   return request({
@@ -49,3 +73,102 @@ export function evidenceUpload(data) {
     data: data,
   });
 }
+// 案件日志列表查询
+export function caseLogRecordList(data) {
+  return request({
+    url: "/caseLogRecord/list",
+    method: "get",
+    params: data,
+  });
+}
+// 案件证据查询
+export function getFileList(data) {
+  return request({
+    url: "/evidence/fileList",
+    method: "get",
+    params: data,
+  });
+}
+//案件状态进度
+export function selectCaseProgress(data) {
+  return request({
+    url: "/caseApplication/selectCaseProgress",
+    method: "post",
+    data: data,
+  });
+}
+// 批量上传证据
+export function batchUpload(data) {
+  return request({
+    url: "/evidence/batchUpload",
+    method: "post",
+    data: data,
+  });
+}
+// 修改开庭时间
+export function updateHeardate(data) {
+  return request({
+    url: "/caseApplication/updateHeardate",
+    method: "post",
+    data: data,
+  });
+}
+// 案件快递信息查询 
+export function logistics(data) {
+  return request({
+    url: "/adjudication/logistics",
+    method: "get",
+    params: data,
+  })
+}
+// 申请人撤销修改
+export function revoke(data) {
+  return request({
+    url: "/caseApplicationLog/revoke",
+    method: "post",
+    data: data,
+  })
+}
+// 秘书审核修改
+export function updateAudit(data) {
+  return request({
+    url: "/caseApplicationLog/updateAudit",
+    method: "post",
+    data: data,
+  })
+}
+// 查询案件对比信息
+export function selectCompareCase(data) {
+  return request({
+    url: "/caseApplicationLog/selectCompareCase",
+    method: "post",
+    data: data,
+  })
+}
+// 根据案件id和类型查询附件
+export function attachListByCaseId(data) {
+  return request({
+    url: "/video/attachListByCaseId",
+    method: "get",
+    params: data,
+  })
+}
+// 案件列表
+export function caseApplicationList(data) {
+  return request({
+      url: '/caseApplication/list',
+      // headers: {
+      //   isToken: false
+      // },
+      method: 'get',
+      params: data
+  })
+}
+// 根据案件id查询当前登陆人是否为仲裁员
+export function secretaryRoleByUserId(data) {
+  return request({
+      url: '/video/secretaryRoleByUserId',
+      method: 'get',
+      params: data
+  })
+}

src/api/deliveryRecord/deliveryRecord.js

@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+
+// 查询邮件列表
+export function emailList(data) {
+    return request({
+        url: '/sendMailRecord/list',
+        method: 'get',
+        params: data
+    })
+}
+
+// 查询短信列表
+export function smsList(data,params) {
+    return request({
+        url: '/caseApplication/smsRecord',
+        method: 'post',
+        data: data,
+        params:params
+    })
+}
+
+// 更新邮件发送记录
+export function update(data) {
+    return request({
+        url: 'sendMailRecord/update',
+    })
+}
+// 分页查询短信
+export function recordList(data) {
+    return request({
+        url: '/shortMessage/recordList',
+        method: 'get',
+        params: data
+    })
+}
+//更新短信内容
+export function updateSendContent(data) {
+    return request({
+        url: 'shortMessage/updateSendContent',
+        method: 'post',
+        data: data,
+    })
+}
+// 重新发送短信
+export function reSendShortMessage(data) {
+    return request({
+        url: 'shortMessage/reSendShortMessage',
+        method: 'post',
+        data: data,
+    })
+}

src/api/home.js

@@ -0,0 +1,14 @@
+import request from '@/utils/request'
+// 待办数量查询
+export function toDoCount() {
+  return request({
+    url: '/caseApplication/toDoCount',
+    method: 'get'
+  })
+}
+
+
+
+
+
+

src/api/meeting/index.js

@@ -0,0 +1,34 @@
+import request from '@/utils/request'
+// 获取房间号
+export function createRoomId(data) {
+    return request({
+        url: '/caseApplication/createRoomId',
+        method: 'get',
+        params: data
+    })
+}
+// 预约会议
+export function reservedConference(data) {
+    return request({
+        url: '/caseApplication/reservedConference',
+        method: 'post',
+        data: data
+    })
+}
+// 根据案件id查询预约会议
+export function reserveConferenceList(data) {
+    return request({
+        url: '/caseApplication/reserveConferenceList',
+        method: 'get',
+        params: data
+    })
+}
+// 发送房间号短信
+export function sendRoomNoMessage(data) {
+    return request({
+        url: '/caseApplication/sendRoomNoMessage',
+        method: 'post',
+        data: data
+    })
+}
+

src/api/officialSeal/officialSeal.js

@@ -0,0 +1,203 @@
+import request from '@/utils/request'
+
+// 查询邮件列表
+export function deptIdentifyList(data) {
+    return request({
+        url: '/deptIdentify/list',
+        method: 'get',
+        params: data
+    })
+}
+// 是否启用
+export function enableDept(data) {
+    return request({
+        url: '/deptIdentify/enableDept',
+        method: 'post',
+        data: data
+    })
+}
+
+// 认证
+export function selectDeptIndefiUrl(data) {
+    return request({
+        url: 'deptIdentify/selectDeptIndefiUrl',
+        method: 'post',
+        data: data
+    })
+}
+// 新增机构
+export function insert(data) {
+    return request({
+        url: '/deptIdentify/insert',
+        method: 'post',
+        data: data
+    })
+}
+// 查询公章列表
+export function sealList(data) {
+    return request({
+        url: '/deptIdentify/sealList',
+        method: 'get',
+        params: data
+    })
+}
+// 启用或者禁用公章
+export function updateSealLockStatus(data) {
+    return request({
+        url: '/deptIdentify/updateSealLockStatus',
+        method: 'post',
+        data: data
+    })
+}
+// 删除未认证的数据
+export function deleteSeal(data) {
+    return request({
+        url: '/deptIdentify/delete',
+        method: 'delete',
+        params: data
+    })
+}
+// 修改机构信息
+export function sealUpdate(data) {
+    return request({
+        url: '/deptIdentify/update',
+        method: 'put',
+        data: data
+    })
+}
+// 新增模板
+export function insertTemplate(data) {
+    return request({
+        url: '/deptIdentify/insertTemplate',
+        method: 'post',
+        data: data
+    })
+}
+// 修改模板
+export function updateTemplate(data) {
+    return request({
+        url: '/deptIdentify/updateTemplate',
+        method: 'post',
+        params: data
+    })
+}
+// 删除模板
+export function deleteTemplate(data) {
+    return request({
+        url: '/deptIdentify/deleteTemplate',
+        method: 'delete',
+        params: data
+    })
+}
+// 根据机构id查询模板
+export function getTemplate(data) {
+    return request({
+        url: '/deptIdentify/getTemplate',
+        method: 'get',
+        params: data
+    })
+}
+// 查询机构下的经办人
+export function selectPostUserByDeptId(data) {
+    return request({
+        url: '/deptIdentify/selectPostUserByDeptId',
+        method: 'get',
+        params: data
+    })
+}
+// 机构绑定经办人
+export function bindHandler(data) {
+    return request({
+        url: '/deptIdentify/bindHandler',
+        method: 'get',
+        params: data
+    })
+}
+// 查询模板
+export function getManagerList(data) {
+    return request({
+        url: '/template/list',
+        method: 'get',
+        params: data
+    })
+}
+// 案件编号查新模板
+export function caseNumRuleList(data) {
+    return request({
+        url: '/caseNumRule/list',
+        method: 'get',
+        params: data
+    })
+}
+// 新增模板
+export function insertManager(data) {
+    return request({
+        url: '/template/insert',
+        method: 'post',
+        data: data
+    })
+}
+// 案件编号新增
+export function insertCaseNumRule(data) {
+    return request({
+        url: '/caseNumRule/insertCaseNumRule',
+        method: 'post',
+        data: data
+    })
+}
+// 删除模板
+export function deleteManager(data) {
+    return request({
+        url: '/template/delete',
+        method: 'delete',
+        params: data
+    })
+}
+//案件编号删除
+export function deleteCaseNumRule(data) {
+    return request({
+        url: '/caseNumRule/deleteCaseNumRule',
+        method: 'post',
+        data: data
+    })
+}
+// 修改模板
+export function updateManager(data) {
+    return request({
+        url: '/template/update',
+        method: 'put',
+        data: data
+    })
+}
+// 案件编号修改
+export function updateCaseNumRule(data) {
+    return request({
+        url: '/caseNumRule/updateCaseNumRule',
+        method: 'post',
+        data: data
+    })
+}
+// 查询模板id对应的设置抓取字段
+export function getFatchRuleByTemplateid(data) {
+    return request({
+        url: '/deptIdentify/getFatchRuleByTemplateid',
+        method: 'post',
+        data: data
+    })
+}
+// 保存抓取规则
+export function saveFatchRules(data) {
+    return request({
+        url: '/deptIdentify/saveFatchRules',
+        method: 'post',
+        data: data
+    })
+}
+// 模板字段列表
+export function getTemplateInfoById(data) {
+    return request({
+        url: '/deptIdentify/getTemplateInfoById',
+        method: 'get',
+        params: data
+    })
+}

src/api/onlyoffice/onlyoffice.js

@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+// 获取onlyoffice配置文件
+export function getOnlyoffice(params) {
+  return request({
+    url: '/onlyOffice',
+    // headers: {
+    //   isToken: false
+    // },
+    method: 'get',
+    params: params
+  })
+}
+// 保存onlyoffice文档
+export function saveOnlyOfficeFile(data) {
+  return request({
+    url: '/caseApplication/saveOnlyOfficeFile',
+    method: 'post',
+    data: data
+  })
+}

src/api/pay/pay.js

@@ -53,4 +53,25 @@ export function selectCaseApplicationConfirm(data) {
     method: 'post',
     data: data
   })
-} 
+} 
+
+// 缴费页面缴费确认
+export function confirmPayDig(data) {
+  return request({
+    url: '/pay/confirmPay',
+    // headers: {
+    //   isToken: false
+    // },
+    method: 'post',
+    data: data
+  })
+}
+// 查询批量缴费信息
+// 缴费页面缴费确认
+export function getPayDetail(params) {
+  return request({
+    url: '/pay/list',
+    method: 'get',
+    params: params
+  })
+}

src/components/ImageUpload/index.vue

@@ -51,12 +51,12 @@ export default {
     // 图片数量限制
     limit: {
       type: Number,
-      default: 5,
+      default: 1,
     },
     // 大小限制(MB)
     fileSize: {
        type: Number,
-      default: 5,
+      // default: 5,
     },
     // 文件类型, 例如['png', 'jpg', 'jpeg']
     fileType: {

src/main.js

@@ -41,6 +41,8 @@ import VueMeta from 'vue-meta'
 import DictData from '@/components/DictData'
 //画布组件
 import vueEsign from 'vue-esign'
+import {checkPermi} from '@/utils/permission'
+
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey
@@ -51,6 +53,7 @@ Vue.prototype.selectDictLabel = selectDictLabel
 Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.download = download
 Vue.prototype.handleTree = handleTree
+Vue.prototype.checkPermi = checkPermi
 
 // 全局组件挂载
 Vue.component('DictTag', DictTag)

src/router/index.js

@@ -61,18 +61,23 @@ export const constantRoutes = [
     component: () => import('@/views/error/401'),
     hidden: true
   },
+  {
+    path: '/onlyoffice',
+    component: () => import('@/views/onlyoffice/onlyoffice'),
+    hidden: true
+  },
   {
     path: '',
     component: Layout,
     redirect: 'index',
-    children: [
+    // children: [
-      {
+    //   {
-        path: 'index',
+    //     path: 'index',
-        component: () => import('@/views/index'),
+    //     component: () => import('@/views/index'),
-        name: 'Index',
+    //     name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
+    //     meta: { title: '首页', icon: 'dashboard', affix: true }
-      }
+    //   }
-    ]
+    // ]
   },
   {
     path: '/user',

src/store/getters.js

@@ -15,5 +15,6 @@ const getters = {
   topbarRouters:state => state.permission.topbarRouters,
   defaultRoutes:state => state.permission.defaultRoutes,
   sidebarRouters:state => state.permission.sidebarRouters,
+  userId:state => state.user.userId,
 }
 export default getters

src/store/modules/user.js

@@ -11,6 +11,9 @@ const user = {
   },
 
   mutations: {
+    SET_USERID:(state,userId) => {
+      state.userId = userId
+    },
     SET_TOKEN: (state, token) => {
       state.token = token
     },
@@ -60,6 +63,7 @@ const user = {
           }
           commit('SET_NAME', user.userName)
           commit('SET_AVATAR', avatar)
+          commit('SET_USERID',user.userId)
           resolve(res)
         }).catch(error => {
           reject(error)

src/utils/permission.js

@@ -24,7 +24,6 @@ export function checkPermi(value) {
     return false
   }
 }
-
 /**
  * 角色权限校验
  * @param {Array} value 校验值

src/utils/request.js

@@ -17,7 +17,8 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   baseURL: process.env.VUE_APP_BASE_API,
   // 超时
-  timeout: 10000
+  // timeout: 10000
+  timeout: 15000
 })
 
 // request拦截器

src/views/awardManagement/components/MailawardDialog.vue

@@ -30,6 +30,7 @@
             <el-input
               v-model="formData.appEmail"
               placeholder="请输入电子邮件"
+              disabled
             />
           </el-form-item>
         </el-col>
@@ -54,20 +55,14 @@
             <el-input
               v-model="formData.resEmail"
               placeholder="请输入电子邮件"
+              disabled
             />
           </el-form-item>
         </el-col>
-        <el-col :span="24">
+        <!-- <el-col :span="24">
           <el-form-item
             label="申请人快递单号："
             prop="apptrackingNum"
-            :rules="[
-              {
-                required: true,
-                message: '快递单号不能为空',
-                trigger: 'blur',
-              },
-            ]"
           >
             <el-input
               v-model="formData.apptrackingNum"
@@ -79,20 +74,13 @@
           <el-form-item
             label="被申请人快递单号："
             prop="restrackingNum"
-            :rules="[
-              {
-                required: true,
-                message: '快递单号不能为空',
-                trigger: 'blur',
-              },
-            ]"
           >
             <el-input
               v-model="formData.restrackingNum"
               placeholder="请输入快递单号"
             />
           </el-form-item>
-        </el-col>
+        </el-col> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -103,19 +91,19 @@
 </template>
 
 <script>
-import { adjudicationDelivery } from "@/api/awardManagement/awardManagement";
+import { adjudicationDelivery, adjudicationService } from "@/api/awardManagement/awardManagement";
 export default {
-  props: ["openMailawardDialog", "mailawardata"],
+  props: ["openMailawardDialog", "mailawardata", "emailobj"],
   data() {
     return {
-      formData: {},
+      formData: this.emailobj,
     };
   },
   watch: {
-    openMailawardDialog: {
+    emailobj: {
       handler(val) {
         if (val) {
-          this.formData = {};
+          this.formData = this.emailobj
         }
       },
     },
@@ -125,12 +113,17 @@ export default {
       // adjudicationDelivery
       this.$refs["form"].validate((valid) => {
         if (valid) {
-          adjudicationDelivery({
+          // adjudicationDelivery({
+            delete this.formData.id
+            delete this.formData.apptrackingNum
+            delete this.formData.restrackingNum
+          adjudicationService({
             id: this.mailawardata.id,
             ...this.formData,
           })
             .then((res) => {
               if (res.code == 200) {
+                this.$modal.msgSuccess("提交成功");
                 this.$emit("updataList");
                 this.cancel();
               }

src/views/awardManagement/components/batchPrintings.vue

@@ -0,0 +1,159 @@
+<template>
+<!-- 批量用印 -->
+    <div>
+        <el-dialog title="批量用印" width="65%" :visible="printingVisable" @close="cancel" center :distroy-on-close="true">
+            <!-- 查询机构信息 -->
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="查询机构:"
+                    prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '查询机构不能为空',
+                        trigger: 'change',
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择查询机构"
+                    @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                     v-for="item in atoDataList"
+                    :key="item.id"
+                    :label="item.identifyName"
+                    :value="item.operPhone+item.id"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+                </el-form>
+            <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" prop="caseNum" align="center" width="150" :show-overflow-tooltip="true" />
+                <el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center"  prop="caseSubjectAmount"/>
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                    <template slot-scope="scope">
+                        <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize"  />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" class="endbutton" :disabled="dataList.length == 0 || batchData.length == 0" @click="confirmSeals"><span>确认用印</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {selectBatchSealUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
+import {deptIdentifyList} from '@/api/officialSeal/officialSeal'
+export default {
+    props:["printingVisable"],
+    data() {
+        return {
+             // 遮罩层
+            loading: true,
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 14, 
+                pageNum: 1,
+                pageSize: 10,
+            },
+           // 表格数据
+            dataList: [],
+            batchData: [],
+            atoDataList:[],
+            courtReviewform: {},
+            Arbitor: "",
+            paramsdata:{
+                ids:[],
+                psnAccount:""
+            },
+        }
+    },
+    watch: {
+        printingVisable(val) {
+            if (val) {
+                this.getBatchPrinting(this.queryParamsData);
+                this.getarbitrAtor()
+            }
+        }  
+    },
+    created(){
+        this.getBatchPrinting(this.queryParamsData)
+        // this.getarbitrAtor()
+    },
+    methods:{
+        // 列表查询
+         getBatchPrinting(val){
+             this.loading = true;
+            pageSignAdjudicate(val).then(res=>{
+                this.dataList = res.rows
+                this.total = res.total;
+                 this.loading = false;
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val){
+             this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.signFlowId)
+                this.paramsdata.ids = this.batchData
+            })
+        },
+            // 查询机构信息
+        getarbitrAtor() {
+                this.atoDataList =[]
+                deptIdentifyList({}).then((res) => {
+                    console.log(res)
+                    this.atoDataList = res.rows;
+                    // this.total = res.total; 
+                });
+        },
+        // 下拉获取电话号码
+        changeArbitor(val){
+            this.paramsdata.psnAccount = val.slice(0,11)
+        },
+        // 确认用印
+        confirmSeals(){
+         this.$refs["courtReviewform"].validate((valid) => {
+            if (valid) {
+          selectBatchSealUrl(this.paramsdata).then((res) => { 
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.getBatchPrinting(this.queryParamsData)
+              window.open(res.data.signUrl)
+              
+            //   this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+        cancel() {
+         this.$emit("printingOperate");
+        },
+    }
+}
+</script>

src/views/awardManagement/components/batchSignatures.vue

@@ -0,0 +1,165 @@
+<template>
+    <div>
+        <!-- 批量签名 -->
+        <el-dialog title="批量签名" width="65%" :visible="signatureVisable" @close="cancel"  center :distroy-on-close="true">
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="仲裁员："
+                    prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '仲裁员不能为空',
+                        trigger: 'change',
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择仲裁员"
+                     @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                    v-for="item in atoDataList"
+                    :key="item.value"
+                    :label="item.nickName"
+                    :value="item.phonenumber+item.userId"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+                </el-form>
+            <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" prop="caseNum" align="center" width="150"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人"  align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                    <template slot-scope="scope">
+                        <el-tag type="success">
+                            {{ scope.row.caseStatusName }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize"  @pagination="getBatchComfirmation(queryParamsData)"/>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button 
+                type="primary" 
+                class="endbutton" 
+                :disabled="dataList.length == 0 || batchData.length == 0" 
+                @click="witnessing"><span>确认签名</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {selectBatchSignUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
+import { arbitrAtor} from "@/api/formationCourt/formationCourt";
+export default {
+    props:["signatureVisable"],
+    data() {
+        return {
+             // 遮罩层
+            loading: true,
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 13,//待定
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 表格数据
+            dataList: [],
+            batchData: [],
+            atoDataList:[],
+            courtReviewform: {},
+            Arbitor: "",
+            paramsdata:{
+                ids:[],
+                psnAccount:""
+            },
+            
+        }
+    },
+    watch: {
+        signatureVisable(val) {
+            if (val) {
+                this.getBatchSignation(this.queryParamsData)
+                this.getarbitrAtor()
+            }
+        }  
+    },
+    created(){
+        this.getBatchSignation(this.queryParamsData)
+        // this.getarbitrAtor()
+    },
+    methods:{
+        // 列表查询
+        getBatchSignation(val){
+             this.loading = true;
+            pageSignAdjudicate(val).then(res=>{
+                this.dataList = res.rows
+                this.total = res.total;
+                 this.loading = false;
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val){
+             this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.signFlowId)
+                this.paramsdata.ids = this.batchData
+            })
+        },
+            // 获取仲裁员信息
+    getarbitrAtor() {
+    this.atoDataList =[]
+      arbitrAtor({}).then((res) => {
+        this.atoDataList = res.rows;
+        // this.total = res.total; 
+      });
+    },
+     changeArbitor(val) {
+         this.paramsdata.psnAccount = val.slice(0,11)
+   
+    },
+    // 确认签名
+    witnessing(){
+         this.$refs["courtReviewform"].validate((valid) => {
+        if (valid) {
+            console.log(this.paramsdata)
+          selectBatchSignUrl(this.paramsdata).then((res) => { 
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.getBatchSignation(this.queryParamsData)
+              window.open(res.data.signUrl)
+              
+            //   this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+     cancel() {
+            this.$emit("signatureOperate");
+        },       
+    }
+}
+</script>

src/views/awardManagement/components/detailsAward.vue

@@ -0,0 +1,133 @@
+<template>
+  <div>
+    <el-dialog title="案件详情" :visible="showarchiveDetails" @close="cancel" :destroy-on-close="true" center>
+      <div class="loading" v-if="flagLoadingS">
+        <i class="el-icon-loading"></i>
+      </div>
+      <div v-else>
+          <!-- <div class="noData" v-if="noData">暂无数据！</div> -->
+          <el-tabs v-model="activeName"  @tab-click="handleClick">
+            <el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
+            <el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane>
+            <el-tab-pane label="裁决书附件" name="third"></el-tab-pane>
+            <!-- <el-tab-pane label="仲裁申请书" name="fourth"></el-tab-pane> -->
+            <el-tab-pane label="案件视频" name="five"></el-tab-pane>
+            <el-tab-pane label="庭审笔录" name="six"></el-tab-pane>
+            <el-tab-pane label="案件异议信息" name="seven"></el-tab-pane>
+         </el-tabs>
+         <div v-show="activeName=='first'">
+             
+             <div v-for="(item,index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType==2" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+            <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div v-show="activeName=='second'">
+            <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div  v-show="activeName=='third'">
+             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==3" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,3) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div  v-show="activeName=='fourth'">
+             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==1" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,1) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div  v-show="activeName=='five'">            
+             <video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :src="headPath + item.annexPath" v-for="(item,index) in videoList" :key="index" controls="controls"></video>
+             <el-empty v-if="videoList == null || videoList.length ==0" description="暂无数据"></el-empty>
+         </div>
+         <!-- <div v-show="activeName=='six'">
+             <div v-for="(item,index) in trialTranscripts" :key="index" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+              <el-empty v-if="trialTranscripts == null || trialTranscripts.length ==0" description="暂无数据"></el-empty>
+         </div> -->
+         <div  v-show="activeName=='six'">
+             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div v-show="activeName=='seven'">
+            <div v-if="detailsAwardNum.adjudicaCounterReason">案件异议信息:{{detailsAwardNum.adjudicaCounterReason}}</div> 
+            <el-empty v-if="!detailsAwardNum.adjudicaCounterReason" description="暂无数据"></el-empty>
+         </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+    props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts"],
+  components: {
+    
+  },
+  data() {
+    return {
+     activeName: 'first',
+      fileURL: window.location.origin + "/API",
+      headPath:window.location.origin + "/API",
+      noData: false,
+    //   myData:[],
+    //   videoLists:[]
+    };
+  },
+  created(){
+    
+    
+  },
+  methods: {
+    isNoData(data,type){
+        let resNumber = 0
+        if(data){
+            let list = data.filter(item => item.annexType == type)
+            if(list){
+                resNumber = list.length
+            }
+        }
+        return resNumber
+    },
+    handleClick(tab, event) {
+
+    },
+    
+    cancel() {
+      this.$emit("cancelDetail");
+    //   this.activeName ="first"
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 500px !important;
+  overflow: auto !important;
+}
+::v-deep .el-dialog {
+  width: 850px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+</style>

src/views/awardManagement/components/expressDeliveryDialog.vue

@@ -0,0 +1,129 @@
+<template>
+  <div>
+    <el-dialog
+      title="快递信息"
+      :visible="showDelivery"
+      @close="cancel"
+      center
+      :distroy-on-close="true"
+    >
+      <div class="loading" v-if="flagLoading">
+        <i class="el-icon-loading"></i>
+      </div>
+      <div v-else>
+        <div class="noData" v-if="noData">暂无快递信息！</div>
+        <div v-else>
+          <div class="deliverName">
+            {{ applicantdelivery.company }} {{ applicantdelivery.no }}
+          </div>
+          <el-divider></el-divider>
+          <el-timeline :reverse="reverse">
+            <el-timeline-item
+              v-for="(activity, index) in activities"
+              :key="index"
+              :timestamp="activity.timestamp"
+            >
+              {{ activity.content }}
+            </el-timeline-item>
+          </el-timeline>
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel" class="endbutton"
+          ><span>取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["showDelivery", "deliveryDataArr", "flagLoading"],
+  data() {
+    return {
+      // key: value
+      reverse: true,
+      applicantdelivery: {}, //申请人物流信息
+      activities: [],
+      noData: false,
+    };
+  },
+  watch: {
+    deliveryDataArr: {
+      handler(val) {
+        if (val) {
+          val.forEach((item) => {
+            if (item.identityType == 1) {
+              let applicantdata = item.logisticsInfo;
+              this.applicantdelivery = JSON.parse(applicantdata);
+              if (this.applicantdelivery.list) {
+                this.activities = this.applicantdelivery.list;
+                this.activities.forEach((item) => {
+                  item.content = item.datetime;
+                  item.timestamp = item.remark;
+                });
+              } else {
+                this.noData = true;
+                return;
+              }
+            }
+          });
+        }
+      },
+    },
+  },
+  methods: {
+    cancel() {
+      this.$emit("closeDeliveryModel");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 600px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.deliverName {
+  margin-left: 6%;
+  font-size: 16px;
+  font-weight: 500;
+}
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+.noData {
+  width: 100%;
+  font-size: 20px;
+  font-weight: 700;
+  color: #959595;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

src/views/awardManagement/components/paymentdetailsDialog.vue

@@ -1,12 +1,6 @@
 <template>
   <div>
-    <el-dialog
+    <el-dialog :title="title" :visible="openDialog" width="1000px" @close="cancel" :destroy-on-close="true">
-      :title="title"
-      :visible="openDialog"
-      width="1000px"
-      @close="cancel"
-      :destroy-on-close="true"
-    >
       <el-descriptions title="案件信息" border style="margin-bottom: 30px">
         <el-descriptions-item label="案件编号">{{
           form.caseNum
@@ -33,136 +27,78 @@
           form.claimLiquidDamag
         }}</el-descriptions-item>
         <el-descriptions-item label="申请人案件证据资料">
-          <p
+          <p @click="toFile(index, 2)" v-for="(item, index) in applicantFileArr" :key="index">
-            @click="toFile(index, 2)"
-            v-for="(item, index) in applicantFileArr"
-            :key="index"
-          >
             <a href="#">{{ item }}</a>
           </p>
         </el-descriptions-item>
         <el-descriptions-item label="被申请人案件证据资料">
-          <p
+          <p v-for="(item, index) in respondentFileArr" :key="index" @click="toFile(index, 6)">
-            v-for="(item, index) in respondentFileArr"
-            :key="index"
-            @click="toFile(index, 6)"
-          >
             <a href="#">{{ item }}</a>
           </p>
         </el-descriptions-item>
         <el-descriptions-item label="裁决书附件">
-          <p
+          <p v-for="(item, index) in awardFileArr" :key="index" @click="toFile(index, 3)">
-            v-for="(item, index) in awardFileArr"
+            <a href="#">{{ item }}</a>
-            :key="index"
+          </p>
-            @click="toFile(index, 3)"
+        </el-descriptions-item>
-          >
+        <el-descriptions-item label="庭审笔录附件">
+          <p v-for="(item, index) in bookFileArr" :key="index" @click="toFile(index, 7)">
             <a href="#">{{ item }}</a>
           </p>
         </el-descriptions-item>
       </el-descriptions>
-      <el-form
+      <el-form ref="form" :model="arbitrateRecord" label-width="300px" label-position="left" :rules="rules"
-        ref="form"
+        :disabled="flag == 3">
-        :model="arbitrateRecord"
+        <!-- <el-form-item label="经庭审质证，对各方提供的证据认定如下" prop="evidenDetermi">
-        label-width="300px"
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
-        label-position="left"
+            v-model="arbitrateRecord.evidenDetermi" />
-        :rules="rules"
-        :disabled="flag == 3"
-      >
-        <el-form-item
-          label="经庭审质证，对各方提供的证据认定如下"
-          prop="evidenDetermi"
-        >
-          <el-input
-            type="textarea"
-            autosize
-            :disabled="flag == 2 || flag == 1"
-            placeholder="请输入内容"
-            v-model="arbitrateRecord.evidenDetermi"
-          />
         </el-form-item>
-        <el-form-item
+        <el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)" prop="factDetermi">
-          label="仲裁庭经审理查明(写明仲裁庭认定的事实)"
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
-          prop="factDetermi"
+            v-model="arbitrateRecord.factDetermi" />
-        >
-          <el-input
-            type="textarea"
-            autosize
-            :disabled="flag == 2 || flag == 1"
-            placeholder="请输入内容"
-            v-model="arbitrateRecord.factDetermi"
-          />
         </el-form-item>
         <el-form-item label="综上所述" prop="caseSketch">
-          <el-input
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
-            type="textarea"
+            v-model="arbitrateRecord.caseSketch" />
-            autosize
-            :disabled="flag == 2 || flag == 1"
-            placeholder="请输入内容"
-            v-model="arbitrateRecord.caseSketch"
-          />
         </el-form-item>
         <el-form-item label="本庭认为" prop="arbitrateThink">
-          <el-input
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
-            type="textarea"
+            v-model="arbitrateRecord.arbitrateThink" />
-            autosize
-            :disabled="flag == 2 || flag == 1"
-            placeholder="请输入内容"
-            v-model="arbitrateRecord.arbitrateThink"
-          />
         </el-form-item>
         <el-form-item label="裁决如下" prop="rulingFollows">
-          <el-input
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
-            type="textarea"
+            v-model="arbitrateRecord.rulingFollows" />
-            autosize
-            :disabled="flag == 2 || flag == 1"
-            placeholder="请输入内容"
-            v-model="arbitrateRecord.rulingFollows"
-          />
         </el-form-item>
         <el-form-item label="核验裁决书意见：" prop="verificaOpinion">
-          <el-input
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
-            type="textarea"
+            v-model="arbitrateRecord.verificaOpinion" />
-            autosize
+        </el-form-item> -->
-            :disabled="flag == 2"
+        <el-form-item label="笔录内容：" prop="responCrossOpin">
-            placeholder="请输入内容"
+          <!-- <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecord.responCrossOpin" placeholder="请输入" /> -->
-            v-model="arbitrateRecord.verificaOpinion"
+          <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecordt.responCrossOpin"
-          />
+            placeholder="请输入" />
         </el-form-item>
-        <el-form-item
+        <el-form-item label="审核意见：" prop="checkOpinion" v-if="flag == 2 || flag == 4">
-          label="审核裁决书意见："
+          <el-input type="textarea" autosize placeholder="请输入内容" v-model="arbitrateRecord.checkOpinion" />
-          prop="checkOpinion"
+        </el-form-item>
-          v-if="flag == 2"
+        <el-form-item label="驳回原因" prop="arbitrateReject" v-if="flag == 2 || flag == 4">
-        >
+          <el-input type="textarea" :rows="2" placeholder="请输入拒绝原因" v-model="arbitrateRecord.arbitrateReject"></el-input>
-          <el-input
-            type="textarea"
-            autosize
-            placeholder="请输入内容"
-            v-model="arbitrateRecord.checkOpinion"
-          />
         </el-form-item>
       </el-form>
       <!-- 画布 -->
-      <h4 v-if="flag == 3">签名区域</h4>
+      <!-- <h4 v-if="flag == 3">签名区域</h4>
       <div class="esign" v-if="flag == 3">
         <vue-esign ref="esign" :width="900" :height="300" bgColor="#ffffff" />
-      </div>
+      </div> -->
       <!-- 清除画布 -->
-      <el-button v-if="flag == 3" type="info" @click="handleReset"
-        >清除画布</el-button
-      >
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm(0)" v-if="flag == 1"
+        <!-- <el-button type="danger" @click="submitForm(4)" v-if="flag == 1">重新生成裁决书</el-button> -->
-          >提 交</el-button
+        <el-button type="primary" @click="submitForm(0)" v-if="flag == 1">提 交</el-button>
-        >
+        <el-button type="primary" @click="submitForm(1)" v-if="flag == 2">同 意</el-button>
-        <el-button type="primary" @click="submitForm(1)" v-if="flag == 2"
+        <el-button type="danger" @click="submitForm(2)" v-if="flag == 2">驳 回</el-button>
-          >同 意</el-button
+        <el-button type="primary" @click="submitForm(3)" v-if="flag == 3">提 交</el-button>
-        >
+        <el-button type="primary" @click="submitForm(5)" v-if="flag == 4">同 意</el-button>
-        <el-button type="danger" @click="submitForm(2)" v-if="flag == 2"
+        <el-button type="danger" @click="submitForm(6)" v-if="flag == 4">驳 回</el-button>
-          >驳 回</el-button
-        >
-        <el-button type="primary" @click="submitForm(3)" v-if="flag == 3"
-          >提 交</el-button
-        >
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -173,14 +109,21 @@
 import {
   verificationArbitrateRecord,
   checkArbitrateRecord,
+  adjudicationSignature,
+  regenerationDocument,
+  arbitratorCheckArbitrateRecord
 } from "@/api/awardManagement/awardManagement";
 export default {
   props: ["openDialog", "title", "flag", "detailform"],
   data() {
     return {
       // key: value
+      arbitrateRecordt: {},
       form: {},
-      arbitrateRecord: {},
+      arbitrateRecord: {
+        // checkOpinion:"同意"
+        checkOpinion: ""
+      },
       // 表单校验
       rules: {
         evidenDetermi: [
@@ -232,13 +175,22 @@ export default {
             trigger: "blur",
           },
         ],
+        // arbitrateReject: [
+        //   {
+        //     required: true,
+        //     message: "拒绝原因不能为空",
+        //     trigger: "blur",
+        //   },
+        // ],
       },
       applicantFileArr: [], //申请人
       applicantPathArr: [], //申请人
       respondentFileArr: [], //被申请人
       respondenPathArr: [], //被申请人
-      awardFileArr: [], //裁决书
+      awardFileArr: [], //庭审笔录文件
-      awardPathArr: [], //裁决书
+      awardPathArr: [], //庭审笔录路径
+      bookFileArr: [], //裁决书文件
+      bookPathArr: [], //庭审笔录路径
     };
   },
   watch: {
@@ -251,11 +203,18 @@ export default {
             (this.respondenPathArr = []), //被申请人
             (this.awardFileArr = []), //裁决书
             (this.awardPathArr = []), //裁决书
-            setTimeout(() => {
+            // setTimeout(() => {
-              this.form = this.detailform;
+            this.form = this.detailform;
-              this.arbitrateRecord = this.form.arbitrateRecord;
+          // if(this.form.arbitrateRecord && this.form.arbitrateRecord.checkOpinion == null ){
-              this.evidenceFile(this.form);
+          // this.form.arbitrateRecord.checkOpinion = '同意';
-            }, 1000);
+          this.arbitrateRecord.checkOpinion = '';
+          // }
+          this.arbitrateRecord = {};
+          if (this.form.arbitrateRecord) {
+            this.arbitrateRecord.id = this.form.arbitrateRecord.id;
+          }
+          this.evidenceFile(this.form);
+          // }, 1000);
         }
       },
     },
@@ -264,6 +223,14 @@ export default {
     // 申请人裁决书
     evidenceFile(val) {
       if (val) {
+        this.applicantFileArr = [];
+        this.applicantPathArr = [];
+        this.respondentFileArr = [];
+        this.respondenPathArr = [];
+        this.awardFileArr = [];
+        this.awardPathArr = [];
+        this.bookFileArr = [];
+        this.bookPathArr = [];
         val.caseAttachList.forEach((item) => {
           if (item.annexType == 2) {
             this.applicantFileArr.push(item.annexName);
@@ -274,6 +241,9 @@ export default {
           } else if (item.annexType == 3) {
             this.awardFileArr.push(item.annexName);
             this.awardPathArr.push(item.annexPath);
+          } else if (item.annexType == 7) {
+            this.bookFileArr.push(item.annexName);
+            this.bookPathArr.push(item.annexPath);
           }
         });
       }
@@ -287,6 +257,8 @@ export default {
         window.open(headPath + this.respondenPathArr[index], "_blank");
       } else if (val == 3) {
         window.open(headPath + this.awardPathArr[index], "_blank");
+      } else if (val == 7) {
+        window.open(headPath + this.bookPathArr[index], "_blank");
       }
     },
     // 校验裁决书
@@ -305,7 +277,34 @@ export default {
         this.$message("成功");
       });
     },
+    // 仲裁员审核裁决书
+    arbitratorCheckArbitrateRecordFn(parms) {
+      arbitratorCheckArbitrateRecord(parms).then((res) => {
+        this.cancel();
+        this.$emit("updataList");
+        this.$message("成功");
+      });
+    },
+    // 签名
+    adjudicationSignatureFn(parms) {
+      adjudicationSignature(parms).then((res) => {
+        this.cancel();
+        this.$emit("updataList");
+        this.$message("成功");
+      })
+    },
+    // 重新生成裁决书
+    getRegenerationDocument(params) {
+      regenerationDocument(params).then(res => {
+        console.log(res.data, "重新生成裁决书");
+        this.awardFileArr = [];
+        this.awardPathArr = [];
+        this.awardFileArr[0] = res.data.annexName;
+        this.awardPathArr[0] = res.data.annexPath;
+      })
+    },
     submitForm(parms) {
+      let that = this;
       this.$refs["form"].validate((valid) => {
         if (valid) {
           if (parms == 0) {
@@ -320,11 +319,45 @@ export default {
               arbitrateRecord: this.arbitrateRecord,
             });
           } else if (parms == 2) {
-            this.checkArbitrateRecordFn({
+            if (!that.arbitrateRecord.arbitrateReject == "") {
+              this.$message.error('请输入拒绝原因');
+              return
+            } else {
+              this.arbitrateRecord.deptorReject = this.arbitrateRecord.arbitrateReject;
+              delete this.arbitrateRecord.arbitrateReject;
+              this.checkArbitrateRecordFn({
+                id: this.form.id,
+                agreeOrNotCheck: 2,
+                arbitrateRecord: this.arbitrateRecord,
+              });
+            }
+          } else if (parms == 3) {
+            this.adjudicationSignatureFn({
               id: this.form.id,
-              agreeOrNotCheck: 2,
+            });
+          } else if (parms == 4) {
+            let paramsData = {};
+            paramsData.arbitrateRecord = this.arbitrateRecord;
+            paramsData.id = this.form.id
+            this.getRegenerationDocument(paramsData)
+          } else if (parms == 5) {
+            this.arbitratorCheckArbitrateRecordFn({
+              id: this.form.id,
+              agreeOrNotCheck: 1,
               arbitrateRecord: this.arbitrateRecord,
             });
+          } else if (parms == 6) {
+            debugger
+            if (!that.arbitrateRecord.arbitrateReject) {
+              this.$message.error('请输入拒绝原因');
+              return
+            } else {
+              this.arbitratorCheckArbitrateRecordFn({
+                id: this.form.id,
+                agreeOrNotCheck: 2,
+                arbitrateRecord: this.arbitrateRecord,
+              });
+            }
           }
         }
       });
@@ -332,10 +365,6 @@ export default {
     cancel() {
       this.$emit("cancelpaymentdetails");
     },
-    // 清除画布
-    handleReset() {
-      this.$refs["esign"].reset(); //清空画布
-    },
   },
 };
 </script>
@@ -348,6 +377,7 @@ export default {
 .esign {
   border: 1px solid;
 }
+
 a {
   color: blue;
 }

src/views/awardManagement/listofAwards.vue

@@ -5,12 +5,19 @@
                 <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
             </el-form-item>
             <el-form-item label="案件状态" prop="caseStatus">
-                <el-select v-model="queryParams.caseStatus" placeholder="请选择案件状态" clearable
+                <el-select :disabled="caseStatusType" v-model="queryParams.caseStatus" placeholder="请选择案件状态" clearable
                     @keyup.enter.native="handleQuery">
-                    <el-option v-for="dict in dict.type.case_status" :key="dict.value" :label="dict.label"
+                    <el-option v-for="dict in caseStatus" :key="dict.dictValue" :label="dict.dictLabel"
-                        :value="dict.value"></el-option>
+                        :value="dict.dictValue"></el-option>
                 </el-select>
             </el-form-item>
+            <!-- <el-form-item label="是否完成" prop="selectCaseStatus">
+                <el-select v-model="queryParams.selectCaseStatus" placeholder="请选择状态" clearable
+                    @keyup.enter.native="handleQuery">
+                    <el-option v-for="dict in selectCaseStatusList" :key="dict.value" :label="dict.label"
+                        :value="dict.value"></el-option>
+                </el-select>
+            </el-form-item> -->
             <!-- <el-form-item label="开庭日期" prop="hearDate">
                 <el-date-picker v-model="queryParams.hearDate" type="daterange" range-separator="至" start-placeholder="开始日期"
                     end-placeholder="结束日期">
@@ -21,6 +28,28 @@
                 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
             </el-form-item>
         </el-form>
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(3)"
+                    v-hasPermi="['caseManagement:list:check']">案件批量归档</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(5)"
+                    v-hasPermi="['awardManagement:list:check']">案件批量核查</el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchSignature"
+                v-hasPermi="['awardManagement:list:signature']"
+                >批量签名
+                </el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button  type="primary" plain icon="el-icon-plus" size="mini" @click="batchPrinting"
+                v-hasPermi="['awardManagement:list:officialSeal']"
+                >批量用印
+                 </el-button>
+            </el-col>
+        </el-row>
         <el-table v-loading="loading" :data="dataList" style="width: 100%">
             <el-table-column label="序号" type="index" align="center">
                 <template slot-scope="scope">
@@ -33,38 +62,44 @@
             <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
             <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
             <!-- 缴费人 -->
-            <el-table-column label="案件状态" align="center" prop="caseStatusName" />
+            <!-- <el-table-column label="案件状态" align="center" prop="caseStatusName" /> -->
+            <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                <template slot-scope="scope">
+                    <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                </template>
+            </el-table-column>
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
-                    <!-- <el-button size="mini" type="text" icon="el-icon-reading" v-if="scope.row.caseStatus == 10" @click="showModel(scope.row, 0)"
+                    <el-button size="mini" type="text" icon="el-icon-reading"
-                        v-hasPermi="['monitor:online:forceLogout']">生成裁决书</el-button> -->
+                        v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 11" @click="showModel(scope.row, 1)"
+                        @click="showModel(scope.row, 0)">查看裁决书</el-button>
-                        v-hasPermi="['monitor:online:forceLogout']">核查</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit"
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 12" @click="showModel(scope.row, 2)"
+                        v-if="scope.row.caseStatus == 11 && checkPermi(['awardManagement:list:secretarycheck'])"
-                        v-hasPermi="['monitor:online:forceLogout']">确认裁决书</el-button>
+                        @click="showModel(scope.row, 1)">确认裁决书</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 13" @click="showModel(scope.row, 3)"
+                    <el-button size="mini" type="text" icon="el-icon-edit"
-                        v-hasPermi="['monitor:online:forceLogout']">签名</el-button>
+                        v-if="scope.row.caseStatus == 18 && checkPermi(['awardManagement:list:check']) && btnStatus"
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 14" @click="showModel(scope.row, 4)"
+                        @click="showModel(scope.row, 4)">核查裁决书</el-button>
-                        v-hasPermi="['monitor:online:forceLogout']">用印申请</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit"
-                        <!-- v-if="scope.row.caseStatus == 15"   送达裁决书 -->
+                        v-if="scope.row.caseStatus == 12 && checkPermi(['awardManagement:list:confirmaward']) && btnStatus"
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 15"  @click="showMailaward(scope.row)"
+                        @click="showModel(scope.row, 2)">审核裁决书</el-button>
-                        v-hasPermi="['monitor:online:forceLogout']">送达裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit"
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 16" @click="showModel(scope.row, 6)"
+                        v-if="scope.row.caseStatus == 13 && checkPermi(['awardManagement:list:sign']) && btnStatus"
-                        v-hasPermi="['monitor:online:forceLogout']">案件归档</el-button>
+                        @click="showModel(scope.row, 3)">签名</el-button>
-                    <!-- <el-button size="mini" type="text" icon="el-icon-reading" 
+                    <el-button size="mini" type="text" icon="el-icon-edit"
-                        @click="showModel(scope.row, 0)" v-hasPermi="['monitor:online:forceLogout']">生成裁决书</el-button>
+                        v-if="scope.row.caseStatus == 14 && checkPermi(['awardManagement:list:signprint']) && btnStatus"
-                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showaffixModel(scope.row, 4)">用印</el-button>
-                        @click="showModel(scope.row, 1)" v-hasPermi="['monitor:online:forceLogout']">核查</el-button>
+                    <!-- v-if="scope.row.caseStatus > 15" -->
-                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                    <el-button size="mini" type="text" icon="el-icon-truck"
-                        @click="showModel(scope.row, 2)" v-hasPermi="['monitor:online:forceLogout']">确认裁决书</el-button>
+                        v-if="scope.row.caseStatus > 15 && checkPermi(['delivery:list:detail'])"
-                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showDeliveryModel(scope.row, 4)">快递信息</el-button>
-                        @click="showModel(scope.row, 3)" v-hasPermi="['monitor:online:forceLogout']">签名</el-button>
+                    <!-- v-if="scope.row.caseStatus == 15"   送达裁决书 -->
-                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                    <el-button size="mini" type="text" icon="el-icon-edit"
-                        @click="showModel(scope.row, 4)" v-hasPermi="['monitor:online:forceLogout']">用印申请</el-button>
+                        v-if="scope.row.caseStatus == 15 && checkPermi(['awardManagement:list:sendaward']) && btnStatus"
-                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showMailaward(scope.row)">送达裁决书</el-button>
-                        @click="showModel(scope.row, 5)" v-hasPermi="['monitor:online:forceLogout']">送达裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit"
-                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        v-if="scope.row.caseStatus == 16 && checkPermi(['awardManagement:list:file']) && btnStatus"
-                        @click="showModel(scope.row, 6)" v-hasPermi="['monitor:online:forceLogout']">案件归档</el-button> -->
+                        @click="showCasefilingModel(scope.row, 6)">案件归档</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="detailsAwardList(scope.row)">案件详情</el-button>   
                 </template>
             </el-table-column>
         </el-table>
@@ -74,12 +109,23 @@
         <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag"
             @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList"></paymentdetailsDialog>
         <!-- 送达裁决书页面 -->
-        <mailawardDialog 
+        <mailawardDialog :openMailawardDialog="openMailawardDialog" @closeMailaward="closeMailaward"
-        :openMailawardDialog="openMailawardDialog" 
+            @updataList="updataList" :mailawardata="mailawardata" :emailobj="emailobj"></mailawardDialog>
-        @closeMailaward="closeMailaward"
+        <!-- 快递信息页面 -->
-        @updataList="updataList"
+        <expressDeliveryDialog :showDelivery="showDelivery" :deliveryDataArr="deliveryDataArr"
-        :mailawardata="mailawardata"
+            @closeDeliveryModel="closeDeliveryModel" :flagLoading="flagLoading"></expressDeliveryDialog>
-        ></mailawardDialog>
+        <!-- 批量操作弹窗 -->
+        <operateDialog :queryParams="queryParams" :operateStatus="operateStatus" :operateVisable="operateVisable"
+            @getcaseApply="getList" :operateTitle="operateTitle" @cancelOperate="cancelOperate" :operateData="operateData">
+        </operateDialog>
+        <!-- 裁决书案件详情 -->
+        <detailsAward :showarchiveDetails="showarchiveDetails" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :videoList="videoList"
+        :flagLoadingS="flagLoadingS" :trialTranscripts="trialTranscripts"
+        ></detailsAward>
+         <!-- 批量签名 -->
+        <batchSignatures :signatureVisable="signatureVisable" @signatureOperate="signatureOperate"></batchSignatures>
+        <!-- 批量用印 -->
+        <batchPrintings :printingVisable="printingVisable" @printingOperate="printingOperate"></batchPrintings>
     </div>
 </template>
   
@@ -87,27 +133,50 @@
 import {
     caseApplicationList,
     caseApplicationDetail,
+    adjudicationLogistics,
+    adjudicationCaseFile,
+    adjudicationStamp,
+    selectSignUrl,
+    selectSealUrl,
+    selectSignSealUrl,
+    emailByCaseId
 } from "@/api/awardManagement/awardManagement";
 import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
 import mailawardDialog from './components/MailawardDialog.vue';
-
+import expressDeliveryDialog from './components/expressDeliveryDialog.vue';
+import operateDialog from '@/views/caseManagement/components/operateDialog.vue'
+import detailsAward from './components/detailsAward.vue'
+import { getDicts } from '@/api/system/dict/data.js'
+import { videoList } from "@/api/caseFiling/caseFiling";
+import {attachListByCaseId} from "@/api/caseManagement/caseManagement"
+import batchSignatures from "./components/batchSignatures.vue"
+import batchPrintings from "./components/batchPrintings.vue"
 export default {
     name: "paymentList",
     dicts: ["case_status"],
-    components: { paymentdetailsDialog, mailawardDialog },
+    components: { 
+     paymentdetailsDialog,
+     mailawardDialog, 
+     expressDeliveryDialog,
+     operateDialog,
+     detailsAward,
+     batchSignatures,
+     batchPrintings
+     },
     data() {
         return {
             queryParams: {
                 pageNum: 1,
                 pageSize: 10,
             },
+            caseStatus: [],
             // 遮罩层
             loading: false,
             // 总条数
             total: 0,
             // 表格数据
             list: [],
-
+            emailobj: {},//邮箱存储
             // 弹出层标题
             title: "",
             payTitle: "",
@@ -120,26 +189,99 @@ export default {
             rules: {},
             dataList: [],
             detailform: {}, //缴费详情数据
+            detailsAwardNum:{},//裁决书数据
+            signatureVisable:false,//批量签名
+            printingVisable:false,
+            videoList:"", //视频数据
+            trialTranscripts:[],//庭审笔录
             openDialog: false, //缴费详情数据弹框
             flag: null,
             openMailawardDialog: false,  //送达裁决书页面
             mailawardata: {},   //裁决书送达界面数据
+            showDelivery: false, //快递信息弹框
+            deliveryDataArr: [],//快递信息数据
+            flagLoading: true,
+            flagLoadingS: true,
+            operateVisable: false,
+            operateData: {},
+            operateStatus: 0,
+            operateTitle: "",
+            // 裁决书详情
+            showarchiveDetails: false,
+            selectCaseStatusList: [
+                {
+                    label: "待办案件",
+                    value: 0
+                },
+                {
+                    label: "已办案件",
+                    value: 1
+                }
+            ],
+            caseStatusType: false,
+            btnStatus: true,
         };
     },
     created() {
+        getDicts("case_status").then(res => {
+            this.caseStatus = res.data;
+            let params = this.$route.params.status;
+            if (params) {
+                this.queryParams.caseStatus = params + '';
+            }
+            this.queryParams.caseStatusList = [11, 12, 13, 14, 15, 16, 18]
+            this.getList(this.queryParams);
+        })
         // 裁决书列表不显示 生成裁决书
         // this.queryParams.caseStatusList = [10, 11, 12, 13, 14, 15, 16]
-        this.queryParams.caseStatusList = [11, 12, 13, 14, 15, 16]
-        this.getList(this.queryParams);
     },
     methods: {
-        updataList(){
+        cancelOperate() {
+            this.operateVisable = false;
+        },
+         cancelDetail(){
+            this.showarchiveDetails = false;
+        },
+        signatureOperate(){
+        this.signatureVisable = false;
+        },
+        printingOperate(){
+        this.printingVisable = false;
+        },
+        operateClick(type) {
+            this.operateVisable = true;
+            if (type == 0) {
+                this.operateTitle = '批量提交';
+                this.operateStatus = 0;
+            } else if (type == 1) {
+                this.operateTitle = '批量删除';
+                this.operateStatus = 1;
+            } else if (type == 2) {
+                this.operateTitle = '批量立案申请';
+                this.operateStatus = 2;
+            } else if (type == 3) {
+                this.operateTitle = '批量归档';
+                this.operateStatus = 3;
+            } else if (type == 5) {
+                this.operateTitle = '批量核查';
+                this.operateStatus = 5;
+            }
+        },
+        updataList() {
             this.getList(this.queryParams);
         },
         /** 搜索按钮操作 */
         handleQuery() {
             this.queryParams.pageNum = 1;
             this.getList(this.queryParams);
+            if (this.queryParams.selectCaseStatus == 1) {
+                this.queryParams.caseStatus = null;
+                this.caseStatusType = true;
+                this.btnStatus = false;
+            } else if (this.queryParams.selectCaseStatus == 0) {
+                this.caseStatusType = false;
+                this.btnStatus = true;
+            }
         },
         /** 重置按钮操作 */
         resetQuery() {
@@ -157,20 +299,39 @@ export default {
         },
         // model框显示
         showModel(row, type) {
-            this.getDetail({ id: row.id });
+
-            this.openDialog = true;
             switch (type) {
+                case 0:
+                    selectSignSealUrl({ id: row.id }).then(res => {
+                        let url = res.data.filearbitraUrl;
+                        window.open(url)
+                    })
+                    break;
                 case 1:
+                    this.getDetail({ id: row.id });
+                    this.openDialog = true;
                     this.title = "核验裁决书";
                     this.flag = 1;
                     break;
                 case 2:
+                    this.getDetail({ id: row.id });
+                    this.openDialog = true;
                     this.title = "审核裁决书";
                     this.flag = 2;
                     break;
                 case 3:
-                    this.title = "裁决书签名";
+                    // this.title = "裁决书签名";
-                    this.flag = 3;
+                    // this.flag = 3;
+                    selectSignUrl({ id: row.id }).then(res => {
+                        let url = res.data.signUrl;
+                        window.open(url)
+                    })
+                    break;
+                case 4:
+                    this.getDetail({ id: row.id });
+                    this.openDialog = true;
+                    this.title = "审核裁决书";
+                    this.flag = 4;
                     break;
                 default:
                     break;
@@ -180,21 +341,105 @@ export default {
         cancelpaymentdetails() {
             this.openDialog = false;
         },
+        // 用印申请
+        showaffixModel(row) {
+            this.$modal.confirm('是否进行用印申请？')
+                .then(function () {
+                    // return adjudicationStamp({ id: row.id });
+                    selectSealUrl({ id: row.id }).then(res => {
+                        let url = res.data.sealUrl;
+                        window.open(url)
+                    })
+                })
+                // .then(() => {
+                //     this.getList(this.queryParams);
+                //     this.$modal.msgSuccess("用印成功！");
+                // })
+                .catch(function () {
+                });
+        },
+        // 快递信息弹框
+        showDeliveryModel(row) {
+            console.log(row, '快递');
+            this.showDelivery = true
+            this.getadjudicationLogistics({ id: row.id })
+        },
+        closeDeliveryModel() {
+            this.showDelivery = false
+        },
+        // 查询物流信息
+        getadjudicationLogistics(val) {
+            this.flagLoading = true;
+            adjudicationLogistics(val).then((res) => {
+                this.deliveryDataArr = res.data
+                this.flagLoading = false
+            })
+        },
+        // 案件归档
+        showCasefilingModel(row) {
+            this.$modal.confirm('是否确认立即进行案件扫描？').then(
+                function () {
+                    // return adjudicationCaseFile({ id: row.id })
+                    return adjudicationCaseFile({ ids: [row.id] })
+                }
+            ).then(() => {
+                this.getList(this.queryParams);
+                this.$modal.msgSuccess("归档成功！");
+            }).catch(function () { })
+        },
         // 送达裁决书弹框
         showMailaward(row) {
             this.mailawardata = row;
+            this.emailByCaseIdFn(row.id)
             this.openMailawardDialog = true
         },
         // 关闭送达裁决书弹框
         closeMailaward(row) {
             this.openMailawardDialog = false
         },
+        // 根据案件id查询邮件
+        emailByCaseIdFn(val) {
+            emailByCaseId({ id: val }).then((res) => {
+                this.emailobj = res.data
+            })
+        },
         /** 查询详情 */
         getDetail(parms) {
             caseApplicationDetail(parms).then((res) => {
                 this.detailform = res.data;
+                this.detailsAwardNum = res.data;
+                console.log(this.detailsAwardNum)
             });
         },
+        // 裁决书详情
+        detailsAwardList(row){
+            this.showarchiveDetails = true
+            this.getDetail({ id: row.id })
+            this.getvideoList({ caseId: row.id })
+            this.getAttachListByCaseId({caseAppliId:row.id,annexType:11})
+            this.flagLoadingS = false
+        },
+        // 根据id查询视频列表
+        getvideoList(data){
+            videoList(data).then(res => {
+                this.videoList = res.data;
+            })
+        },
+        //根据案件id和类型查询附件
+        getAttachListByCaseId(data){
+            attachListByCaseId(data).then(res =>{
+                this.trialTranscripts = res.data;
+            })
+        },
+        // 批量签名
+        batchSignature(){
+        this.signatureVisable = true;
+        },
+           // 批量用印
+        batchPrinting(){
+        this.printingVisable = true;
+        }
+       
     },
 };
 </script>

src/views/batchManagement/batchManagList.vue

@@ -0,0 +1,387 @@
+<template>
+    <div class="app-container">
+            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
+            <el-form-item label="案件批号:" prop="batchNumber">
+                <el-input v-model="queryParams.batchNumber" placeholder="请输入批号" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+             <el-form-item label="申请人" prop="applicantName">
+            <el-cascader v-model="queryParams.nameId" :options="options" @change="changeDept" :props="{ checkStrictly: true }"
+          clearable></el-cascader>
+      </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+    </el-form>
+        <el-table v-loading="loading" style="width: 100%" :data="dataList">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="案件批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" />
+            <el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+            <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+            <el-table-column label="仲裁员" align="center" prop="arbitratorName" :show-overflow-tooltip="true" />
+            <el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+            <el-tag type="success">{{ scope.row.caseStatusName}}</el-tag>
+            </template>
+            </el-table-column>  
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="350">
+                <template slot-scope="scope">
+                    <el-button size="mini" type="text" icon="el-icon-view" @click="viewingCasesBtn(scope.row)">查看案件列表</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-check" @click="confirmSubmission(scope.row)" v-if="scope.row.caseStatusstr == '0' && checkPermi(['batchManagement:list:submit'])">提交</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-view" @click="filingFeview(scope.row)" v-if="scope.row.caseStatusstr == '1' && checkPermi(['batchManagement:list:filingReview'])">立案审查</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="batchPayments(scope.row)" v-if="scope.row.caseStatusstr == '2' && checkPermi(['batchManagement:list:pay'])">缴费</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="paymentConfir(scope.row)" v-if="scope.row.caseStatusstr == '3' && checkPermi(['batchManagement:list:payconfirm'])">缴费确认</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-check" @click="courtReviews(scope.row)" v-if="scope.row.caseStatusstr == '5' && checkPermi(['batchManagement:list:checkgroup'])">组庭审核</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-sort" @click="courtConfirmations(scope.row)" v-if="scope.row.caseStatusstr == '6' && checkPermi(['batchManagement:list:confirmgroup'])">组庭确认</el-button>
+                    <el-button size="mini" type="text" @click="reviewArbitrations(scope.row)" v-if="scope.row.caseStatusstr == '7' && checkPermi(['batchManagement:list:checkarbitrationway'])">审核仲裁方式</el-button>
+                    <el-button size="mini" type="text" @click="batchWrittenReviewy(scope.row)" v-if="scope.row.caseStatusstr == '9' && checkPermi(['batchManagement:list:hear'])">书面审理</el-button>
+                    <!-- <el-button size="mini" type="text" @click="batchWrittenReviewy(scope.row)">书面审理</el-button> -->
+                    <el-button size="mini" type="text" @click="secretaryArbitration(scope.row)" v-if="scope.row.caseStatusstr == '11' && checkPermi(['batchManagement:list:secretarycheck'])">秘书确认</el-button>
+                    <el-button size="mini" type="text" @click="arbitratorsVerify(scope.row)" v-if="scope.row.caseStatusstr == '18' && checkPermi(['batchManagement:list:arbitratorConfirm'])">仲裁员确认</el-button>
+                    <el-button size="mini" type="text" @click="departmentDocuments(scope.row)" v-if="scope.row.caseStatusstr == '12' && checkPermi(['batchManagement:list:confirmaward'])">部门长确认</el-button>
+                    <el-button size="mini" type="text" @click="batchSignatures(scope.row)" v-if="scope.row.caseStatusstr == '13' && checkPermi(['batchManagement:list:sign'])">签名</el-button>
+                    <el-button size="mini" type="text" @click="batchPrintings(scope.row)" v-if="scope.row.caseStatusstr == '14' && checkPermi(['batchManagement:list:signprint'])">用印</el-button>
+                    <el-button size="mini" type="text" @click="servicearBitration(scope.row)" v-if="scope.row.caseStatusstr == '15' && checkPermi(['batchManagement:list:sendaward'])">送达裁决书</el-button>
+                    <el-button size="mini" type="text" @click="archive(scope.row)" v-if="scope.row.caseStatusstr == '16' && checkPermi(['batchManagement:list:file'])">案件归档</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination  :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        @pagination="getList(queryParams)"
+             />
+        <!-- 缴费 -->
+        <batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue" :totalFees="totalFees" :queryParams="queryParams" @getList="getList"></batchPayment>
+        <!-- 缴费确认 -->
+        <paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment" :confirmPaymen="confirmPaymen" :queryParams="queryParams" @getList="getList" :totalFeeConfir="totalFeeConfir"></paymentConfirmation>
+        <!-- 组庭审核 -->
+        <courtReview :caseVisableReview="caseVisableReview" @cancelCaseReview="cancelCaseReview" :formateCourtData="formateCourtData" :queryParams="queryParams" @getList="getList"></courtReview>
+        <!-- 查看案件列表 -->
+        <!-- <viewingCases :caseVisableViewing="caseVisableViewing" @cancelCaseViewing="cancelCaseViewing"></viewingCases> -->
+        <!-- 组庭确认 -->
+        <courtConfirmation :showcourtReview="showcourtReview" @cancelcourtReview="cancelcourtReview" :courtConfirmationData="courtConfirmationData" :queryParams="queryParams" @getList="getList"></courtConfirmation>
+        <!-- 审核仲裁方式 -->
+        <reviewArbitrationMethod :caseVisableReviewl="caseVisableReviewl" @cancelCaseReviewl="cancelCaseReviewl" :queryParams="queryParams" @getList="getList" :reviewMethod="reviewMethod"></reviewArbitrationMethod>
+        <!-- 签名 -->
+        <batchSignature :caseVisableSignature="caseVisableSignature" @cancelCaseSignature="cancelCaseSignature" :queryParams="queryParams" @getList="getList" :signatureData="signatureData"></batchSignature>
+        <!-- 用印 -->
+        <batchPrinting :caseVisablePrinting="caseVisablePrinting" @cancelCasePrinting="cancelCasePrinting" :queryParams="queryParams" @getList="getList" :printingData="printingData"></batchPrinting>
+        <!-- 立案审查 -->
+        <filingReview :caseVisableReviewF="caseVisableReviewF" @cancelCaseReviewF="cancelCaseReviewF" :filingFeviewbatchNumber="filingFeviewbatchNumber" :queryParams="queryParams" @getList="getList"></filingReview>
+        <!-- 秘书审核仲裁文书 -->
+        <arbitratorsDocuments :caseVisableSecretary="caseVisableSecretary" @cancelCaseSecretary="cancelCaseSecretary" :queryParams="queryParams" @getList="getList" :secretaryArb="secretaryArb"></arbitratorsDocuments>
+        <!-- 仲裁员审核仲裁文书 -->
+        <arbitratorsvVerify :caseVisablearBitration="caseVisablearBitration" @cancelCaseBitration="cancelCaseBitration" :queryParams="queryParams" @getList="getList" :arbitratorDeter="arbitratorDeter"></arbitratorsvVerify>
+        <!-- 部门长审核仲裁文书 -->
+        <departmentReviews :caseVisablearHead="caseVisablearHead" @cancelCaseHead="cancelCaseHead" :queryParams="queryParams" @getList="getList" :departmentDoc="departmentDoc"></departmentReviews>
+    </div>    
+</template>
+  
+<script>
+import {listBatch,submitCaseApplicationBatch,
+payListBatch,writtenHearBatch,
+caseFileBatch,serviceBatch,getSignUrlBatch
+} from '@/api/batchManagement/batchManagement.js'
+import { listDept } from "@/api/system/dept";
+import batchPayment from './components/batchPayment.vue'
+import paymentConfirmation from './components/paymentConfirmation.vue'
+import courtReview from './components/courtReview.vue'
+import viewingCases from './components/viewingCases.vue'
+import courtConfirmation from './components/courtConfirmation.vue'
+import reviewArbitrationMethod from './components/reviewArbitrationMethod.vue'
+import batchSignature from './components/batchSignature.vue'
+import batchPrinting from './components/batchPrinting.vue'
+import filingReview from './components/filingReview.vue'
+import arbitratorsDocuments from './components/arbitratorsDocuments.vue'
+import arbitratorsvVerify from './components/arbitratorsvVerify.vue'
+import departmentReviews from './components/departmentReviews.vue'
+export default {
+    components: {
+        batchPayment,
+        paymentConfirmation,
+        courtReview,
+        viewingCases,
+        courtConfirmation,
+        reviewArbitrationMethod,
+        batchSignature,
+        batchPrinting,
+        filingReview,
+        arbitratorsDocuments,
+        arbitratorsvVerify,
+        departmentReviews
+        
+    },
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10
+            },
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            filingFeviewbatchNumber:'',
+            batchPaymentValue:{},
+            confirmPaymen:{},//批量确认缴费
+            totalFees:{},//缴费总金额
+            totalFeeConfir:{},//确认缴费总金额
+            formateCourtData:{},//组庭审核
+            courtConfirmationData:{},//组庭确认
+            secretaryArb:{},//秘书确认
+            arbitratorDeter:{},//仲裁员确认
+            departmentDoc:{}, //部门长确认
+            reviewMethod:{},//仲裁员审核仲裁方式
+            signatureData:{},//签名批号
+            printingData:{},//批量用印批号
+            caseVisablePay: false,//批量缴费弹窗
+            caseVisablePayment:false,//批量缴费确认
+            caseVisableReview:false,//批量组庭审核
+            caseVisableViewing:false,//查看案件列表
+            showcourtReview:false,//批量组庭确认
+            caseVisableReviewl:false,//批量审核仲裁方式
+            caseVisableSignature:false,//批量签名
+            caseVisablePrinting:false,//批量用印
+            caseVisableReviewF:false, //批量立案审查
+            caseVisableSecretary:false,//秘书审核文书
+            caseVisablearBitration:false,//仲裁员核查文书
+            caseVisablearHead:false,//部门长审核文书
+            dataList: [],
+            editData:{},
+            options: [], //机构数据
+        };
+    },
+    created() {
+        this.getList(this.queryParams)
+        this.getInstitution();
+    },
+    methods: {
+            /** 搜索按钮操作 */
+        handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList(this.queryParams);
+        },
+            /** 重置按钮操作 */
+        resetQuery() {
+        this.resetForm("queryForm");
+        (this.queryParams.applicantName = ""),
+        (this.queryParams.nameId = ""),
+        this.handleQuery();
+        },
+           // 机构发生变化
+        changeDept(data) {
+            if(data){
+              this.queryParams.nameId = data[0];  
+            }
+        },
+        // 获取机构数据
+        getInstitution() {
+        listDept().then((res) => {
+                res.data.forEach((item) => {
+                item.value = item.deptId;
+                item.label = item.deptName;
+                });
+            this.options = this.handleTree(res.data, "deptId");
+            
+        });
+        },
+        // 查询列表
+        getList(parm){
+            this.loading = true;
+            listBatch(parm).then(res=>{         
+                this.dataList = res.rows;
+                this.total = res.total
+                this.loading = false;
+            })
+        },
+        // 批量提交
+        confirmSubmission(row){
+            console.log(row)
+            this.$modal.confirm("您确定要批量提交吗？").then((res) => {
+                    this.submitCaseApplicationBatchs({ batchNumber: row.batchNumber })
+                }).catch(() =>{
+                    
+                })
+        },
+        // 批量提交接口
+        submitCaseApplicationBatchs(data) {
+            submitCaseApplicationBatch(data).then(res => {
+                this.$modal.msgSuccess("提交成功！");
+                this.getList(this.queryParams);
+            })
+        },
+        // 批量立案审查
+        filingFeview(row){
+            console.log(row)
+           this.filingFeviewbatchNumber = row.batchNumber
+           this.caseVisableReviewF = true
+        },
+        cancelCaseReviewF(){
+            this.caseVisableReviewF = false
+        },
+        // 批量缴费
+        batchPayments(row){
+            this.batchPaymentValue = row
+            let batchNumber = row.batchNumber.toString()
+            payListBatch({batchNumber:batchNumber}).then(res=>{
+                this.totalFees = res.data
+            })
+            this.caseVisablePay = true
+        },
+        cancelCasePay(){
+            this.caseVisablePay = false
+        },
+        // 批量缴费确认
+        paymentConfir(row){
+            this.confirmPaymen = row
+            let batchNumber = row.batchNumber.toString()
+            payListBatch({batchNumber:batchNumber}).then(res=>{
+                this.totalFeeConfir = res.data
+            })
+            this.caseVisablePayment = true
+        },
+        cancelCasePayment(){
+            this.caseVisablePayment = false
+        },
+        // 批量组庭审核
+        courtReviews(row){
+            this.formateCourtData = row;
+            this.caseVisableReview = true 
+        },
+        cancelCaseReview(){
+           this.caseVisableReview = false 
+        },
+        // 查看案件列表
+        viewingCasesBtn(row){
+            let batchNumber = row.batchNumber
+           if(batchNumber){
+               this.$router.push({ name: 'CaseManagement/caseList', params: { batchNumber: batchNumber + '' } })
+           }
+        },
+        // 批量组庭确认
+        courtConfirmations(row){
+            this.courtConfirmationData = row
+            console.log(row)
+            this.showcourtReview = true
+        },
+        cancelcourtReview(){
+            this.showcourtReview = false
+        },
+        // 批量审核仲裁方式
+        reviewArbitrations(row){
+            console.log(row)
+            this.reviewMethod = row
+            this.caseVisableReviewl = true
+        },
+        cancelCaseReviewl(){
+            this.caseVisableReviewl = false
+        },
+        // 批量书面审理
+        batchWrittenReviewy(row){
+           this.$modal.confirm("你确定要批量书面审理吗？").then(res => {
+                 writtenHearBatch({batchNumber: row.batchNumber}).then(res=>{
+                this.$modal.msgSuccess("提交成功！");
+                this.getList(this.queryParams);
+            })
+            })
+        },
+        // 批量归档
+        archive(row){
+            this.$modal.confirm("你确定要批量归档吗？").then((res) => {
+                     this.caseFileBatchs({ batchNumber: row.batchNumber})
+                }).catch(() =>{
+                    
+            }) 
+        },
+        // 批量归档接口
+        caseFileBatchs(vals){
+            caseFileBatch(vals).then(res=>{
+                this.$modal.msgSuccess("归档成功！");
+                this.getList(this.queryParams);
+            })
+        },
+        // 批量签名
+        batchSignatures(row){
+            this.signatureData = row
+            this.caseVisableSignature = true
+            //  this.$modal.confirm("你确定要批量签名吗？").then(res => {
+            //         getSignUrlBatch({
+            //            batchNumber: row.batchNumber     
+            //         }).then(res=>{
+            //              window.open(res.data.signUrl)
+            //              this.$modal.confirm("你已经批量签名了吗？").then(res => {
+            //                  this.$modal.msgSuccess("签名成功！");
+            //                  this.getList(this.queryParams);
+            //              })     
+            //         })
+            //     }).catch(() =>{
+                    
+            // }) 
+        },
+        cancelCaseSignature(){
+            this.caseVisableSignature = false
+        },
+        // 批量签名
+        batchPrintings(row){
+            this.printingData = row
+            this.caseVisablePrinting = true
+        },
+        cancelCasePrinting(){
+            this.caseVisablePrinting = false
+        },
+        // 生成裁决书
+        arbitrationAward(){
+             this.$modal.confirm("你确定要批量生成裁决书吗？").then((res) => {
+                    // this.deleteSealFn({ id: row.id })
+                }).catch(() =>{
+                    
+            }) 
+        },
+        //仲裁文书送达
+        servicearBitration(row){
+             this.$modal.confirm("你确定要批量仲裁文书批量送达吗？").then((res) => {
+                     this.serviceBatchs({ batchNumber: row.batchNumber})
+                }).catch(() =>{
+                    
+            }) 
+        },
+        serviceBatchs(val){
+            serviceBatch(val).then(res=>{
+                this.$modal.msgSuccess("批量送达成功！");
+                this.getList(this.queryParams);
+            })
+        },
+        // 秘书审核仲裁文书
+        secretaryArbitration(row){
+            this.secretaryArb = row
+            this.caseVisableSecretary = true
+        },
+        cancelCaseSecretary(){
+            this.caseVisableSecretary = false
+        },
+        // 仲裁员审核文书
+        arbitratorsVerify(row){
+            this.arbitratorDeter = row
+            this.caseVisablearBitration = true
+        },
+        cancelCaseBitration(){
+            this.caseVisablearBitration = false
+        },
+        // 部门长审核仲裁文书
+        departmentDocuments(row){
+            this.departmentDoc =row
+            this.caseVisablearHead = true
+        },
+        cancelCaseHead(){
+             this.caseVisablearHead = false
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/batchManagement/components/arbitratorsDocuments.vue

@@ -0,0 +1,52 @@
+<template>
+    <div>
+        <!-- 秘书批量审核 -->
+        <el-dialog title="秘书批量审核" :visible="caseVisableSecretary" destroy-on-close width="30%"  @close="cancel" center>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary"  class="endbutton" @click="secretaryConfirmed"><span>确认</span></el-button>
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {verificationArbitrateRecordBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+    props: ["caseVisableSecretary","queryParams","secretaryArb"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisableSecretary(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        secretaryConfirmed(){
+            verificationArbitrateRecordBatch({batchNumber:this.secretaryArb.batchNumber}).then(res=>{
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.$emit("getList", this.queryParams);
+            }).catch((err) => {});
+        },
+        cancel() {
+            this.$emit("cancelCaseSecretary");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/arbitratorsvVerify.vue

@@ -0,0 +1,94 @@
+<template>
+    <div>
+        <!-- 仲裁员批量审核 -->
+        <el-dialog title="仲裁员批量审核" :visible="caseVisablearBitration" destroy-on-close width="30%"  @close="cancel" center>
+            <div>
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
+                <el-form-item label="审核意见" prop="checkOpinion">
+                    <el-input type="textarea" :rows="2" placeholder="请输入审核意见" v-model="ruleForm.checkOpinion"></el-input>
+                </el-form-item>
+                <el-form-item label="驳回原因">
+                    <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="ruleForm.arbitrateReject"></el-input>
+                </el-form-item>
+                </el-form>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary"  class="endbutton" @click="submitForm(1)"><span>同 意</span></el-button>
+                <el-button type="danger"  class="endbutton" @click="submitForm(2)"><span>驳 回</span></el-button>
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {checkArbitrateRecordBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+    props: ["caseVisablearBitration","queryParams","arbitratorDeter"],
+    data() {
+        return {
+            ruleForm: {},
+            rules: {
+                checkOpinion: [
+                    {
+                        required: true,
+                        message: "审核意见不能为空",
+                        trigger: "blur",
+                    },
+                ],
+            }  
+           
+        };
+    },
+    watch: {
+        caseVisablearBitration(val) {
+            if (val) {
+                // this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        submitForm(val){
+           this.$refs["ruleForm"].validate((valid) => {
+               if(valid){
+                   if(val==1){
+                       let values = {
+                           batchNumber:this.arbitratorDeter.batchNumber,
+                           agreeOrNotCheck:1,
+                           arbitrateRecord:this.ruleForm
+                       }
+                      checkArbitrateRecordBatch(values).then(res=>{
+                            this.$modal.msgSuccess("确认成功");
+                            this.cancel();
+                            this.$emit("getList", this.queryParams);
+                      }).catch((err) => {}); 
+                   }else if(val==2){
+                       let values = {
+                           batchNumber:this.arbitratorDeter.batchNumber,
+                           agreeOrNotCheck:2,
+                           arbitrateRecord:this.ruleForm
+                       }
+                      checkArbitrateRecordBatch(values).then(res=>{
+                            this.$modal.msgSuccess("驳回成功");
+                            this.cancel();
+                            this.$emit("getList", this.queryParams);
+                      }).catch((err) => {}); 
+                   }
+               }
+           })
+        },
+        cancel() {
+            
+            this.$emit("cancelCaseBitration");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/batchPayment.vue

@@ -0,0 +1,239 @@
+<template>
+  <div>
+    <el-dialog title="批量确认缴费" :visible="caseVisablePay" @close="payCancel" width="800px" append-to-body
+      :destroy-on-close="true" center>
+      <el-descriptions>
+        <el-descriptions-item label="案件总金额">{{totalFees.totalFee}}元</el-descriptions-item>
+        <el-descriptions-item label="申请人">{{batchPaymentValue.name}}</el-descriptions-item>
+      </el-descriptions>
+      <div class="paySelectType">
+        <el-radio-group v-model="paySelect" @input="changPayType">
+          <el-radio :label="0">线上支付</el-radio>
+          <el-radio :label="1">线下支付</el-radio>
+        </el-radio-group>
+      </div>
+      <div class="payupload">
+        <span>上传支付凭证：</span>
+        <div class="uploadBtn">
+          <el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers" :data="filedata"
+            :on-preview="handlePreview" :on-remove="handleRemove" :on-change="beforeUpload"  :on-success="handlSuccess" :file-list="fileList"
+           >
+            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+            <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
+            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+          </el-upload>
+        </div>
+      </div>
+      <div class="payType" v-if="paySelect == 0">
+        <span>请选择支付方式：</span>
+        <i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
+        <i class="iconfont icon-zhifubao" @click="pay(1)"></i>
+      </div>
+      <div class="payImg">
+        <div id="qrcodeImg"></div>
+      </div>
+      <div class="payTitle">{{ payMain }}</div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="payCancel" class="endbutton"><span style="color:black">取 消</span></el-button>
+        <el-button @click="submitUpload" type="primary" class="endbutton"><span>确认缴费</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { casePay, confirmPayDig } from "@/api/pay/pay";
+import {confirmPayBatch,casePayBatch} from '@/api/batchManagement/batchManagement.js'
+import QRCode from "qrcodejs2";
+import { getToken } from "@/utils/auth";
+export default {
+  props: ["caseVisablePay", "payForm", "queryParams","payId","batchPaymentValue","totalFees"],
+  data() {
+    return {
+      // key: value
+      // 支付文字
+      payMain: "",
+      timer: null,
+      paySelect: 1,//支付线上/线下
+      fileList: [],
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      filedata: {
+        annexType: 8,
+      },
+      submitForm:{
+        payType:1,
+        payOrderList:[],
+        caseId:null,
+      }
+    };
+  },
+  methods: {
+    UploadUrl() {
+      return window.location.origin + "/API/evidence/upload";
+    },
+    //选择支付方式(线上,线下)
+    changPayType(data) {
+      if(data == 1){
+        document.getElementById("qrcodeImg").innerHTML = "";
+        this.payMain = ""
+      }
+      this.submitForm.payType = data;
+    },
+    beforeUpload(flie, fileList) {
+      this.fileList = fileList;
+    },
+    // 文件上传成功
+    handlSuccess(res, file) {
+      this.submitForm.payOrderList.push({
+        annexId: res.data.annexId,
+        annexName:res.data.annexName
+      });
+    },
+    submitUpload() {
+      if (this.fileList.length < 1) {
+        this.$modal.msgError("请上传缴费凭证");
+        return
+      }
+      let batchNumber = this.batchPaymentValue.batchNumber.toString()
+      let submitForm =  Object.assign(this.submitForm,{batchNumber:batchNumber})
+      confirmPayBatch(submitForm).then(res=>{
+        this.$modal.msgSuccess("缴费成功");
+        this.payCancel()
+        this.$emit("getList", this.queryParams);
+      })
+    },
+    handleRemove(file, fileList) {
+      (this.submitForm.payOrderList = []),
+      fileList.forEach((item) => {
+        console.log(item.response.data,"item");
+          this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
+        });
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    // 生成二维码
+    qrcode(url) {
+      // 前端根据 URL 生成微信支付二维码
+      document.getElementById("qrcodeImg").innerHTML = "";
+      return new QRCode("qrcodeImg", {
+        width: 200,
+        height: 200,
+        text: url,
+        colorDark: "#000",
+        colorLight: "#fff",
+      });
+    },
+    // 支付
+    pay(val) {
+      if (this.totalFees.totalFee == 0 || !this.totalFees.totalFee) {
+        this.$message({
+          message: "此案件无需缴费",
+          type: "error",
+        });
+        return;
+      }
+      let payType = "";
+      if (val == 0) {
+        payType = "wxpay";
+        this.payMain = "请使用微信扫二维码支付";
+      } else if (val == 1) {
+        payType = "alipay";
+        this.payMain = "请使用支付宝扫二维码支付";
+      }
+      let batchNumber = this.batchPaymentValue.batchNumber.toString()
+      casePayBatch({
+        totalFee: this.totalFees.totalFee*100,
+        batchNumber:batchNumber,
+        tradeType: "native",
+        platform: payType,
+      }).then((res) => {
+        console.log(res)
+        this.paySrc = res.data.code_url;
+        this.qrcode(this.paySrc);
+      });
+    },
+    payCancel() {
+      this.$emit("cancelCasePay");
+      this.payMain = "";
+    },
+  },
+  watch:{
+    openPay(val){
+      if(val){
+      this.submitForm.payOrderList = []
+      this.paySelect = 1;
+      this.fileList = [];
+      this.filedata.id = this.payId;
+      this.submitForm.caseIds = [this.payId];
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.payType {
+  height: 80px;
+  line-height: 80px;
+  display: flex;
+
+  .icon-weixinzhifu {
+    font-size: 24px;
+    color: #27a56f;
+    margin-right: 15px;
+  }
+
+  .icon-zhifubao {
+    font-size: 24px;
+    color: #1d76cc;
+  }
+}
+
+.paySelectType {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.payupload {
+  display: flex;
+
+  .uploadBtn {}
+}
+
+.payImg {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.payTitle {
+  margin-top: 20px;
+  width: 100%;
+  text-align: center;
+}
+
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.endbutton {
+  width: 154px;
+  height: 37px;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+  }
+}
+</style>

src/views/batchManagement/components/batchPrinting.vue

@@ -0,0 +1,113 @@
+<template>
+    <div>
+        <!-- 批量用印 -->
+        <el-dialog title="批量用印" :visible="caseVisablePrinting" destroy-on-close width="30%"  @close="cancel('courtReviewform')" center>
+            <!-- 查询机构信息 -->
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="查询机构:"
+                    prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '查询机构不能为空',
+                        trigger: 'change',
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择查询机构"
+                    @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                     v-for="item in atoDataList"
+                    :key="item.id"
+                    :label="item.identifyName"
+                    :value="item.operPhone+item.id"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary"  class="endbutton" @click="confirmSeals"><span>确认用印</span></el-button>
+                <el-button  class="endbutton" @click="cancel('courtReviewform')"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {deptIdentifyList} from '@/api/officialSeal/officialSeal'
+import {getSealUrlBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+    props: ["caseVisablePrinting","queryParams","printingData"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+            atoDataList:[],
+            courtReviewform: {},
+            Arbitor: "",
+            paramsdata:{
+                batchNumber:0,
+                psnAccount:""
+            },
+           
+        };
+    },
+    watch: {
+        caseVisablePrinting(val) {
+            if (val) {
+                console.log(this.atoDataList)
+            }
+        }
+    },
+    created() {
+        this.getarbitrAtor()
+    },
+    methods: {
+         // 查询机构信息
+        getarbitrAtor() {
+                this.atoDataList =[]
+                deptIdentifyList({}).then((res) => {
+                    res.rows.forEach(item => {
+                        if(item.isUse ==1){
+                            this.atoDataList.push(item); 
+                        }
+                    });
+                });
+        },
+       // 下拉获取电话号码
+        changeArbitor(val){
+            this.paramsdata.psnAccount = val.slice(0,11)
+        },
+        // 确认用印
+        confirmSeals(){
+            this.$refs["courtReviewform"].validate((valid) => {
+                if(valid){
+                    this.paramsdata.batchNumber= this.printingData.batchNumber
+                    console.log(this.paramsdata)
+                    getSealUrlBatch(this.paramsdata).then(res=>{
+                            this.$modal.msgSuccess("确认成功");
+                            this.cancel('courtReviewform');
+                            this.$emit("getList", this.queryParams);
+                            window.open(res.data.signUrl)
+                     }).catch((err) => {
+                         
+                     });
+                }
+            })
+        },
+        cancel(formName) {
+            this.$refs[formName].resetFields(); //清空下拉列表的内容
+            this.$emit("cancelCasePrinting");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/batchSignature.vue

@@ -0,0 +1,107 @@
+<template>
+    <div>
+        <!-- 批量签名 -->
+        <el-dialog title="批量签名" :visible="caseVisableSignature" destroy-on-close width="30%"  @close="cancel('courtReviewform')" center>
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="仲裁员："
+                     prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '仲裁员不能为空',
+                        trigger: 'change'
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择仲裁员"
+                     @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                    v-for="item in atoDataList"
+                    :key="item.value"
+                    :label="item.nickName"
+                    :value="item.phonenumber+item.deptId"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary"  class="endbutton" @click="witnessing"><span>确认签名</span></el-button>
+                <el-button  class="endbutton" @click="cancel('courtReviewform')"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { arbitrAtor} from "@/api/formationCourt/formationCourt";
+import {getSignUrlBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+    props: ["caseVisableSignature","queryParams","signatureData"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+          courtReviewform: {
+            Arbitor: "",     
+          }, 
+          Arbitor: "", 
+          atoDataList:[],
+          paramsdata:{
+             batchNumber:0,
+             psnAccount:""
+            },
+        };
+    },
+    watch: {
+        caseVisableSignature(val) {
+            if (val) {
+                this.getarbitrAtor()
+                console.log(this.atoDataList)
+            }
+        }
+    },
+    created() {
+        // this.getarbitrAtor()
+    },
+    methods: {
+        // 获取仲裁员信息
+        getarbitrAtor() {
+            arbitrAtor({}).then((res) => {
+                this.atoDataList = res.rows;
+            });
+        },
+        changeArbitor(val) {
+            this.paramsdata.psnAccount =val.slice(0,11)
+    
+        },
+        // 确认签名提交
+        witnessing(){
+             this.$refs["courtReviewform"].validate((valid) => {
+                 if(valid){
+                    this.paramsdata.batchNumber= this.signatureData.batchNumber
+                    console.log(this.paramsdata)
+                     getSignUrlBatch(this.paramsdata).then(res=>{
+                            this.$modal.msgSuccess("确认成功");
+                            this.cancel('courtReviewform');
+                            this.$emit("getList", this.queryParams);
+                            window.open(res.data.signUrl)
+                     })
+                 }
+             })
+        },
+        cancel(formName) {
+            this.$refs[formName].resetFields();
+            this.$emit("cancelCaseSignature");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/courtConfirmation.vue

@@ -0,0 +1,236 @@
+<template>
+  <div>
+    <!-- 批量组庭确认页面 -->
+    <el-dialog
+      title="批量组庭确认"
+      :visible="showcourtReview"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form ref="courtReviewform" :model="courtReviewform">
+        <el-form-item label="是否同意组庭：">
+          <el-radio-group v-model="isAgreePendTral">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- </el-form> -->
+        <!-- <el-tag type="warning" v-if="noArbitrator"
+          >当前案件未指定仲裁员，请先指定仲裁员！</el-tag
+        > -->
+        <div style="display: inline-flex; margin: 1% 9%">
+          <div v-if="isAgreePendTral == 0">请选择仲裁员</div>
+          <div v-if="isAgreePendTral == 1">
+            当前案件仲裁员
+          </div>
+        </div>
+        <div v-if="isAgreePendTral == 1" class="nowarbitrator">
+          <el-tag size="medium">
+            {{ courtConfirmationData.arbitratorName }}
+          </el-tag>
+        </div>
+        <!-- <div v-if="noArbitrator || isAgreePendTral == 0"> -->
+        <el-form-item
+          label="仲裁员："
+          prop="Arbitor"
+          v-if="noArbitrator || isAgreePendTral == 0"
+          :rules="[
+            {
+              required: true,
+              message: '仲裁员不能为空',
+              trigger: 'blur',
+            },
+          ]"
+        >
+          <el-select
+            placeholder="请选择仲裁员"
+            @change="changeArbitor"
+            v-model="courtReviewform.Arbitor"
+            clearable
+          >
+            <el-option
+              v-for="item in dataList"
+              :key="item.value"
+              :label="item.nickNameAndNum"
+              :value="item.userId"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <!-- </div> -->
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"
+          ><span>确 定</span>
+        </el-button>
+        <el-button @click="cancel" class="endbutton1"
+          ><span> 取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
+import { arbitrAtor} from "@/api/formationCourt/formationCourt";
+import {pendTralSureBatch} from '@/api/batchManagement/batchManagement.js'
+import moment from "moment";
+export default {
+  name: "courtReviewDialog",
+  props: ["showcourtReview", "courtConfirmationData", "queryParams"],
+  data() {
+    return {
+      dataList: [],
+      hearDate: "",
+      courtReviewform: {
+        hearDate: null,
+      },
+      noArbitrator: false,
+      isAgreePendTral: 1,
+      paramsdata: {},
+      Arbitor: "",
+    };
+  },
+  created() {
+    this.getarbitrAtor();
+  },
+  watch: {
+    showcourtReview(val) {
+      if (val) {
+        this.isAgreePendTral = 1;
+        this.courtReviewform.hearDate = null;
+      }
+    },
+    // form: {
+    //   handler(val) {
+    //     if (val.arbitratorName == null) {
+    //       this.noArbitrator = true;
+    //     } else {
+    //       this.noArbitrator = false;
+    //     }
+    //   },
+    // },
+  },
+  methods: {
+    // 获取仲裁员信息
+    getarbitrAtor() {
+      arbitrAtor({}).then((res) => {
+        this.dataList = res.rows;
+        this.total = res.total;
+      });
+    },
+    changeArbitor(val) {
+      this.arbitrators = [];
+      this.dataList.forEach((item) => {
+        if (item.userId == val) {
+          this.arbitrators.push({
+            id: item.userId,
+            arbitratorName: item.nickName,
+          });
+        }
+      });
+    },
+    submitForm() {
+      // if (this.noArbitrator) {
+      //   this.paramsdata = {
+      //     id: this.form.id,
+      //     arbitrators: this.arbitrators,
+      //   };
+      // } else {
+      //   if (this.isAgreePendTral == 0) {
+      //     this.paramsdata = {
+      //       isAgreePendTral: 0,
+      //       id: this.form.id,
+      //       arbitrators: this.arbitrators,
+      //     };
+      //   } else {
+      //     this.paramsdata = {
+      //       isAgreePendTral: 1,
+      //       id: this.form.id,
+      //     };
+      //   }
+      // }
+      if (this.isAgreePendTral == 0) {
+          this.paramsdata = {
+            isAgreePendTral: 0,
+            batchNumber: this.courtConfirmationData.batchNumber,
+            arbitrators: this.arbitrators,
+          };
+        } else {
+          this.paramsdata = {
+            isAgreePendTral: 1,
+            batchNumber: this.courtConfirmationData.batchNumber,
+          };
+        }
+      this.$refs["courtReviewform"].validate((valid) => {
+        if (valid) {
+          pendTralSureBatch(this.paramsdata)
+            .then((res) => {
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.$emit("getList", this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelcourtReview");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.el-form-item {
+  margin-left: 10%;
+}
+
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+    // line-height: 48px;
+  }
+}
+.nowarbitrator {
+  margin-left: 10%;
+}
+
+::v-deep .el-form-item__error {
+  left: 90px;
+}
+</style>

src/views/batchManagement/components/courtReview.vue

@@ -0,0 +1,245 @@
+<template>
+  <div>
+    <!-- 组庭界面 -->
+    <el-dialog
+      title="批量组庭审核"
+      :visible="caseVisableReview"
+      v-if="caseVisableReview"
+      @close="cancel"
+      destroy-on-close
+      center
+    >
+      <el-form
+        ref="formateCourtform"
+        :model="formateCourtform"
+        label-width="110px"
+        label-position="left"
+      >
+        <el-form-item label="是否同意组庭：">
+          <el-radio-group v-model="isAgreePendTral" @change="radioValue">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- <el-tag type="warning" v-if="noArbitrator"
+          >当前案件未指定仲裁员，请先指定仲裁员！</el-tag
+        >
+        <p></p> -->
+        <!-- <el-form ref="form"> -->
+        <!-- v-if="isAgreePendTral == 0 || noArbitrator" -->
+        <div style="display: inline-flex; margin-bottom: 8px">
+          <div v-if="isAgreePendTral !== 1">请选择仲裁员</div>
+          <!-- <div v-if="isAgreePendTral == 1">
+            当前案件仲裁员
+          </div> -->
+        </div>
+        <!-- <div
+          v-if="isAgreePendTral == 1"
+          class="nowarbitrator"
+        >
+          <el-tag size="medium">
+            
+          </el-tag>
+        </div> -->
+        <el-form-item
+          label="仲裁员："
+          prop="Arbitor"
+          :rules="[
+            {
+              required: true,
+              message: '仲裁员不能为空',
+            },
+          ]"
+        >
+          <el-select
+            placeholder="请选择仲裁员"
+            @change="changeArbitor"
+            v-model="formateCourtform.Arbitor"
+            clearable
+          >
+            <el-option
+              v-for="item in dataList"
+              :key="item.value"
+              :label="item.nickNameAndNum"
+              :value="item.userId"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"
+          ><span>确 定</span></el-button
+        >
+        <el-button @click="cancel" class="endbutton1"
+          ><span>取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { arbitrAtor} from "@/api/formationCourt/formationCourt";
+import {pendTralCheckBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+  props: ["caseVisableReview", "formateCourtData", "queryParams"],
+  data() {
+    return {
+      dataList: [],
+      formateCourtform: {},
+      arbitrators: [],
+      isAgreePendTral: 1,
+      paramsdata: {},
+      noArbitrator: false,
+      Arbitor: "",
+    };
+  },
+  created() {
+    // this.getarbitrAtor();
+  },
+  watch: {
+    caseVisableReview(val){
+      this.Arbitor = ""
+      if(val){
+        this.isAgreePendTral = 1;
+         this.getarbitrAtor({caseId:this.formateCourtData.id});
+      }
+    },
+    // formateCourtData: {
+    //   handler(val) {
+    //     console.log(val)
+    //     if (val.arbitratorName == null) {
+    //       this.noArbitrator = true;
+    //     } else {
+    //       this.noArbitrator = false;
+    //     }
+    //   },
+    // },
+  },
+  methods: {
+    // 获取仲裁员信息
+    getarbitrAtor(val) {
+      arbitrAtor(val).then((res) => {
+        this.dataList = res.rows;
+        // console.log(this.dataList, "this.dataList");
+      });
+    },
+    changeArbitor(val) {
+      this.arbitrators = [];
+      this.dataList.forEach((item) => {
+        if (item.userId == val) {
+          this.arbitrators.push({
+            id: item.userId,
+            arbitratorName: item.nickName,
+          });
+        }
+      });
+      console.log(this.arbitratorss)
+    },
+    // 确认
+    submitForm() {
+      // if (this.noArbitrator) {
+      //   this.paramsdata = {
+      //     id: this.formateCourtData.id,
+      //     arbitrators: this.arbitrators,
+      //   };
+      // } else {
+      //   if (this.isAgreePendTral == 0) {
+      //     this.paramsdata = {
+      //       isAgreePendTral: 0,
+      //       id: this.formateCourtData.id,
+      //       arbitrators: this.arbitrators,
+      //     };
+      //   } else {
+      //     this.paramsdata = {
+      //       isAgreePendTral: 1,
+      //       id: this.formateCourtData.id,
+      //     };
+      //   }
+      // }
+      if (this.isAgreePendTral == 0) {
+          this.paramsdata = {
+            isAgreePendTral: 0,
+            batchNumber: this.formateCourtData.batchNumber,
+            arbitrators: this.arbitrators,
+          };
+        } else {
+          this.paramsdata = {
+            isAgreePendTral: 1,
+            batchNumber: this.formateCourtData.batchNumber,
+            arbitrators: this.arbitrators,
+          };
+        }
+      this.$refs["formateCourtform"].validate((valid) => {
+        if (valid) {
+          pendTralCheckBatch(this.paramsdata).then((res) => {
+            console.log(res)
+            this.cancel();
+            this.$modal.msgSuccess("组庭成功");
+            this.$emit("getList", this.queryParams);
+            // 初始化页面
+            this.formateCourtform={}
+          });
+        }
+      });
+    },
+    // 取消
+    cancel() {
+      this.$emit("cancelCaseReview");
+      this.arbitrators = [];
+    },
+    radioValue(val){
+      if(val==1){
+        this.formateCourtform={}
+      }else if(val==0){
+        this.formateCourtform={}
+      }
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+.infoIcon {
+  width: 4px;
+  // height: 17px;
+  background-color: #0072ff;
+  margin-right: 5px;
+}
+.nowarbitrator {
+  margin-left: 4%;
+}
+</style>

src/views/batchManagement/components/departmentReviews.vue

@@ -0,0 +1,94 @@
+<template>
+    <div>
+        <!-- 部门长批量审核 -->
+        <el-dialog title="部门长批量审核" :visible="caseVisablearHead" destroy-on-close width="30%"  @close="cancel" center>
+            <div>
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
+                <el-form-item label="审核意见" prop="checkOpinion">
+                    <el-input type="textarea" :rows="2" placeholder="请输入审核意见" v-model="ruleForm.checkOpinion"></el-input>
+                </el-form-item>
+                <el-form-item label="驳回原因">
+                    <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="ruleForm.arbitrateReject"></el-input>
+                </el-form-item>
+                </el-form>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary"  class="endbutton" @click="submitForm(1)"><span>同 意</span></el-button>
+                <el-button type="danger"  class="endbutton" @click="submitForm(2)"><span>驳 回</span></el-button>
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {checkArbitrateRecordBatchs} from '@/api/batchManagement/batchManagement.js'
+export default {
+    props: ["caseVisablearHead","queryParams","departmentDoc"],
+    data() {
+        return {
+            ruleForm: {},
+            rules: {
+                checkOpinion: [
+                    {
+                        required: true,
+                        message: "审核意见不能为空",
+                        trigger: "blur",
+                    },
+                ],
+            }  
+           
+        };
+    },
+    watch: {
+        caseVisablearHead(val) {
+            if (val) {
+                // this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        submitForm(val){
+           this.$refs["ruleForm"].validate((valid) => {
+               if(valid){
+                   if(val==1){
+                       let values = {
+                           batchNumber:this.departmentDoc.batchNumber,
+                           agreeOrNotCheck:1,
+                           arbitrateRecord:this.ruleForm
+                       }
+                      checkArbitrateRecordBatchs(values).then(res=>{
+                            this.$modal.msgSuccess("确认成功");
+                            this.cancel();
+                            this.$emit("getList", this.queryParams);
+                      }).catch((err) => {}); 
+                   }else if(val==2){
+                       let values = {
+                           batchNumber:this.departmentDoc.batchNumber,
+                           agreeOrNotCheck:2,
+                           arbitrateRecord:this.ruleForm
+                       }
+                      checkArbitrateRecordBatchs(values).then(res=>{
+                            this.$modal.msgSuccess("驳回成功");
+                            this.cancel();
+                            this.$emit("getList", this.queryParams);
+                      }).catch((err) => {}); 
+                   }
+               }
+           })
+        },
+        cancel() {
+            
+            this.$emit("cancelCaseHead");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/filingReview.vue

@@ -0,0 +1,116 @@
+<template>
+  <div>
+    <!-- 批量立案审查 -->
+    <el-dialog title="批量立案审查" :visible="caseVisableReviewF" width="500px" @close="cancel" :destroy-on-close="true">
+      <div class="radiobox">
+        <el-radio-group v-model="radio" style="margin-bottom: 20px;">
+          <el-radio :label="1">同意</el-radio>
+          <el-radio :label="2">拒绝</el-radio>
+        </el-radio-group>
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
+          <!-- TODO -->
+          <el-form-item label="拒绝原因" prop="caseCheckReject" v-if="radio == 2">
+            <el-input type="textarea" :rows="2" placeholder="请输入拒绝原因" v-model="ruleForm.caseCheckReject"></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"><span>提 交</span></el-button>
+        <el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {submitCaseApplicationCheckBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+  name: "filingReview",
+  props: ["caseVisableReviewF", "filingreviewdata", "filingFeviewbatchNumber","queryParams"],
+  data() {
+    return {
+      radio: 1,
+      ruleForm: {},
+      rules: {
+        caseCheckReject: [
+          {
+            required: true,
+            message: "拒绝原因不能为空",
+            trigger: "blur",
+          },
+        ],
+      }
+    };
+  },
+  methods: {
+    submitForm() {
+      this.$refs["ruleForm"].validate((valid) => {
+        if (valid) {
+          let batchNumber = this.filingFeviewbatchNumber
+          let paramsdata = {
+            agreeOrNotCheck: this.radio,
+            batchNumber:batchNumber.toString(),
+            caseCheckReject:this.ruleForm.caseCheckReject
+          };
+          submitCaseApplicationCheckBatch(paramsdata)
+            .then((res) => {
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.$emit("getList", this.queryParams);
+            })
+            .catch((err) => { });
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelCaseReviewF");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.radiobox {
+  margin-left: 5%;
+}
+
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/batchManagement/components/paymentConfirmation.vue

@@ -0,0 +1,56 @@
+<template>
+    <div>
+        <!-- 批量缴费确认 -->
+        <el-dialog title="批量缴费确认" :visible="caseVisablePayment" destroy-on-close @close="cancel" width="600px" center>
+            <el-descriptions>
+                <el-descriptions-item label="案件总金额">{{totalFeeConfir.totalFee}}</el-descriptions-item>
+                <el-descriptions-item label="申请人">{{confirmPaymen.name}}</el-descriptions-item>
+            </el-descriptions>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary"  class="endbutton" @click="confirmPayment"><span>缴费确认</span></el-button>
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {confirmBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+    props: ["caseVisablePayment","queryParams","confirmPaymen","totalFeeConfir"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisablePayment(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        confirmPayment(){
+            confirmBatch({batchNumber:this.confirmPaymen.batchNumber}).then(res=>{
+                this.$modal.msgSuccess("缴费确认成功");
+                this.cancel()
+                this.$emit("getList", this.queryParams);
+            })
+        },
+        cancel() {
+            this.$emit("cancelCasePayment");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/reviewArbitrationMethod.vue

@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <!-- 批量选择仲裁方式页面 -->
+    <el-dialog
+      title="批量审核仲裁方式"
+      :visible="caseVisableReviewl"
+      width="500px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+        <div>
+          <el-form :model="form" :rules="rules" ref="form">
+            <el-form-item label="选择开庭方式:"  prop="arbitratMethod">
+                <el-radio-group v-model="form.arbitratMethod">
+                  <el-radio :label=2>书面审理</el-radio>
+                  <el-radio :label=1>开庭审理</el-radio>
+                </el-radio-group>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button type="primary" class="endbutton"  @click="determine">确定</el-button>
+            <el-button @click="cancel" class="endbutton">取消</el-button>
+        </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { arbitrateMethod } from "@/api/caseManagement/caseManagement.js";
+import {methodBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+  name: "showchoosetrialmethodDialog",
+  props: ["caseVisableReviewl", "reviewMethod", "queryParams"],
+  data() {
+    return {
+      form:{},
+      rules:{
+        arbitratMethod: [
+            { required: true, message: '请选择开庭方式', trigger: 'change' }
+          ]
+      }
+    };
+  },
+  methods: {
+    // 审核仲裁方式 arbitrateMethod
+    determine(val){
+       this.$refs["form"].validate((valid) => {
+          if (valid) {
+             let dates = {
+                batchNumber: this.reviewMethod.batchNumber,
+                arbitratMethod:this.form.arbitratMethod
+            };
+            console.log(dates)
+          methodBatch(dates).then((res) => {
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.$emit("getList", this.queryParams);
+            })
+            .catch((err) => {});
+          } else {
+            return false;
+          }
+        });
+    },
+    cancel() {
+     this.form.arbitratMethod=""
+      this.$emit("cancelCaseReviewl");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/batchManagement/components/viewingCases.vue

@@ -0,0 +1,71 @@
+<template>
+    <div>
+        <!--查看案件列表 -->
+        <el-dialog title="查看案件列表" :visible="caseVisableViewing" destroy-on-close @close="cancel" width="70%" center>
+             <el-table style="width: 100%">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <!-- <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span> -->
+                </template>
+            </el-table-column>
+            <el-table-column label="案件编号" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="申请人" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="案件标的" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="仲裁方式" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="仲裁员" align="center" :show-overflow-tooltip="true" />
+            <el-table-column label="开庭时间" align="center" :show-overflow-tooltip="true" />
+            <el-table-column label="案件状态" align="center" >
+            <template slot-scope="scope">
+            <!-- <el-tag type="success">{{ scope.row.prefixstr }}</el-tag> -->
+            </template>
+            </el-table-column>  
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                <template slot-scope="scope">
+                    <el-button size="mini" type="text" icon="el-icon-view">跳转案件列表</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination  :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        @pagination="getList(queryParams)"
+            <div slot="footer" class="dialog-footer">
+                <!-- <el-button type="primary"  class="endbutton"><span>确认</span></el-button> -->
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    props: ["caseVisableViewing","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisableViewing(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCaseViewing");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/caseFiling/archiveList.vue

@@ -1,19 +1,8 @@
 <template>
   <div class="app-container">
-    <el-form
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      label-width="68px"
-    >
       <el-form-item label="案件编号" prop="caseNum">
-        <el-input
+        <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
-          v-model="queryParams.caseNum"
-          placeholder="请输入案件编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
       </el-form-item>
       <!-- <el-form-item label="案件状态" prop="caseStatus">
         <el-select
@@ -30,7 +19,7 @@
           ></el-option>
         </el-select>
       </el-form-item> -->
-      <el-form-item label="开庭日期" prop="hearDate">
+      <!-- <el-form-item label="开庭日期" prop="hearDate">
         <el-date-picker
           v-model="queryParams.hearDate"
           type="daterange"
@@ -39,18 +28,10 @@
           end-placeholder="结束日期"
         >
         </el-date-picker>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item>
-        <el-button
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          type="primary"
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
       </el-form-item>
     </el-form>
     <el-table v-loading="loading" :data="dataList" style="width: 100%">
@@ -61,67 +42,45 @@
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column
+      <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
-        label="案件编号"
+      <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
-        align="center"
+      <el-table-column label="立案日期" align="center" prop="registerDate" :show-overflow-tooltip="true" />
-        prop="caseNum"
+      <el-table-column label="案件状态" align="center" prop="caseStatusName">
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column
-        label="案件标的"
-        align="center"
-        prop="caseSubjectAmount"
-      />
-      <el-table-column
-        label="立案日期"
-        align="center"
-        prop="registerDate"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column label="案件状态" align="center" prop="caseStatusName" />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
         <template slot-scope="scope">
-          <el-button
+          <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
-            size="mini"
+        </template>
-            type="text"
+      </el-table-column>
-            icon="el-icon-reading"
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            @click="showDetail(scope.row)"
+        <template slot-scope="scope">
-            v-hasPermi="['monitor:online:forceLogout']"
+          <el-button size="mini" type="text" icon="el-icon-reading"
-            >归档详情</el-button
+            v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
-          >
+            @click="showModel(scope.row)">查看裁决书</el-button>
+          <el-button size="mini" type="text" icon="el-icon-reading" @click="showDetail(scope.row)">归档详情</el-button>
+          <el-button type="text" size="mini" v-if="checkPermi(['caseFiling:list:downZip'])" icon="el-icon-download" @click="downloadZips(scope.row)">下载案件压缩包</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-      v-show="total > 0"
+      @pagination="getList(queryParams)" />
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList(queryParams)"
-    />
     <!-- 弹窗 -->
-    <!-- <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag"
+    <archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :caseDetail="caseDetail" :caseLog="caseLog" :videoList="videoList" :detailform="detailform"
-            @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList"></paymentdetailsDialog> -->
+      :flagLoading="flagLoading" @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList">
+    </archiveDetailsDialog>
   </div>
 </template>
   
 <script>
-import {
+import { caseApplicationList, selectSignSealUrl,caseApplicationDetail } from "@/api/awardManagement/awardManagement";
-  caseApplicationList,
+import { caseLogRecordList, logistics } from "@/api/caseManagement/caseManagement";
-  caseApplicationDetail,
+import { adjudicationArchives, videoList,downloadCaseZipFile} from "@/api/caseFiling/caseFiling";
-} from "@/api/awardManagement/awardManagement";
+import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
-// import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
-
 export default {
   name: "archiveList",
   dicts: ["case_status"],
-  // components: { paymentdetailsDialog },
+  components: { archiveDetailsDialog },
   data() {
     return {
+      fileURL: window.location.origin + "/API",
       queryParams: {
         pageNum: 1,
         pageSize: 10,
@@ -132,25 +91,31 @@ export default {
       total: 0,
       // 表格数据
       list: [],
-
-      // 弹出层标题
-      title: "",
       // 是否显示弹出层
       // 弹出层内容
       form: {},
       // 校验表单
       rules: {},
       dataList: [],
-      detailform: {}, //详情数据
+      detailform: [], //详情数据
-      openDialog: false, //详情数据弹框
+      showarchiveDetails: false, //详情数据弹框
-      flag: null,
+      flagLoading: false, //详情弹框loading
+      videoList:"",
+      caseDetail:{},
+      caseLog:null
     };
   },
   created() {
-    this.queryParams.caseStatusList = [16];
+    this.queryParams.caseStatusList = [17];
     this.getList(this.queryParams);
   },
   methods: {
+    showModel(row) {
+      selectSignSealUrl({ id: row.id }).then(res => {
+        let url = res.data.filearbitraUrl;
+        window.open(url)
+      })
+    },
     updataList() {
       this.getList(this.queryParams);
     },
@@ -164,6 +129,13 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
+    // 下在案件归档压缩包
+    downloadZips(row){
+       downloadCaseZipFile({ id: row.id }).then(res => {
+         let url = this.fileURL+res.data.annexPath
+        window.open(url)
+      })
+    },
     // 查询列表数据
     getList(parms) {
       this.loading = true;
@@ -175,19 +147,52 @@ export default {
     },
     // model框显示
     showDetail(row) {
-      this.getDetail({ id: row.id });
+      // this.getDetail({ id: row.id });
-      this.openDialog = true;
+      this.logisticsFn({ id: row.id })
+      this.getvideoList({ caseId: row.id });
+      this.getCaseDetail({ id: row.id })
+      this.getCaseLog({caseAppliId :row.id})
+      this.showarchiveDetails = true;
+      this.flagLoading = true;
     },
     // 关闭弹窗
     cancelpaymentdetails() {
-      this.openDialog = false;
+      this.showarchiveDetails = false;
+    },
+    // 根据id查询视频列表
+    getvideoList(data) {
+      videoList(data).then(res => {
+        this.videoList = res.data;
+      })
     },
     /** 查询详情 */
-    getDetail(parms) {
+    // getDetail(parms) {
-      caseApplicationDetail(parms).then((res) => {
+    //   adjudicationArchives(parms).then((res) => {
+    //     console.log(res,"PPPPPPPPPPPPPPPPPPPPPPPPP");
+    //     this.detailform = res.data.logisticsInfoVOList;
+    //   });
+    // },
+    // 查询快递单号信息 logistics
+    logisticsFn(params) {
+      logistics(params).then((res) => {
+        // console.log(res,"PPPPPPPPPPPPPPPPPPPPPPPPP");
         this.detailform = res.data;
-      });
+      })
     },
+    // 查询案件详情
+    getCaseDetail(params){
+      caseApplicationDetail(params).then(res=>{
+        this.caseDetail = res.data;
+        this.flagLoading = false;
+      })
+    },
+    // 查看案件日志
+    getCaseLog(params){
+      caseLogRecordList(params).then(res=>{
+        // console.log(res,"LLLLLLLLLLL");
+        this.caseLog = res.data;
+      })
+    }
   },
 };
 </script>

src/views/caseFiling/components/archiveDetailsDialog.vue

@@ -0,0 +1,125 @@
+<template>
+  <div>
+    <el-dialog title="归档详情" :visible="showarchiveDetails" @close="cancel" :destroy-on-close="true" center>
+      <div class="loading" v-if="flagLoading">
+        <i class="el-icon-loading"></i>
+      </div>
+      <div v-else>
+        <div class="noData" v-if="noData">暂无数据！</div>
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="案件信息" name="first">
+            <caseInfo :caseApplicationObj="caseDetail"></caseInfo>
+          </el-tab-pane>
+          <el-tab-pane label="案件日志" name="second">
+            <caselogInfo :caselogDataArr="caseLog"></caselogInfo>
+          </el-tab-pane>
+          <!-- <el-tab-pane label="快递信息" name="third" v-if="false">
+            <expressDeliveryInfo :deliveryDataArr="detailform"></expressDeliveryInfo>
+          </el-tab-pane> -->
+          <el-tab-pane label="案件视频" name="fourth" v-if="caseDetail.arbitratMethodName=='开庭审理'?true:false">
+            <!-- <div @click="getVideo">chakanshipin</div> -->
+            <el-empty description="暂无视频" v-if="!videoFlag"></el-empty>
+            <video style="background-color: #181717;width: 400px;height: 200px;margin: 30px;" v-if="videoFlag" :src="headPath + item.annexPath" controls="controls" v-for="(item,index) in videoUrl" :key="index"></video>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import caseInfo from "./caseInfo.vue";
+import caselogInfo from "./caselogInfo.vue";
+import expressDeliveryInfo from "./expressDeliveryInfo.vue";
+export default {
+  props: ["showarchiveDetails", "detailform", "flagLoading", "videoList","caseDetail","caseLog"],
+  components: {
+    caseInfo,
+    caselogInfo,
+    expressDeliveryInfo,
+  },
+  data() {
+    return {
+      activeName: "first",
+      caseApplicationObj: {}, //案件信息
+      caselogDataArr: [], //案件日志
+      deliveryDataArr: [], //快递信息
+      noData: false,
+      videoUrl:[],
+      headPath:window.location.origin + "/API",
+      videoFlag:false
+    };
+  },
+  watch: {
+    showarchiveDetails(newValue) {
+      // this.headPath = ;
+      if (newValue) {
+        // this.caseApplicationObj = this.detailform.caseApplication;
+        // this.caselogDataArr = this.detailform.caseLogRecordList;
+        // this.deliveryDataArr = this.detailform.logisticsInfoVOList;
+      }
+    },
+  },
+  methods: {
+    handleClick(tab, event) {
+      // console.log(tab, event);
+      if (this.videoList) {
+        this.videoFlag = true;
+        // this.videoUrl = headPath + this.videoList[0].annexPath;
+        this.videoUrl = this.videoList;
+      }else{
+        this.videoFlag = false;
+      }
+
+    },
+    cancel() {
+      this.$emit("cancelpaymentdetails");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 1000px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+::v-deep .el-dialog__body {
+  height: 700px !important;
+  overflow: hidden;
+}
+
+::v-deep .el-tabs__content {
+  height: 700px;
+  overflow-y: scroll;
+  padding-bottom: 10%;
+}
+
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+
+.noData {
+  width: 100%;
+  height: 400px;
+  font-size: 30px;
+  font-weight: 700;
+  color: #959595;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

src/views/caseFiling/components/caseInfo.vue

@@ -0,0 +1,636 @@
+<template>
+  <div>
+    <!-- 案件信息 -->
+    <el-form ref="form" :model="formData" label-width="180px" disabled>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="案件编号：" prop="caseNum">
+            <el-input v-model="formData.caseNum" placeholder="请输入案件编号" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="案件标的：" prop="caseSubjectAmount">
+            <el-input
+              v-model="formData.caseSubjectAmount"
+              placeholder="请输入案件标的"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="借款开始日期：" prop="loanStartDate">
+            <el-date-picker
+              v-model="formData.loanStartDate"
+              type="datetime"
+              placeholder="借款开始日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="借款结束日期：" prop="loanEndDate">
+            <el-date-picker
+              v-model="formData.loanEndDate"
+              type="datetime"
+              placeholder="借款结束日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="合同编号：" prop="contractNumber">
+            <el-input v-model="formData.contractNumber" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
+            <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
+            <el-input
+              v-model="formData.claimInterestOwed"
+              placeholder="请输入"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
+            <el-input
+              v-model="formData.claimLiquidDamag"
+              placeholder="请输入"
+            />
+          </el-form-item>
+        </el-col>
+        <!-- 应缴费用 -->
+        <el-col :span="12">
+          <el-form-item label="应缴费用：" prop="feePayable">
+            <el-input v-model="formData.feePayable" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <!-- 申请人仲裁诉求 -->
+        <el-col :span="24">
+          <el-form-item label="申请人仲裁诉求" prop="arbitratClaims">
+            <el-input
+              v-model="formData.arbitratClaims"
+              placeholder="请输入申请人仲裁诉求"
+              type="textarea"
+              :autosize="{ minRows: 4, maxRows: 8 }"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="申请人案件证据资料：">
+            <!-- <div v-for="(item, index) in applicateArr" :key="index">
+              <a href="#" @click="toFile(item, index)" style="color: blue">
+                {{ item.annexName }}
+              </a>
+            </div> -->
+            <p
+              @click="toFile(index, 2)"
+              v-for="(item, index) in applicantFileArr"
+              :key="index"
+            >
+              <a href="#">{{ item }}</a>
+            </p>
+          </el-form-item>
+        </el-col>
+        <!-- 仅详情展示 案件质证环节以后显示被申请人证据-->
+        <el-col :span="24">
+          <el-form-item
+            label="被申请人案件证据资料："
+            prop="respondentEvidence"
+          >
+            <!-- <div v-for="(item, index) in quiltArr" :key="index">
+              <a href="#" @click="toFile1(item, index)" style="color: blue">
+                {{ item.annexName }}
+              </a>
+            </div> -->
+            <p
+              v-for="(item, index) in respondentFileArr"
+              :key="index"
+              @click="toFile(index, 6)"
+            >
+              <a href="#">{{ item }}</a>
+            </p>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="裁决书附件：">
+            <p
+              v-for="(item, index) in awardFileArr"
+              :key="index"
+              @click="toFile(index, 3)"
+            >
+              <a href="#">{{ item }}</a>
+            </p>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+           <el-form-item label="仲裁申请书:">
+              <div v-for="item in caseApplicationObj.caseAttachList" v-if="item.annexType ==1">
+                <el-link target="_blank" type="primary" :href ="fileURL+item.annexPath">{{item.annexName}}</el-link>
+              </div>
+           </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <!-- 申请人主体信息 -->
+    <el-form ref="form2" :model="form2" label-width="150px" disabled>
+      <div v-for="(item, index) in form2.paymentArr" :key="index">
+        <div style="display: flex; justify-content: space-between">
+          <div style="display: inline-flex">
+            <div class="infoIcon"></div>
+            <div class="caseInfo">申请人主体信息：</div>
+          </div>
+        </div>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item
+              label="申请人(机构)："
+              :rules="[
+                {
+                  required: true,
+                  message: '申请人不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="item.name" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="代码：">
+              <el-input v-model="item.identityNum" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="联系电话："
+              :rules="[
+                {
+                  required: true,
+                  message: '联系电话不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                  message: '请输入正确的手机号码',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="item.contactTelphone" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="单位地址："
+              :rules="[
+                {
+                  required: true,
+                  message: '单位地址不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="item.workAddress" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="单位电话："
+              :rules="[
+                {
+                  required: true,
+                  message: '单位电话不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="item.workTelphone" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="联系地址："
+              :rules="[
+                {
+                  required: true,
+                  message: '联系地址不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="item.contactAddress" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div style="display: inline-flex">
+          <div class="infoIcon"></div>
+          <div class="caseInfo2">代理人信息：</div>
+        </div>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item
+              label="姓名："
+              :rules="[
+                {
+                  required: true,
+                  message: '姓名不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="item.nameAgent" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="身份证号："
+              :rules="[
+                {
+                  required: true,
+                  message: '身份证号不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern:
+                    /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+                  message: '请输入正确的身份证号码',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="item.identityNumAgent" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="联系电话："
+              :rules="[
+                {
+                  required: true,
+                  message: '联系电话不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                  message: '请输入正确的手机号码',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input
+                v-model="item.contactTelphoneAgent"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="联系地址："
+              :rules="[
+                {
+                  required: true,
+                  message: '联系地址不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input
+                v-model="item.contactAddressAgent"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+    </el-form>
+    <!-- 被申请人主体信息 -->
+    <el-form ref="form3" label-width="150px" disabled :model="form3">
+      <div
+        v-for="(itm, index) in form3.paymentArr1"
+        :key="index + form2.paymentArr.length"
+      >
+        <div style="display: flex; justify-content: space-between">
+          <div style="display: inline-flex">
+            <div class="infoIcon"></div>
+            <div class="caseInfo">被申请人主体信息：</div>
+          </div>
+        </div>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item
+              label="被申请人姓名"
+              :prop="'paymentArr1.' + index + '.name'"
+              :rules="[
+                {
+                  required: true,
+                  message: '被申请人不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="itm.name" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="身份证号："
+              :prop="'paymentArr1.' + index + '.identityNum'"
+              :rules="[
+                {
+                  required: true,
+                  message: '身份证号不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern:
+                    /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+                  message: '请输入正确的身份证号码',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="itm.identityNum" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="联系电话："
+              :prop="'paymentArr1.' + index + '.contactTelphone'"
+              :rules="[
+                {
+                  required: true,
+                  message: '联系电话不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                  message: '请输入正确的手机号码',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="itm.contactTelphone" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="单位地址："
+              :prop="'paymentArr1.' + index + '.workAddress'"
+              :rules="[
+                {
+                  required: true,
+                  message: '单位地址不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="itm.workAddress" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="单位电话："
+              :prop="'paymentArr1.' + index + '.workTelphone'"
+              :rules="[
+                {
+                  required: true,
+                  message: '单位电话不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="itm.workTelphone" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="联系地址："
+              :prop="'paymentArr1.' + index + '.contactAddress'"
+              :rules="[
+                {
+                  required: true,
+                  message: '联系地址不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="itm.contactAddress" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div style="display: inline-flex">
+          <div class="infoIcon"></div>
+          <div class="caseInfo2">代理人信息：</div>
+        </div>
+        <!-- <p>代理人信息：</p> -->
+        <el-row>
+          <el-col :span="12">
+            <el-form-item
+              label="姓名："
+              :prop="'paymentArr1.' + index + '.nameAgent'"
+              :rules="[
+                {
+                  required: true,
+                  message: '姓名不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="itm.nameAgent" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <!--  -->
+            <el-form-item
+              label="身份证号："
+              :prop="'paymentArr1.' + index + '.identityNumAgent'"
+              :rules="[
+                {
+                  required: true,
+                  message: '身份证号不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern:
+                    /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+                  message: '请输入正确的身份证号码',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input v-model="itm.identityNumAgent" placeholder="请输入" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="联系电话："
+              :prop="'paymentArr1.' + index + '.contactTelphoneAgent'"
+              :rules="[
+                {
+                  required: true,
+                  message: '联系电话不能为空',
+                  trigger: 'blur',
+                },
+                {
+                  pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
+                  message: '请输入正确的手机号码',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input
+                v-model="itm.contactTelphoneAgent"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="联系地址："
+              :prop="'paymentArr1.' + index + '.contactAddressAgent'"
+              :rules="[
+                {
+                  required: true,
+                  message: '联系地址不能为空',
+                  trigger: 'blur',
+                },
+              ]"
+            >
+              <el-input
+                v-model="itm.contactAddressAgent"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["caseApplicationObj"],
+  data() {
+    return {
+      fileURL: window.location.origin + "/API",
+      formData: {},
+      applicateArr: [],
+      quiltArr: [],
+      initpaymentArr: [],
+      initpaymentArr1: [],
+      form2: {
+        paymentArr: [
+          {
+            identityType: 1,
+            name: "",
+            identityNum: "",
+            contactTelphone: "",
+            workAddress: "",
+            workTelphone: "",
+            contactAddress: "",
+            nameAgent: "",
+            contactTelphoneAgent: "",
+            contactAddressAgent: "",
+          },
+        ],
+      }, //申请人主体信息
+      form3: {
+        paymentArr1: [
+          {
+            identityType: 2,
+            name: "",
+            identityNum: "",
+            contactTelphone: "",
+            workAddress: "",
+            workTelphone: "",
+            contactAddress: "",
+            nameAgent: "",
+            contactTelphoneAgent: "",
+            contactAddressAgent: "",
+          },
+        ],
+      }, //被申请人主体信息
+      applicantFileArr: [], //申请人
+      applicantPathArr: [], //申请人
+      respondentFileArr: [], //被申请人
+      respondenPathArr: [], //被申请人
+      awardFileArr: [], //裁决书
+      awardPathArr: [], //裁决书
+    };
+  },
+  created() {
+    if (this.caseApplicationObj) {
+      this.formData = this.caseApplicationObj;
+    }
+    console.log(this.caseApplicationObj)
+    console.log("this.formData", this.formData);
+    if (this.caseApplicationObj && this.caseApplicationObj.caseAffiliates) {
+      this.caseApplicationObj.caseAffiliates.forEach((item) => {
+        if (item.identityType == 1) {
+          this.initpaymentArr.push(item);
+        } else {
+          this.initpaymentArr1.push(item);
+        }
+        this.form2.paymentArr = this.initpaymentArr;
+        this.form3.paymentArr1 = this.initpaymentArr1;
+      });
+    }
+    if (this.caseApplicationObj && this.caseApplicationObj.caseAttachList) {
+      this.caseApplicationObj.caseAttachList.forEach((item) => {
+        if (item.annexType == 2) {
+          this.applicantFileArr.push(item.annexName);
+          this.applicantPathArr.push(item.annexPath);
+        } else if (item.annexType == 6) {
+          this.respondentFileArr.push(item.annexName);
+          this.respondenPathArr.push(item.annexPath);
+        } else if (item.annexType == 3) {
+          this.awardFileArr.push(item.annexName);
+          this.awardPathArr.push(item.annexPath);
+        }
+      });
+    }
+  },
+  methods: {
+    // 预览文件
+    toFile(index, val) {
+      let headPath = window.location.origin + "/API";
+      if (val == 2) {
+        window.open(headPath + this.applicantPathArr[index], "_blank");
+      } else if (val == 6) {
+        window.open(headPath + this.respondenPathArr[index], "_blank");
+      } else if (val == 3) {
+        window.open(headPath + this.awardPathArr[index], "_blank");
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.caseInfo {
+  font-size: 17px;
+  font-weight: 600;
+}
+.caseInfo2 {
+  font-size: 15px;
+  font-weight: 550;
+}
+.infoIcon {
+  width: 4px;
+  background-color: #0072ff;
+  margin-right: 5px;
+}
+.el-date-editor {
+  width: 100%;
+}
+a {
+  color: blue;
+}
+</style>

src/views/caseFiling/components/caselogInfo.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <div>
+      <div class="noData" v-if="noData">暂无数据！</div>
+      <el-timeline v-else>
+        <el-timeline-item
+          v-for="(activity, index) in activities"
+          :key="index"
+          :timestamp="(index + 1).toString()"
+          placement="top"
+        >
+          <p>{{ activity.content }}</p>
+        </el-timeline-item>
+      </el-timeline>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["caselogDataArr"],
+  data() {
+    return {
+      activities: [],
+      noData: false,
+    };
+  },
+  created() {
+    if (this.caselogDataArr && this.caselogDataArr.length > 0) {
+      this.noData = false;
+      this.activities = this.caselogDataArr;
+      this.activities.forEach((item) => {
+        item.content = item.content;
+      });
+    } else {
+      this.noData = true;
+    }
+  },
+  methods: {
+    cancel() {
+      this.$emit("cancelcaseLog");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 500px !important;
+  overflow: auto !important;
+}
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton1 {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+.noData {
+  width: 100%;
+  height: 400px;
+  font-size: 30px;
+  font-weight: 700;
+  color: #959595;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

src/views/caseFiling/components/expressDeliveryInfo.vue

@@ -0,0 +1,126 @@
+<template>
+  <div>
+    <div>
+      <div class="deliverName">
+        <span>申请人快递信息：</span>
+        {{ expressOne.company }} {{ expressOne.no }}
+      </div>
+      <el-divider></el-divider>
+      <el-timeline :reverse="reverse">
+        <el-timeline-item
+          v-for="(activity, index) in expressOne.list"
+          :key="index"
+          :timestamp="activity.timestamp"
+        >
+          {{ activity.content }}
+        </el-timeline-item>
+      </el-timeline>
+
+      <div class="deliverName">
+        <span>被申请人快递信息：</span>
+        {{ expressTwo.company }} {{ expressTwo.no }}
+      </div>
+      <el-divider></el-divider>
+      <el-timeline :reverse="reverse">
+        <el-timeline-item
+          v-for="(activity, index) in expressTwo.list"
+          :key="index"
+          :timestamp="activity.timestamp"
+        >
+          {{ activity.content }}
+        </el-timeline-item>
+      </el-timeline>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["deliveryDataArr"],
+  data() {
+    return {
+      reverse: true,
+      applicantdelivery: {}, //申请人物流信息
+      expressOne: {},
+      expressTwo: {},
+    };
+  },
+  watch: {
+    deliveryDataArr() {
+    console.log(this.deliveryDataArr, "deliveryDataArr");
+      if (this.deliveryDataArr && this.deliveryDataArr.length > 0) {
+      this.deliveryDataArr.forEach((item) => {
+        if (item.identityType == 1) {
+          let applicantdata = item.logisticsInfo;
+          this.applicantdelivery = JSON.parse(applicantdata);
+          if (this.applicantdelivery.list) {
+            this.applicantdelivery.list.forEach((item) => {
+              item.content = item.datetime;
+              item.timestamp = item.remark;
+            });
+            this.expressOne = this.applicantdelivery;
+          }
+        } else {
+          let applicantdata = item.logisticsInfo;
+          this.applicantdelivery = JSON.parse(applicantdata);
+          if (this.applicantdelivery.list) {
+            this.applicantdelivery.list.forEach((item) => {
+              item.content = item.datetime;
+              item.timestamp = item.remark;
+            });
+            this.expressTwo = this.applicantdelivery;
+          }
+        }
+      });
+    }
+    }
+  },
+  methods: {
+    cancel() {
+      this.$emit("closeDeliveryModel");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 600px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.deliverName {
+  // margin-left: 6%;
+  font-size: 16px;
+  font-weight: 500;
+  span {
+    font-size: 18px;
+    font-weight: 600;
+  }
+}
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+</style>

src/views/caseManagement/components/adjudicaterecordDialog.vue

@@ -10,10 +10,10 @@
       <el-form
         ref="form"
         :model="formData"
-        label-width="150px"
+        label-width="180px"
         :disabled="true"
       >
-        <p>案件信息：</p>
+        <div class="caseInfo">案件信息：</div>
         <el-divider></el-divider>
         <el-row>
           <el-col :span="12">
@@ -34,7 +34,7 @@
               <el-input v-model="adjudicatename.respondentName" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <!-- <el-col :span="12">
             <el-form-item label="借款开始日期：" prop="loanStartDate">
               <el-date-picker
                 v-model="formData.loanStartDate"
@@ -53,7 +53,7 @@
               >
               </el-date-picker>
             </el-form-item>
-          </el-col>
+          </el-col> -->
           <el-col :span="12">
             <el-form-item label="案件标的：" prop="caseSubjectAmount">
               <el-input
@@ -78,14 +78,14 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <!-- <el-col :span="12">
             <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
               <el-input
                 v-model="formData.claimPrinciOwed"
                 placeholder="请输入"
               />
             </el-form-item>
-          </el-col>
+          </el-col> -->
           <!-- <el-col :span="12">
           <el-form-item label="案件顾问：" prop="claimPrinciOwed">
             <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
@@ -108,7 +108,7 @@
             </el-form-item>
           </el-col>
 
-          <el-col :span="12">
+          <!-- <el-col :span="12">
             <el-form-item label="开庭日期：" prop="hearDate">
               <el-date-picker
                 v-model="adjudicatename.hearDate"
@@ -117,58 +117,43 @@
               >
               </el-date-picker>
             </el-form-item>
-          </el-col>
+          </el-col> -->
         </el-row>
-        <el-col :span="24">
+        <!-- <el-col :span="24">
           <el-form-item label="案件资料：" prop="claimPrinciOwed">
             <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
           </el-form-item>
+        </el-col> -->
+        <!-- <el-col :span="24">
+            <el-form-item
+              label="申请人案件证据："
+            >
+              <div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
+              <div v-else v-for="(item, index) in applicateArr" :key="index">
+                <a href="#" @click="toFile(item, index)" style="color: blue">
+                  {{ item.annexName }}
+                </a>
+              </div>
+            </el-form-item>
         </el-col>
+        <el-col :span="24">
+            <el-form-item
+              label="被申请人案件证据："
+            >
+            <div v-if="quiltArr.length == 0">被申请人暂未提供证据！</div>
+            <div v-else v-for="(item, index) in quiltArr" :key="index">
+                <a href="#" @click="toFile1(item, index)" style="color: blue">
+                  {{ item.annexName }}
+                </a>
+            </div>
+            </el-form-item>
+        </el-col> -->
       </el-form>
       <el-form ref="form2" :model="form2" label-width="150px">
+        <el-form-item label="笔录内容：" prop="responCrossOpin">
+            <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.responCrossOpin" placeholder="请输入" />
+          </el-form-item>
         <!-- <el-col :span="24">
-          <el-form-item
-            label="案情描述："
-            prop="accidentDescription"
-            :rules="[
-              {
-                required: true,
-                message: '请进行案情描述',
-                trigger: 'blur',
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请进行案情描述"
-              v-model="form2.accidentDescription"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col> 
-        <el-col :span="24">
-          <el-form-item
-            label="仲裁结果："
-            prop="arbitrationResult"
-            :rules="[
-              {
-                required: true,
-                message: '请输入仲裁结果',
-                trigger: 'blur',
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入仲裁结果"
-              v-model="form2.arbitrationResult"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>-->
-        <el-col :span="24">
           <el-form-item
             label="经庭审质证，对各方提供的证据认定如下："
             prop="evidenDetermi"
@@ -272,10 +257,10 @@
             >
             </el-input>
           </el-form-item>
-        </el-col>
+        </el-col> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">提交仲裁结果</el-button>
+        <el-button type="primary" @click="submitForm" :loading="loadingSubmit">提交仲裁结果</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -291,24 +276,62 @@ export default {
     return {
       formData: {},
       form2: {},
+      applicateArr: [],//申请人案件资料
+      quiltArr: [],//被申请人案件资料
+      loadingSubmit: false,
     };
   },
   watch: {
     showadjudicaterecord: {
       handler(val) {
         if (val) {
+          this.applicateArr = [];
+          this.quiltArr = [];
           this.formData = this.form;
+          setTimeout(() => {
+            if (this.adjudicatename.caseAttachList.length > 0) {
+              this.adjudicatename.caseAttachList.forEach(item => {
+                if (item.annexType == 2) {
+                    this.applicateArr.push({
+                      annexName: item.annexName,
+                      annexPath: item.annexPath,
+                    });
+                  }
+                  if (item.annexType == 6) {
+                    this.quiltArr.push({
+                      annexName: item.annexName,
+                      annexPath: item.annexPath,
+                    });
+                  }
+              });
+            }          
+          }, 500);
           this.form2 = {};
         }
       },
     },
   },
   methods: {
+     // 详情显示，展示申请人案件文件
+    toFile(item, index) {
+      window.open(
+        window.location.origin + "/API" + this.applicateArr[index].annexPath,
+        "_black"
+      );
+    },
+    // 被申请人文件
+    toFile1(item, index) {
+      window.open(
+        window.location.origin + "/API" + this.quiltArr[index].annexPath,
+        "_black"
+      );
+    },
     submitForm() {
       this.$refs["form2"].validate((valid) => {
         if (valid) {
+          this.loadingSubmit = true;
           writtenHear({
-            caseAppliId: this.formData.id,
+            ids: [this.formData.id],
             evidenDetermi: this.form2.evidenDetermi,
             factDetermi: this.form2.factDetermi,
             caseSketch: this.form2.caseSketch,
@@ -319,8 +342,11 @@ export default {
               this.$modal.msgSuccess("提交成功");
               this.cancel();
               this.$emit("getcaseApply",this.queryParams);
+              this.loadingSubmit = false;
             })
-            .catch((err) => {});
+            .catch((err) => {
+              this.loadingSubmit = false;
+            });
         }
       });
     },
@@ -333,8 +359,12 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 800px;
+  width: 900px;
   background: #ffffff;
   border-radius: 20px;
 }
+.caseInfo {
+  font-size: 17px;
+  font-weight: 600;
+}
 </style>

src/views/caseManagement/components/batchConfirmationPaymen.vue

@@ -0,0 +1,153 @@
+<template>
+    <div>
+        <!-- 批量确认缴费 -->
+        <el-dialog title="批量确认缴费" width="65%" :visible="batchVisable" @close="cancel" center :distroy-on-close="true">
+            <el-table v-loading="loading" style="width: 100%" :data="dataList" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" width="180" prop="caseNum" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" prop="arbitratorName" align="center"  />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" prop="hearDate" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" prop="caseStatusName" align="center">
+                    <template slot-scope="scope">
+                        <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize" @pagination="getBatchComfirmation(queryParamsData)" />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" class="endbutton"  :disabled="dataList.length == 0 || batchData.length == 0" @click="submitPay"><span>确认缴费</span></el-button>
+            </div>
+            <el-dialog width="40%" title="缴费详情" :visible.sync="payVisible" append-to-body>
+                <!-- 案件总金额 -->
+                <h3>案件总金额：{{ form.totalFee / 100 }}</h3>
+                <el-descriptions :title="'订单信息' + (index + 1)" v-for="(item, index) in form.caseApplicationList"
+                    :key="index" border>
+                    <el-descriptions-item label="案件编号">{{
+                        item.caseNum
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="申请人">{{
+                        item.caseAppName
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件标的">{{
+                        item.caseSubjectAmount
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件应缴费用">{{
+                        item.feePayable
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="被申请人">{{
+                        item.caseResName
+                    }}</el-descriptions-item>
+                    <!-- <el-descriptions-item label="申请人仲裁诉求">{{
+                        item.arbitratClaims
+                    }}</el-descriptions-item> -->
+                </el-descriptions>
+                <div slot="footer" class="dialog-footer">
+                    <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
+                    <el-button type="primary" class="endbutton" @click="submitUpload" :loading="loadingSubmit"><span>确认缴费</span></el-button>
+                </div>
+            </el-dialog>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {caseApply} from '@/api/caseAccess/caseEntry'
+import { getPayDetail,confirmPay} from "@/api/pay/pay";
+export default {
+    props:["batchVisable"],
+    data() {
+        return {
+             // 遮罩层
+            loading: true,
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 3,
+                pageNum: 1,
+                pageSize: 10,
+            },
+             // 表格数据
+            dataList: [],
+            batchData: [],
+            payVisible: false,
+            form: {},
+            submitForm: {
+                ids:[]
+            },
+            loadingSubmit: false,
+        }
+    },
+     watch: {
+        batchVisable(val) {
+            if (val) {
+                this.getBatchComfirmation(this.queryParamsData)
+            }
+        }  
+    },
+    created(){
+        this.getBatchComfirmation(this.queryParamsData)
+    },
+    methods:{
+        // 查询列表
+        getBatchComfirmation(val){
+             this.loading = true;
+            caseApply(val).then(res=>{
+                this.dataList = res.rows
+                this.total = res.total;
+                 this.loading = false;
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val) {
+            this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.id)
+            })
+        },
+              // 批量缴费弹窗
+        submitPay() {
+            this.payVisible = true;
+            this.getPayDetailFn({ caseIds: this.batchData })
+        },
+         // 查询缴费信息
+        getPayDetailFn(params) {
+            getPayDetail(params).then(res => {
+                console.log(res)
+                this.form = res.data;
+            })
+        },
+       payCancel() {
+            this.payVisible = false;
+        },
+        submitUpload() {
+            this.loadingSubmit = true;
+            this.submitForm.ids = this.batchData;
+            console.log(this.submitForm)
+            confirmPay(this.submitForm).then(res => {
+                this.$modal.msgSuccess("成功");
+                this.payCancel();
+                this.getBatchComfirmation(this.queryParamsData);
+                this.loadingSubmit = false;
+            })
+        },
+        cancel() {
+         this.$emit("batchOperate");
+        },
+    }
+}
+</script>

src/views/caseManagement/components/batchDialog.vue

@@ -63,7 +63,7 @@
 </template>
 
 <script>
-import { importTemplate } from "@/api/caseAccess/caseEntry";
+import { pageSignAdjudicate } from "@/api/caseAccess/caseEntry";
 import { getToken } from "@/utils/auth";
 export default {
   props: ["openbatch","getcaseApply","queryParams"],

src/views/caseManagement/components/batchPrinting.vue

@@ -0,0 +1,164 @@
+<template>
+<!-- 批量用印 -->
+    <div>
+        <el-dialog title="批量用印" width="60%" :visible="printingVisable" @close="cancel" center :distroy-on-close="true">
+            <!-- 查询机构信息 -->
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="查询机构:"
+                    prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '查询机构不能为空',
+                        trigger: 'blur',
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择查询机构"
+                    @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                     v-for="item in atoDataList"
+                    :key="item.id"
+                    :label="item.identifyName"
+                    :value="item.operPhone"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+                </el-form>
+            <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" prop="caseNum" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center"  prop="caseSubjectAmount"/>
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                    <template slot-scope="scope">
+                        <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize"  />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" class="endbutton" :disabled="dataList.length == 0 || batchData.length == 0" @click="confirmSeals" :loading="loadingSubmit"><span>确认用印</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {selectBatchSealUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
+import {deptIdentifyList} from '@/api/officialSeal/officialSeal'
+export default {
+    props:["printingVisable"],
+    data() {
+        return {
+             // 遮罩层
+            loading: true,
+            loadingSubmit: false,
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 14, 
+                pageNum: 1,
+                pageSize: 10,
+            },
+           // 表格数据
+            dataList: [],
+            batchData: [],
+            atoDataList:[],
+            courtReviewform: {},
+            Arbitor: "",
+            paramsdata:{
+                ids:[],
+                psnAccount:""
+            },
+        }
+    },
+    watch: {
+        printingVisable(val) {
+            if (val) {
+                this.getBatchPrinting(this.queryParamsData)
+                this.getarbitrAtor()
+            }
+        }  
+    },
+    created(){
+        this.getBatchPrinting(this.queryParamsData)
+        // this.getarbitrAtor()
+    },
+    methods:{
+        // 列表查询
+         getBatchPrinting(val){
+             this.loading = true;
+            pageSignAdjudicate(val).then(res=>{
+                this.dataList = res.rows
+                this.total = res.total;
+                 this.loading = false;
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val){
+             this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.signFlowId)
+                this.paramsdata.ids = this.batchData
+            })
+        },
+            // 查询机构信息
+        getarbitrAtor() {
+                this.atoDataList =[]
+                deptIdentifyList({}).then((res) => {
+                    console.log(res)
+                    this.atoDataList = res.rows;
+                    // this.total = res.total; 
+                });
+        },
+        // 下拉获取电话号码
+        changeArbitor(val){
+            this.paramsdata.psnAccount = val
+        },
+        // 确认用印
+        confirmSeals(){
+         this.$refs["courtReviewform"].validate((valid) => {
+            if (valid) {
+                this.loadingSubmit = true;
+          selectBatchSealUrl(this.paramsdata).then((res) => { 
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.getBatchPrinting(this.queryParamsData)
+              window.open(res.data.signUrl)
+              this.loadingSubmit = false;
+              
+            //   this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {
+                this.loadingSubmit = false;
+            });
+        }
+      });
+    },
+        cancel() {
+         this.$emit("printingOperate");
+        },
+    }
+}
+</script>

src/views/caseManagement/components/batchSignature.vue

@@ -0,0 +1,168 @@
+<template>
+    <div>
+        <!-- 批量签名 -->
+        <el-dialog title="批量签名" width="60%" :visible="signatureVisable" @close="cancel"  center :distroy-on-close="true">
+            <el-form ref="courtReviewform" :model="courtReviewform">
+                <el-form-item
+                    label="仲裁员："
+                    prop="Arbitor"
+                    :rules="[
+                        {
+                        required: true,
+                        message: '仲裁员不能为空',
+                        trigger: 'blur',
+                        },
+                ]"
+                >
+                <el-select
+                    placeholder="请选择仲裁员"
+                     @change="changeArbitor"
+                    v-model="courtReviewform.Arbitor"
+                    clearable
+                >
+                    <el-option
+                    v-for="item in atoDataList"
+                    :key="item.value"
+                    :label="item.nickName"
+                    :value="item.phonenumber"
+                    ></el-option>
+                </el-select>
+                </el-form-item>
+                </el-form>
+            <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" prop="caseNum" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人"  align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                    <template slot-scope="scope">
+                        <el-tag type="success">
+                            {{ scope.row.caseStatusName }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize"  @pagination="getBatchComfirmation(queryParamsData)"/>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button 
+                type="primary" 
+                class="endbutton" 
+                :disabled="dataList.length == 0 || batchData.length == 0" 
+                @click="witnessing" :loading="loadingSubmit"><span>确认签名</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {selectBatchSignUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
+import { arbitrAtor} from "@/api/formationCourt/formationCourt";
+export default {
+    props:["signatureVisable"],
+    data() {
+        return {
+             // 遮罩层
+            loading: true,
+            loadingSubmit: false,
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 13,//待定
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 表格数据
+            dataList: [],
+            batchData: [],
+            atoDataList:[],
+            courtReviewform: {},
+            Arbitor: "",
+            paramsdata:{
+                ids:[],
+                psnAccount:""
+            },
+            
+        }
+    },
+    watch: {
+        signatureVisable(val) {
+            if (val) {
+                this.getBatchSignation(this.queryParamsData)
+                this.getarbitrAtor()
+            }
+        }  
+    },
+    created(){
+        this.getBatchSignation(this.queryParamsData)
+        // this.getarbitrAtor()
+    },
+    methods:{
+        // 列表查询
+        getBatchSignation(val){
+             this.loading = true;
+            pageSignAdjudicate(val).then(res=>{
+                this.dataList = res.rows
+                this.total = res.total;
+                 this.loading = false;
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val){
+             this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.signFlowId)
+                this.paramsdata.ids = this.batchData
+            })
+        },
+            // 获取仲裁员信息
+    getarbitrAtor() {
+    this.atoDataList =[]
+      arbitrAtor({}).then((res) => {
+        this.atoDataList = res.rows;
+        // this.total = res.total; 
+      });
+    },
+     changeArbitor(val) {
+         this.paramsdata.psnAccount =val
+   
+    },
+    // 确认签名
+    witnessing(){
+         this.$refs["courtReviewform"].validate((valid) => {
+        if (valid) {
+            this.loadingSubmit = true;
+          selectBatchSignUrl(this.paramsdata).then((res) => { 
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.getBatchSignation(this.queryParamsData)
+              window.open(res.data.signUrl)
+              this.loadingSubmit = false;
+            //   this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {
+                this.loadingSubmit = false;
+            });
+        }
+      });
+    },
+     cancel() {
+            this.$emit("signatureOperate");
+        },       
+    }
+}
+</script>

src/views/caseManagement/components/caseCompressionPackage.vue

@@ -0,0 +1,261 @@
+<template>
+  <div>
+    <!-- 立案申请弹框 -->
+    <el-dialog title="案件压缩包导入" :visible="openCompressedPackages" width="600px" append-to-body @close="cancel" center>
+      <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+        <el-row>
+          <!-- <el-col :span="16">
+            <el-form-item label="申请人姓名：" prop="applyName">
+              <el-input v-model="form.jobName" placeholder="请输入姓名" />
+            </el-form-item>
+          </el-col>-->
+          <!-- <el-col :span="15">
+            <div class="download" style="">
+              <span> 下载： </span>
+              <a href="#">
+                <el-button class="uploadlink" @click="downloadTemplate">案件压缩导入模板</el-button>
+              </a>
+            </div>
+          </el-col>
+          <el-col :span="15">
+            <div style="margin:10px 0;font-size:12px;color:grey">
+              <span>
+                提示：请将多个excel文件压缩成zip格式后上传
+              </span>
+            </div>
+          </el-col> -->
+          <!-- <el-col :span="12">
+            <el-form-item label="立案申请书：" prop="applybook"> </el-form-item>
+          </el-col>
+          <el-col :span="12"> </el-col> -->
+        </el-row>
+        <el-row>
+          <el-form-item :span="24" label="案件压缩包上传：" prop="upload">
+            <el-upload class="upload-demo" ref="uploadZipBatch" :limit="1" accept=".zip" :headers="upload.headers" :on-error="onError"
+              :action="upload.url" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress"
+              :on-success="handleFileSuccess" :auto-upload="false" :data="paramsData" drag>
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              <!-- <el-button size="small" type="primary">点击上传</el-button> -->
+              <div slot="tip" class="el-upload__tip">
+                支持zip格式文件
+              </div>
+            </el-upload>
+          </el-form-item>
+          <el-form-item :span="24" label="裁决书模板" prop="templateId">
+            <el-select v-model="form.templateId" placeholder="请选择">
+              <el-option v-for="dict in templateList" :key="dict.id" :label="dict.temName" :value="dict.id"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :span="24" label="申请人类型" prop="applicantType">
+            <el-select v-model="form.applicantType" placeholder="请选择">
+              <el-option v-for="item in appList" :key="item.id" :label="item.temName" :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :span="24" label="被申请人类型" prop="resType">
+            <el-select v-model="form.resType" placeholder="请选择">
+              <el-option v-for="item in resList" :key="item.id" :label="item.temName" :value="item.id"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton" :loading="loadingSubmit"><span>确 定</span></el-button>
+        <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getTemplate,
+} from "@/api/officialSeal/officialSeal.js";
+import { getToken } from "@/utils/auth";
+export default {
+  props: ["openCompressedPackages", "getcaseApply", "queryParams"],
+  data() {
+    return {
+      //   key: value,
+      form: {},
+      fileList: [],
+      appList: [
+        { id: 1, temName: "自然人" },
+        { id: 2, temName: "机构" },
+      ],
+      resList: [
+        { id: 1, temName: "自然人" },
+        { id: 2, temName: "机构" },
+      ],
+      templateList: [],
+      loadingSubmit:false,
+      rules: {
+        templateId: [
+          { required: true, message: "裁决书模板不能为空", trigger: "blur" },
+        ],
+        applicantType: [
+          { required: true, message: "申请人类型不能为空", trigger: "blur" },
+        ],
+        resType: [
+          { required: true, message: "被申请人类型不能为空", trigger: "blur" },
+        ],
+      },
+      paramsData:{
+        // templateId:this.form.templateId
+      },
+      // 案件压缩导入
+      upload: {
+        // 是否显示弹出层（用户导入）
+        open: false,
+        // 弹出层标题（用户导入）
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        // updateSupport: 0,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/caseApplication/uploadCaseZipFile",
+      },
+    };
+  },
+  watch: {
+    openCompressedPackages(val) {
+      if (val) {
+        this.form = {}
+        this.getTemplateFn({
+          pageNum: 1,
+          pageSize: 10000000,
+        })
+      }
+    },
+  },
+  methods: {
+    submitForm() {
+      this.paramsData.templateId = this.form.templateId;
+      this.paramsData.applicantType = this.form.applicantType;
+      this.paramsData.resType = this.form.resType;
+      this.$refs["form"].validate((valid) => {
+         this.loadingSubmit = true
+        if (valid) {
+         
+          this.$refs.uploadZipBatch.submit();
+          
+        }
+      })
+    },
+    // 获取裁决书模板
+    getTemplateFn(data) {
+      getTemplate(data).then(res => {
+        this.templateList = res.rows;
+      })
+    },
+    // 取消
+    cancel() {
+      this.$emit("cancelCompreess");
+    },
+    handleRemove(file, fileList) { },
+    handlePreview(file) { },
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 1个文件，本次选择了 ${files.length} `
+      );
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    // 下载模板 importTemplate
+    downloadTemplate() {
+      this.download(
+        "caseApplication/uploadCaseZipFile",
+        {},
+        `case_batch_${new Date().getTime()}.xlsx`
+      );
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.$emit("cancelCompreess");
+      this.upload.isUploading = false;
+      this.$refs.uploadZipBatch.clearFiles();
+      if (response.code == 200) {
+        this.loadingSubmit = false
+        this.$alert(
+          "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
+          response.msg +
+          "</div>",
+          "导入结果",
+          { dangerouslyUseHTMLString: true }
+        )
+        this.$emit("getcaseApply", this.queryParams);
+      } else {
+        this.loadingSubmit = false
+        this.$alert(
+          "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
+          "导入压缩失败" +
+          "</div>",
+          "导入结果",
+          { dangerouslyUseHTMLString: true }
+        )
+      }
+    },
+    onError(){
+      this.loadingSubmit = false
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.download {
+  a {
+    .uploadlink {
+      border: none;
+      color: #2092c7;
+    }
+  }
+}
+
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+
+  span {
+    width: 96px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+  }
+}
+
+.endbutton1 {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/caseManagement/components/caselogDialog.vue

@@ -0,0 +1,113 @@
+<template>
+  <div>
+    <el-dialog
+      title="案件日志"
+      :visible="showcaseLog"
+      @close="cancel"
+      center
+      :distroy-on-close="true"
+    >
+      <div class="loading" v-if="flagLoading">
+        <i class="el-icon-loading"></i>
+      </div>
+      <div v-else>
+        <div class="noData" v-if="noData">暂无数据！</div>
+        <el-timeline v-else>
+          <el-timeline-item
+            v-for="(activity, index) in activities"
+            :key="index"
+            :timestamp="(index + 1).toString()"
+            placement="top"
+          >
+            <p>{{ activity.content }}</p>
+          </el-timeline-item>
+        </el-timeline>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel" class="endbutton1"
+          ><span>取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["showcaseLog", "flagLoading", "caselogDataArr"],
+  data() {
+    return {
+      reverse: true,
+      activities: [],
+      noData: false,
+    };
+  },
+  watch: {
+    caselogDataArr: {
+      handler(val) {
+        if (val && val.length > 0) {
+          this.noData = false;
+          this.activities = val;
+          this.activities.forEach((item) => {
+            item.content = item.content;
+          });
+        } else {
+          this.noData = true;
+        }
+      },
+    },
+  },
+  methods: {
+    cancel() {
+      this.$emit("cancelcaseLog");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 500px !important;
+  overflow: auto !important;
+}
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton1 {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+.noData {
+  width: 100%;
+  height: 400px;
+  font-size: 30px;
+  font-weight: 700;
+  color: #959595;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

src/views/caseManagement/components/choosetrialmethodDaiog.vue

@@ -8,59 +8,101 @@
       @close="cancel"
       :destroy-on-close="true"
     >
-      <el-descriptions>
+        <div v-show="formData.arbitraMethodIssame!=2">
-        <el-descriptions-item label="当前仲裁方式：">
+          <el-descriptions>
-          <el-tag size="small">{{
+            <el-descriptions-item label="当前仲裁方式：">
-            choosetrialmethodata.arbitratMethodName
+              <el-tag size="small">{{
-          }}</el-tag>
+                formData.arbitratMethodName
-        </el-descriptions-item>
+              }}</el-tag>
-      </el-descriptions>
+            </el-descriptions-item>
+          </el-descriptions>
 
-      <!-- <div class="radiobox">
+          <!-- <div class="radiobox">
-        <el-radio-group v-model="radio">
+            <el-radio-group v-model="radio">
-          <el-radio :label="0">拒绝开庭方式</el-radio>
+              <el-radio :label="0">拒绝开庭方式</el-radio>
-          <el-radio :label="1">同意开庭方式</el-radio>
+              <el-radio :label="1">同意开庭方式</el-radio>
-        </el-radio-group>
+            </el-radio-group>
-      </div> -->
+          </div> -->
 
-      <!-- <div slot="footer" class="dialog-footer">
+          <!-- <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm" class="endbutton"
+            <el-button type="primary" @click="submitForm" class="endbutton"
-          ><span>提 交</span></el-button
+              ><span>提 交</span></el-button
-        >
+            >
-        <el-button @click="cancel" class="endbutton1"
+            <el-button @click="cancel" class="endbutton1"
-          ><span> 取 消</span></el-button
+              ><span> 取 消</span></el-button
-        >
+            >
-      </div> -->
+          </div> -->
-      <div slot="footer" class="dialog-footer">
+            <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm(1)" class="endbutton"
+              <el-button type="primary" @click="submitForm(1)" class="endbutton"
-          ><span>同 意</span></el-button
+                ><span>同 意</span></el-button
-        >
+              >
-        <el-button class="endbutton1" @click="submitForm(0)"
+              <el-button class="endbutton1" @click="submitForm(0)"
-          ><span>拒 绝</span></el-button
+                ><span>拒 绝</span></el-button
-        >
+              >
-      </div>
+          </div>
+        </div>
+        <div v-show="formData.arbitraMethodIssame==2">
+          <div>{{formData.arbitratMethodIllustrate}}</div>
+          <el-form :model="form" :rules="rules" ref="form">
+            <el-form-item label="选择开庭方式"  prop="arbitratMethod">
+                <el-radio-group v-model="form.arbitratMethod">
+                  <el-radio :label=2>书面审理</el-radio>
+                  <el-radio :label=1>开庭审理</el-radio>
+                </el-radio-group>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary"  @click="determine(2)" :loading="loadingSubmit">确定</el-button>
+              <el-button @click="cancel">取消</el-button>
+            </el-form-item>
+          </el-form>
+        </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
 import { arbitrateMethod } from "@/api/caseManagement/caseManagement.js";
+import { selectCaseApply } from "@/api/caseAccess/caseEntry";
 export default {
   name: "showchoosetrialmethodDialog",
   props: ["showchoosetrialmethod", "choosetrialmethodata", "queryParams"],
   data() {
-    return {};
+    return {
+      form:{},
+      loadingSubmit: false,
+      rules:{
+        arbitratMethod: [
+            { required: true, message: '请选择开庭方式', trigger: 'change' }
+          ]
+      },
+      formData:{}
+    };
+  },
+  watch:{
+    showchoosetrialmethod(val){
+      if(val){
+        let params = {
+        id: this.choosetrialmethodata.id,
+        version: this.choosetrialmethodata.version
+      }
+        selectCaseApply(params).then(res=>{
+          console.log(res,"PPPPPPPPPPPPPPPPPPPPPPPPPPPPP");
+          this.formData = res.data;
+        })
+      }
+    }
   },
   methods: {
     // 审核仲裁方式 arbitrateMethod
     submitForm(val) {
       let paramsdata = {
-        opinion: val,
+        opinion: val
       };
       let id = {
-        id: this.choosetrialmethodata.id,
+        id: this.formData.id,
+        arbitratMethod:this.formData.arbitratMethod
       };
-      arbitrateMethod(paramsdata, id)
+      arbitrateMethod(paramsdata,id)
         .then((res) => {
           this.$modal.msgSuccess("提交成功");
           this.cancel();
@@ -68,6 +110,32 @@ export default {
         })
         .catch((err) => {});
     },
+    determine(val){
+       this.$refs["form"].validate((valid) => {
+          if (valid) {
+            this.loadingSubmit = true;
+            let paramsdata = {
+              opinion: val,
+              arbitratMethod:this.form.arbitratMethod
+            };
+            let id = {
+            id: this.choosetrialmethodata.id,
+          };
+          arbitrateMethod(paramsdata,id)
+            .then((res) => {
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.$emit("getcaseApply", this.queryParams);
+              this.loadingSubmit = false;
+            })
+            .catch((err) => {
+              this.loadingSubmit = false;
+            });
+          } else {
+            return false;
+          }
+        });
+    },
     cancel() {
       this.$emit("cancelshowchoosetrialMethod");
     },

src/views/caseManagement/components/courtReviewDialog.vue

@@ -9,29 +9,58 @@
       center
     >
       <el-form ref="courtReviewform" :model="courtReviewform">
+        <el-form-item label="是否同意组庭：">
+          <el-radio-group v-model="isAgreePendTral">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- </el-form> -->
+        <el-tag type="warning" v-if="noArbitrator"
+          >当前案件未指定仲裁员，请先指定仲裁员！</el-tag
+        >
+        <div style="display: inline-flex; margin: 1% 9%">
+          <div v-if="isAgreePendTral == 0">请选择仲裁员</div>
+          <div v-if="isAgreePendTral == 1 && form.arbitratorName">
+            当前案件仲裁员
+          </div>
+        </div>
+        <div v-if="isAgreePendTral == 1" class="nowarbitrator">
+          <el-tag size="medium">
+            {{ form.arbitratorName }}
+          </el-tag>
+        </div>
+        <!-- <div v-if="noArbitrator || isAgreePendTral == 0"> -->
         <el-form-item
-          label="开庭日期："
+          label="仲裁员："
-          prop="hearDate"
+          prop="Arbitor"
+          v-if="noArbitrator || isAgreePendTral == 0"
           :rules="[
             {
               required: true,
-              message: '请选择开庭日期',
+              message: '仲裁员不能为空',
               trigger: 'blur',
             },
           ]"
         >
-          <div class="reviewbox">
+          <el-select
-            <el-date-picker
+            placeholder="请选择仲裁员"
-              v-model="courtReviewform.hearDate"
+            @change="changeArbitor"
-              type="datetime"
+            v-model="courtReviewform.Arbitor"
-              placeholder="选择日期"
+            clearable
-            >
+          >
-            </el-date-picker>
+            <el-option
-          </div>
+              v-for="item in dataList"
+              :key="item.value"
+              :label="item.nickNameAndNum"
+              :value="item.userId"
+            ></el-option>
+          </el-select>
         </el-form-item>
+        <!-- </div> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm" class="endbutton"
+        <el-button type="primary" :loading="loadingSubmit" @click="submitForm" class="endbutton"
           ><span>确 定</span>
         </el-button>
         <el-button @click="cancel" class="endbutton1"
@@ -44,33 +73,108 @@
 
 <script>
 import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
+import { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
 import moment from "moment";
 export default {
   name: "courtReviewDialog",
   props: ["showcourtReview", "form", "queryParams"],
   data() {
     return {
+      dataList: [],
       hearDate: "",
-      courtReviewform: {},
+      courtReviewform: {
+        hearDate: null,
+      },
+      noArbitrator: false,
+      loadingSubmit: false,
+      isAgreePendTral: 1,
+      total: 0,
+      queryParams1: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      paramsdata: {},
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        },
+      },
+      Arbitor: "",
     };
   },
+  created() {
+    // this.getarbitrAtor();
+  },
+  watch: {
+    showcourtReview(val) {
+      if (val) {
+        this.isAgreePendTral = 1;
+        this.courtReviewform.hearDate = null;
+        this.getarbitrAtor({caseId:this.form.id});
+      }
+    },
+    form: {
+      handler(val) {
+        if (val.arbitratorName == null) {
+          this.noArbitrator = true;
+        } else {
+          this.noArbitrator = false;
+        }
+      },
+    },
+  },
   methods: {
+    // 获取仲裁员信息
+    getarbitrAtor(val) {
+      arbitrAtor(val).then((res) => {
+        this.dataList = res.data;
+        this.total = res.total;
+      });
+    },
+    changeArbitor(val) {
+      this.arbitrators = [];
+      this.dataList.forEach((item) => {
+        if (item.userId == val) {
+          this.arbitrators.push({
+            id: item.userId,
+            arbitratorName: item.nickName,
+          });
+        }
+      });
+    },
     submitForm() {
+      if (this.noArbitrator) {
+        this.paramsdata = {
+          id: this.form.id,
+          arbitrators: this.arbitrators,
+        };
+      } else {
+        if (this.isAgreePendTral == 0) {
+          this.paramsdata = {
+            isAgreePendTral: 0,
+            id: this.form.id,
+            arbitrators: this.arbitrators,
+          };
+        } else {
+          this.paramsdata = {
+            isAgreePendTral: 1,
+            id: this.form.id,
+          };
+        }
+      }
       this.$refs["courtReviewform"].validate((valid) => {
         if (valid) {
-          this.courtReviewform.hearDate = moment(
+          this.loadingSubmit = true;
-            this.courtReviewform.hearDate
+          pendTralSure(this.paramsdata)
-          ).format("YYYY-MM-DD HH:mm:ss");
-          pendTralSure({
-            id: this.form.id,
-            hearDate: this.courtReviewform.hearDate,
-          })
             .then((res) => {
               this.$modal.msgSuccess("确认成功");
               this.cancel();
-              this.$emit("getcaseApply",this.queryParams);
+              this.$emit("getcaseApply", this.queryParams);
+              this.loadingSubmit = false;
             })
-            .catch((err) => {});
+            .catch((err) => {
+              this.loadingSubmit = false;
+            });
         }
       });
     },
@@ -83,19 +187,20 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 422px;
-  height: 245px;
   background: #ffffff;
   border-radius: 20px;
 }
+
 .el-form-item {
   margin-left: 10%;
 }
+
 .endbutton {
   width: 124px;
   height: 37px;
   background: #0072ff;
   border-radius: 19px;
+
   span {
     width: 32px;
     height: 15px;
@@ -106,12 +211,14 @@ export default {
     // line-height: 48px;
   }
 }
+
 .endbutton1 {
   width: 124px;
   height: 37px;
   background: #ffffff;
   border: 1px solid #d0d0d0;
   border-radius: 19px;
+
   span {
     width: 31px;
     height: 13px;
@@ -122,6 +229,10 @@ export default {
     // line-height: 48px;
   }
 }
+.nowarbitrator {
+  margin-left: 10%;
+}
+
 ::v-deep .el-form-item__error {
   left: 90px;
 }

src/views/caseManagement/components/detailsAward.vue

@@ -0,0 +1,133 @@
+<template>
+  <div>
+    <el-dialog title="案件详情" :visible="showarchiveDetails" @close="cancel" :destroy-on-close="true" center>
+      <div class="loading" v-if="flagLoadingS">
+        <i class="el-icon-loading"></i>
+      </div>
+      <div v-else>
+          <!-- <div class="noData" v-if="noData">暂无数据！</div> -->
+          <el-tabs v-model="activeName"  @tab-click="handleClick">
+            <el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
+            <el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane>
+            <el-tab-pane label="裁决书附件" name="third"></el-tab-pane>
+            <!-- <el-tab-pane label="仲裁申请书" name="fourth"></el-tab-pane> -->
+            <el-tab-pane label="案件视频" name="five"></el-tab-pane>
+            <el-tab-pane label="庭审笔录" name="six"></el-tab-pane>
+            <el-tab-pane label="案件异议信息" name="seven"></el-tab-pane>
+         </el-tabs>
+         <div v-show="activeName=='first'">
+             
+             <div v-for="(item,index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType==2" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+            <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div v-show="activeName=='second'">
+            <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div  v-show="activeName=='third'">
+             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==3" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,3) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div  v-show="activeName=='fourth'">
+             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==1" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,1) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div  v-show="activeName=='five'">            
+             <video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :src="headPath + item.annexPath" v-for="(item,index) in videoList" :key="index" controls="controls"></video>
+             <el-empty v-if="videoList == null || videoList.length ==0" description="暂无数据"></el-empty>
+         </div>
+         <!-- <div v-show="activeName=='six'">
+             <div v-for="(item,index) in trialTranscripts" :key="index" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+              <el-empty v-if="trialTranscripts == null || trialTranscripts.length ==0" description="暂无数据"></el-empty>
+         </div> -->
+         <div  v-show="activeName=='six'">
+             <div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;">
+                 <el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div v-show="activeName=='seven'">
+            <div v-if="detailsAwardNum.adjudicaCounterReason">案件异议信息:{{detailsAwardNum.adjudicaCounterReason}}</div> 
+            <el-empty v-if="!detailsAwardNum.adjudicaCounterReason" description="暂无数据"></el-empty>
+         </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+    props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts"],
+  components: {
+    
+  },
+  data() {
+    return {
+     activeName: 'first',
+      fileURL: window.location.origin + "/API",
+      headPath:window.location.origin + "/API",
+      noData: false,
+    //   myData:[],
+    //   videoLists:[]
+    };
+  },
+  created(){
+    
+    
+  },
+  methods: {
+    isNoData(data,type){
+        let resNumber = 0
+        if(data){
+            let list = data.filter(item => item.annexType == type)
+            if(list){
+                resNumber = list.length
+            }
+        }
+        return resNumber
+    },
+    handleClick(tab, event) {
+
+    },
+    
+    cancel() {
+      this.$emit("cancelDetail");
+    //   this.activeName ="first"
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 500px !important;
+  overflow: auto !important;
+}
+::v-deep .el-dialog {
+  width: 850px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+</style>

src/views/caseManagement/components/evidenceDialog.vue

@@ -0,0 +1,139 @@
+<template>
+    <div>
+        <el-dialog title="修改证据" :visible="evidenceVisable" @close="cancel" center :distroy-on-close="true">
+            <el-descriptions title="案件内容" :column="2" border>
+                <el-descriptions-item label="案件编号">{{ evidenceData.caseNum }}</el-descriptions-item>
+                <el-descriptions-item label="申请人(机构)">{{ evidenceData.applicantName }}</el-descriptions-item>
+                <el-descriptions-item label="案件标的">{{ evidenceData.caseSubjectAmount }}</el-descriptions-item>
+                <el-descriptions-item label="案件状态">
+                    <el-tag size="small">{{ evidenceData.caseStatusName }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="仲裁方式">{{ evidenceData.arbitratMethodName }}</el-descriptions-item>
+                <el-descriptions-item label="申请人证据">
+                    <div style="color: #104fad;cursor:pointer" v-for="(item, index) in fileListData"
+                        @click="preview(item.annexPath)" :key="index">
+                        {{ item.annexName }}</div>
+                </el-descriptions-item>
+            </el-descriptions>
+            <div style="margin-top: 30px;">
+                <el-upload class="upload-demo" ref="upload" action="" :file-list="fileList" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
+                    :auto-upload="false" :http-request="uploadFile" :on-change="beforeAvatarUpload" :before-remove="beforeRemove" multiple>
+                    <el-button type="primary"><span>选择证据</span></el-button>
+                </el-upload>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+                <el-button @click="upload" class="endbutton1"><span>点击上传</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+  
+<script>
+import { getFileList, batchUpload } from '@/api/caseManagement/caseManagement'
+import { getToken } from "@/utils/auth";
+export default {
+    props: ["evidenceVisable", "evidenceData"],
+    data() {
+        return {
+            fileListData: [],
+            // 上传文件的列表
+            uploadFiles: [],
+            // 上传文件的个数
+            filesLength: 0,
+            info: {
+                annexType: 2,
+            },
+            fileList:[]
+            // headers: {
+            //     Authorization: "Bearer " + getToken(),
+            // },
+        };
+    },
+    watch: {
+        evidenceVisable(val) {
+            this.fileList = []
+            if (val) {
+                this.getEvidenceList({ caseAppliId: this.evidenceData.id, annexTypeList: "2" })
+            }
+        }
+    },
+    created() {
+        this.info.id = this.evidenceData.id;
+    },
+    methods: {
+        preview(data) {
+            window.open(
+                window.location.origin + "/API" + data,
+                "_blank"
+            );
+        },
+        UploadUrl() {
+            return window.location.origin + "/API/evidence/upload";
+        },
+        cancel() {
+            this.$emit("cancelEvidence");
+        },
+        // 修改当前文件列表长度
+        // changeFileLength(file, fileList) {
+        //     this.uploadFiles.push(file)
+        // },
+        // 删除文件
+        beforeRemove(file, fileList){
+            this.uploadFiles = fileList
+        },
+        // 文件上传之前处理
+        beforeAvatarUpload(file,fileList) {
+            console.log(file,fileList,"before");
+            this.uploadFiles = [];
+            // this.uploadFiles.push(file)
+            this.uploadFiles = fileList
+        },
+        // 用户点击上传调用
+        async upload() {
+            // 触发上传 调用配置 :http-request="uploadFile"
+            // 即触发 uploadFile函数
+            this.uploadFile()
+            // await this.$refs.upload.submit();
+            // 上传完成后执行的操作 ...
+        },
+        // 该函数还是会被调用多次
+        // 每次param参数传入一个文件
+        uploadFile() {
+            // 将文件加入需要上传的文件列表
+            // 当uploadFiles长度等于用户需要上传的文件数时进行上传
+            // 创建FormData上传
+            if (this.uploadFiles.length === 0) {
+                this.$message.warning('请选取文件')
+                return
+            }
+            let fd = new FormData()
+            // 将全部文件添加至FormData中
+            this.uploadFiles.forEach(file => {
+                fd.append('file', file.raw)
+            })
+            // // 将附加信息添加至FormData
+            fd.append("id", this.evidenceData.id)
+            fd.append("annexType", this.info.annexType)
+            // 上传文件
+            batchUpload(fd).then(res => {
+                this.$modal.msgSuccess("上传成功");
+                this.cancel()
+            })
+        },
+        // 获取案件申请人证据列表
+        getEvidenceList(data) {
+            getFileList(data).then(res => {
+                this.fileListData = res.data;
+            })
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+</style>

src/views/caseManagement/components/evidenceList.vue

@@ -0,0 +1,100 @@
+<template>
+  <div>
+    <el-dialog
+      title="证据清单"
+      :visible="evidenceListD"
+      :caseAttachListR = "caseAttachListR"
+      @close="cancel"
+      center
+      :distroy-on-close="true"
+    >
+      <div class="loading" v-if ="flagLoading">
+        <i class="el-icon-loading"></i>
+      </div>
+      <div>申请人证据清单:</div>
+      <div v-for="item in this.caseAttachListR" style="margin-top:10px;">
+          <el-link target="_blank" type="primary" v-if="item.annexType == 2" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+      </div>
+      <div style="margin-top:30px;;">被申请人证据清单:</div>
+       <div v-for="item in this.caseAttachListR" style="margin-top:10px;">
+          <el-link target="_blank" type="primary" v-if="item.annexType == 6" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel" class="endbutton1"
+          ><span>取 消</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["evidenceListD", "flagLoading", "caseAttachListR"],
+  data() {
+    return {
+      fileURL: window.location.origin + "/API",
+      myData:[]
+    };
+  },
+  created(){
+    // 获取组件传值监听
+    // this.$watch('caseAttachListR',(newVal)=>{
+    //   this.myData = newVal;
+    //   console.log(this.myData)
+    // })
+  },
+  methods: {
+  
+    cancel() {
+      this.$emit("cancelevidenceList");
+    } 
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 500px !important;
+  overflow: auto !important;
+}
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton1 {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+.noData {
+  width: 100%;
+  height: 400px;
+  font-size: 30px;
+  font-weight: 700;
+  color: #959595;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

src/views/caseManagement/components/expressDeliveryDialog.vue

@@ -0,0 +1,129 @@
+<template>
+  <div>
+    <el-dialog
+      title="快递信息"
+      :visible="showDelivery"
+      @close="cancel"
+      center
+      :distroy-on-close="true"
+    >
+      <div class="loading" v-if="flagLoading">
+        <i class="el-icon-loading"></i>
+      </div>
+      <div v-else>
+        <div class="noData" v-if="noData">暂无快递信息！</div>
+        <div v-else>
+          <div class="deliverName">
+            {{ applicantdelivery.company }} {{ applicantdelivery.no }}
+          </div>
+          <el-divider></el-divider>
+          <el-timeline :reverse="reverse">
+            <el-timeline-item
+              v-for="(activity, index) in activities"
+              :key="index"
+              :timestamp="activity.timestamp"
+            >
+              {{ activity.content }}
+            </el-timeline-item>
+          </el-timeline>
+        </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel" class="endbutton"
+          ><span>取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["showDelivery", "deliveryDataArr", "flagLoading"],
+  data() {
+    return {
+      // key: value
+      reverse: true,
+      applicantdelivery: {}, //申请人物流信息
+      activities: [],
+      noData: false,
+    };
+  },
+  watch: {
+    deliveryDataArr: {
+      handler(val) {
+        if (val) {
+          val.forEach((item) => {
+            if (item.identityType == 1) {
+              let applicantdata = item.logisticsInfo;
+              this.applicantdelivery = JSON.parse(applicantdata);
+              if (this.applicantdelivery.list) {
+                this.activities = this.applicantdelivery.list;
+                this.activities.forEach((item) => {
+                  item.content = item.datetime;
+                  item.timestamp = item.remark;
+                });
+              } else {
+                this.noData = true;
+                return;
+              }
+            }
+          });
+        }
+      },
+    },
+  },
+  methods: {
+    cancel() {
+      this.$emit("closeDeliveryModel");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 600px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.deliverName {
+  margin-left: 6%;
+  font-size: 16px;
+  font-weight: 500;
+}
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
+.noData {
+  width: 100%;
+  font-size: 20px;
+  font-weight: 700;
+  color: #959595;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>

src/views/caseManagement/components/filingreviewDialog.vue

@@ -1,27 +1,22 @@
 <template>
   <div>
     <!-- 立案审查 -->
-    <el-dialog
+    <el-dialog title="立案审查" :visible="showfilingreview" width="500px" @close="cancel" :destroy-on-close="true">
-      title="立案审查"
-      :visible="showfilingreview"
-      width="500px"
-      @close="cancel"
-      :destroy-on-close="true"
-    >
       <div class="radiobox">
-        <el-radio-group v-model="radio">
+        <el-radio-group v-model="radio" style="margin-bottom: 20px;">
           <el-radio :label="1">同意</el-radio>
           <el-radio :label="2">拒绝</el-radio>
         </el-radio-group>
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
+          <!-- TODO -->
+          <el-form-item label="拒绝原因" prop="caseCheckReject" v-if="radio == 2">
+            <el-input type="textarea" :rows="2" placeholder="请输入拒绝原因" v-model="ruleForm.caseCheckReject"></el-input>
+          </el-form-item>
+        </el-form>
       </div>
-
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm" class="endbutton"
+        <el-button type="primary" @click="submitForm" class="endbutton" :loading="loadingSubmit"><span>提 交</span></el-button>
-          ><span>提 交</span></el-button
+        <el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
-        >
-        <el-button @click="cancel" class="endbutton1"
-          ><span> 取 消</span></el-button
-        >
       </div>
     </el-dialog>
   </div>
@@ -37,21 +32,41 @@ export default {
   data() {
     return {
       radio: 1,
+      ruleForm: {},
+      loadingSubmit: false,
+      rules: {
+        caseCheckReject: [
+          {
+            required: true,
+            message: "拒绝原因不能为空",
+            trigger: "blur",
+          },
+        ],
+      }
     };
   },
   methods: {
     submitForm() {
-      let paramsdata = {
+      this.$refs["ruleForm"].validate((valid) => {
-        agreeOrNotCheck: this.radio,
+        if (valid) {
-        id: this.filingreviewdata.id,
+          this.loadingSubmit = true;
-      };
+          let paramsdata = {
-      submitCaseApplicationCheck(paramsdata)
+            agreeOrNotCheck: this.radio,
-        .then((res) => {
+            ids: [this.filingreviewdata.id],
-          this.$modal.msgSuccess("提交成功");
+            caseCheckReject:this.ruleForm.caseCheckReject
-          this.cancel();
+          };
-          this.$emit("getcaseApply", this.queryParams);
+          submitCaseApplicationCheck(paramsdata)
-        })
+            .then((res) => {
-        .catch((err) => {});
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.$emit("getcaseApply", this.queryParams);
+              this.loadingSubmit = false;
+            })
+            .catch((err) => {
+              this.loadingSubmit = false;
+             });
+        }
+      });
     },
     cancel() {
       this.$emit("cancelFilingreview");
@@ -64,16 +79,19 @@ export default {
 .radiobox {
   margin-left: 5%;
 }
+
 ::v-deep .el-dialog {
   width: 800px;
   background: #ffffff;
   border-radius: 20px;
 }
+
 .endbutton {
   width: 124px;
   height: 37px;
   background: #0072ff;
   border-radius: 19px;
+
   span {
     width: 32px;
     height: 15px;
@@ -84,12 +102,14 @@ export default {
     // line-height: 48px;
   }
 }
+
 .endbutton1 {
   width: 124px;
   height: 37px;
   background: #ffffff;
   border: 1px solid #d0d0d0;
   border-radius: 19px;
+
   span {
     width: 31px;
     height: 13px;

src/views/caseManagement/components/formateCourtDialog.vue

@@ -4,68 +4,71 @@
     <el-dialog
       title="组庭审核"
       :visible="showformateCourt"
+      v-if="showformateCourt"
       @close="cancel"
-      :destroy-on-close="true"
+      destroy-on-close
       center
     >
-      <el-form label-width="150px" v-if="!noArbitrator">
+      <el-form
-        <el-form-item label="是否同意组庭：">
+        ref="formateCourtform"
-          <el-radio-group v-model="isAgreePendTral">
+        :model="formateCourtform"
+        label-width="110px"
+        label-position="left"
+      >
+        <!-- <el-form-item label="是否同意组庭：">
+          <el-radio-group v-model="isAgreePendTral" @change="radioValue">
             <el-radio :label="1">是</el-radio>
             <el-radio :label="0">否</el-radio>
           </el-radio-group>
+        </el-form-item> -->
+        <!-- <el-tag type="warning" v-if="noArbitrator"
+          >当前案件未指定仲裁员，请先指定仲裁员！</el-tag
+        > -->
+        <!-- <p></p> -->
+        <!-- <el-form ref="form"> -->
+        <!-- v-if="isAgreePendTral == 0 || noArbitrator" -->
+        <div style="display: inline-flex; margin-bottom: 8px">
+          <div v-if="isAgreePendTral !== 1">请选择仲裁员</div>
+          <div v-if="isAgreePendTral == 1 && formateCourtData.arbitratorName">
+            当前案件仲裁员
+          </div>
+        </div>
+        <div
+          v-if="isAgreePendTral == 1 && formateCourtData.arbitratorName"
+          class="nowarbitrator"
+        >
+          <el-tag size="medium">
+            {{ formateCourtData.arbitratorName }}
+          </el-tag>
+        </div>
+        <el-form-item
+          label="仲裁员："
+          prop="Arbitor"
+          v-if="noArbitrator || isAgreePendTral == 0"
+          :rules="[
+            {
+              required: true,
+              message: '仲裁员不能为空',
+            },
+          ]"
+        >
+          <el-select
+            placeholder="请选择仲裁员"
+            @change="changeArbitor"
+            v-model="formateCourtform.Arbitor"
+            clearable
+          >
+            <el-option
+              v-for="item in dataList"
+              :key="item.value"
+              :label="item.nickNameAndNum"
+              :value="item.userId"
+            ></el-option>
+          </el-select>
         </el-form-item>
       </el-form>
-      <el-tag type="warning" v-if="noArbitrator">当前案件未指定仲裁员，请先指定仲裁员！</el-tag>
-      <p></p>
-      <!-- <el-form ref="form"> -->
-      <el-table
-        :data="dataList"
-        style="width: 100%"
-        @selection-change="handleSelectionChange"
-        v-if="isAgreePendTral == 0 || noArbitrator"
-      >
-        <el-table-column type="selection" width="55"> </el-table-column>
-        <el-table-column
-          label="仲裁员姓名"
-          align="center"
-          prop="arbitratorName"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="专业分类"
-          align="center"
-          prop="professiClassifi"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="当前案件数量"
-          align="center"
-          prop="currentCaseNum"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="已结案数量"
-          align="center"
-          prop="closedCaseNum"
-          :show-overflow-tooltip="true"
-        />
-      </el-table>
-      <pagination
-        v-show="total > 0"
-        :total="total"
-        :page.sync="queryParams1.pageNum"
-        :limit.sync="queryParams1.pageSize"
-        @pagination="getarbitrAtor"
-        v-if="isAgreePendTral == 0"
-      />
-      <!-- </el-form> -->
       <div slot="footer" class="dialog-footer">
-        <el-button
+        <el-button type="primary" @click="submitForm" class="endbutton" :loading="loadingSubmit"
-          type="primary"
-          @click="submitForm"
-          :disabled="!this.arbitrators.length > 0 && isAgreePendTral == 0"
-          class="endbutton"
           ><span>确 定</span></el-button
         >
         <el-button @click="cancel" class="endbutton1"
@@ -83,77 +86,118 @@ export default {
   data() {
     return {
       dataList: [],
-      total: 0,
+      loadingSubmit: false,
       queryParams1: {
         pageNum: 1,
         pageSize: 10,
       },
+      formateCourtform: {},
       arbitrators: [],
       isAgreePendTral: 1,
       paramsdata: {},
       noArbitrator: false,
+      Arbitor: "",
     };
   },
   created() {
-    this.getarbitrAtor();
+    // this.getarbitrAtor();
   },
   watch: {
+    showformateCourt(val){
+      console.log(this.formateCourtData)
+      this.Arbitor = ""
+      if(val){
+        this.isAgreePendTral = 1;
+        this.getarbitrAtor({caseId:this.formateCourtData.id});
+      }
+    },
     formateCourtData: {
       handler(val) {
         if (val.arbitratorName == null) {
-          console.log('无仲裁员',val);
+          this.noArbitrator = true;
-          this.noArbitrator = true
         } else {
-          this.noArbitrator = false
+          this.noArbitrator = false;
         }
       },
     },
   },
   methods: {
     // 获取仲裁员信息
-    getarbitrAtor() {
+    getarbitrAtor(val) {
-      arbitrAtor({}).then((res) => {
+      console.log(val,"ppppppppppppppppppp")
-        this.dataList = res.rows;
+      arbitrAtor(val).then((res) => {
-        this.total = res.total;
+        this.dataList = res.data;
       });
     },
-    // 勾选仲裁员
+    changeArbitor(val) {
-    handleSelectionChange(val) {
       this.arbitrators = [];
-      val.forEach((item) => {
+      this.dataList.forEach((item) => {
-        this.arbitrators.push({
+        if (item.userId == val) {
-          id: item.id,
+          this.arbitrators.push({
-          arbitratorName: item.arbitratorName,
+            id: item.userId,
-        });
+            arbitratorName: item.nickName,
+          });
+        }
       });
     },
     // 确认
     submitForm() {
-      // if (this.arbitrators.length > 0) {
+      if (this.noArbitrator) {
-      if (this.isAgreePendTral == 0) {
         this.paramsdata = {
-          isAgreePendTral: 0,
           id: this.formateCourtData.id,
           arbitrators: this.arbitrators,
+          arbitratorId:this.formateCourtData.arbitratorId,
+          arbitratorName:this.formateCourtData.arbitratorName
+          
         };
       } else {
-        this.paramsdata = {
+        if (this.isAgreePendTral == 0) {
-          isAgreePendTral: 1,
+          this.paramsdata = {
-          id: this.formateCourtData.id,
+            isAgreePendTral: 0,
-        };
+            id: this.formateCourtData.id,
+            arbitrators: this.arbitrators,
+            arbitratorId:this.formateCourtData.arbitratorId,
+            arbitratorName:this.formateCourtData.arbitratorName
+          };
+        } else {
+          this.paramsdata = {
+            isAgreePendTral: 1,
+            id: this.formateCourtData.id,
+            arbitratorId:this.formateCourtData.arbitratorId,
+            arbitratorName:this.formateCourtData.arbitratorName
+          };
+        }
       }
-      pendTralCheck(this.paramsdata).then((res) => {
+      console.log(this.paramsdata)
-        this.cancel();
+      this.$refs["formateCourtform"].validate((valid) => {
-        this.$modal.msgSuccess("组庭成功");
+        if (valid) {
-        this.$emit("getcaseApply", this.queryParams);
+           this.loadingSubmit = true;
+          pendTralCheck(this.paramsdata).then((res) => {
+            
+            this.cancel();
+            this.$modal.msgSuccess("组庭成功");
+            this.$emit("getcaseApply", this.queryParams);
+            this.loadingSubmit = false;
+            // 初始化页面
+            this.formateCourtform={}
+          }).catch((err) => {
+              this.loadingSubmit = false;
+            });;
+        }
       });
-      // }
     },
     // 取消
     cancel() {
       this.$emit("cancelcourtDialog");
       this.arbitrators = [];
     },
+    radioValue(val){
+      if(val==1){
+        this.formateCourtform={}
+      }else if(val==0){
+        this.formateCourtform={}
+      }
+    }
   },
 };
 </script>
@@ -192,4 +236,13 @@ export default {
     color: #959595;
   }
 }
+.infoIcon {
+  width: 4px;
+  // height: 17px;
+  background-color: #0072ff;
+  margin-right: 5px;
+}
+.nowarbitrator {
+  margin-left: 4%;
+}
 </style>

src/views/caseManagement/components/judgmentInformation.vue

@@ -0,0 +1,464 @@
+<template>
+  <div>
+    <el-dialog :title="title" :visible="openDialogInfor" width="1000px" @close="cancel" :destroy-on-close="true">
+      <el-descriptions title="案件信息" border style="margin-bottom: 30px">
+        <el-descriptions-item label="案件编号">{{
+          form.caseNum
+        }}</el-descriptions-item>
+        <el-descriptions-item label="案件标的">{{
+          form.caseSubjectAmount
+        }}</el-descriptions-item>
+        <el-descriptions-item label="借款开始日期">{{
+          form.loanStartDate
+        }}</el-descriptions-item>
+        <el-descriptions-item label="借款结束日期">{{
+          form.loanEndDate
+        }}</el-descriptions-item>
+        <el-descriptions-item label="合同编号">{{
+          form.contractNumber
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人主张欠本金">{{
+          form.claimPrinciOwed
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人主张欠利息">{{
+          form.claimInterestOwed
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人主张违约金">{{
+          form.claimLiquidDamag
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人案件证据资料">
+          <p @click="toFile(index, 2)" v-for="(item, index) in applicantFileArr" :key="index">
+            <a href="#">{{ item }}</a>
+          </p>
+        </el-descriptions-item>
+        <el-descriptions-item label="被申请人案件证据资料">
+          <p v-for="(item, index) in respondentFileArr" :key="index" @click="toFile(index, 6)">
+            <a href="#">{{ item }}</a>
+          </p>
+        </el-descriptions-item>
+        <el-descriptions-item label="裁决书附件">
+          <p v-for="(item, index) in awardFileArr" :key="index" @click="toFile(index, 3)">
+            <a href="#">{{ item }}</a>
+          </p>
+        </el-descriptions-item>
+        <el-descriptions-item label="庭审笔录附件">
+          <p v-for="(item, index) in bookFileArr" :key="index" @click="toFile(index, 7)">
+            <a href="#">{{ item }}</a>
+          </p>
+        </el-descriptions-item>
+      </el-descriptions>
+      <el-form ref="form" :model="arbitrateRecord" label-width="300px" label-position="left" :rules="rules"
+        :disabled="flag == 3">
+        <!-- <el-form-item label="经庭审质证，对各方提供的证据认定如下" prop="evidenDetermi">
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+            v-model="arbitrateRecord.evidenDetermi" />
+        </el-form-item>
+        <el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)" prop="factDetermi">
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+            v-model="arbitrateRecord.factDetermi" />
+        </el-form-item>
+        <el-form-item label="综上所述" prop="caseSketch">
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+            v-model="arbitrateRecord.caseSketch" />
+        </el-form-item>
+        <el-form-item label="本庭认为" prop="arbitrateThink">
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+            v-model="arbitrateRecord.arbitrateThink" />
+        </el-form-item>
+        <el-form-item label="裁决如下" prop="rulingFollows">
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+            v-model="arbitrateRecord.rulingFollows" />
+        </el-form-item>
+        <el-form-item label="核验裁决书意见：" prop="verificaOpinion">
+          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+            v-model="arbitrateRecord.verificaOpinion" />
+        </el-form-item> -->
+        <!-- <el-form-item label="笔录内容：" prop="responCrossOpin">
+          <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecordt.responCrossOpin"
+            placeholder="请输入" />
+        </el-form-item> -->
+         <el-col :span="24">
+          <el-form-item label="上传裁决书:" label-width="100px" v-if="flag==1|| flag==4">
+            <el-upload
+              class="upload-demo"
+              accept=".doc,.docx"
+              ref="upload"
+              :action="UploadUrls()"
+              :headers="headers"
+              :data="filedatas"
+              :before-remove="beforeRemoves"
+              :limit="2"
+              :on-change="beforeUpload"
+              :on-success="handlSuccessAw"
+              :file-list="fileListAw"
+              :before-upload="beforeAvatarUploads"
+            >
+              <el-button slot="trigger" size="small" type="primary"
+                >选取文件</el-button
+              >
+              <div slot="tip" class="el-upload__tip">
+                只能上传.doc，docx文件
+              </div>
+            </el-upload>
+          </el-form-item>
+        </el-col>
+        <el-form-item label="驳回原因：" label-width="100px"  v-if="flag==1 && awardDetailform.arbitrateReject">
+          <div style="width:800px;">{{awardDetailform.arbitrateReject}}</div>
+        </el-form-item>
+        <el-form-item label="驳回原因：" label-width="100px"  v-if="flag==4 && awardDetailform.deptorReject">
+          <div style="width:800px;">{{awardDetailform.deptorReject}}</div>
+        </el-form-item>
+        <el-form-item label-width="100px" label="审核意见：" prop="checkOpinion" v-if="flag == 2 || flag == 4">
+          <el-input type="textarea" autosize placeholder="请输入内容" v-model.trim="arbitrateRecord.checkOpinion" />
+        </el-form-item>
+        <!-- 判断是否驳回 -->
+        <el-form-item label-width="100px" label="是否驳回：" v-if="flag == 2 || flag == 4">
+          <el-radio-group v-model="agreeOrNotCheck">
+            <el-radio :label="1">同意</el-radio>
+            <el-radio :label="2">驳回</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label-width="100px" label="驳回原因" v-if="agreeOrNotCheck==2 && flag == 4" prop="arbitrateReject"
+          :rules="[
+            { required: true, message: '请输入驳回原因', trigger: 'blur' }
+          ]">
+          <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model.trim="arbitrateRecord.arbitrateReject"></el-input>
+        </el-form-item>
+        <el-form-item label-width="100px" label="驳回原因" v-if="agreeOrNotCheck==2 && flag ==2" prop="deptorReject"
+          :rules="[
+            { required: true, message: '请输入驳回原因', trigger: 'blur' }
+          ]">
+          <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model.trim="arbitrateRecord.deptorReject"></el-input>
+        </el-form-item>
+      </el-form>
+      <!-- 画布 -->
+      <!-- <h4 v-if="flag == 3">签名区域</h4>
+      <div class="esign" v-if="flag == 3">
+        <vue-esign ref="esign" :width="900" :height="300" bgColor="#ffffff" />
+      </div> -->
+      <!-- 清除画布 -->
+      <div slot="footer" class="dialog-footer">
+        <!-- <el-button type="danger" @click="submitForm(4)" v-if="flag == 1">重新生成裁决书</el-button> -->
+        <el-button type="primary" @click="submitForm(0)" v-if="flag == 1" :loading="buttonFlag">提 交</el-button>
+        <el-button type="primary" @click="submitForm(1)" v-if="flag == 2" :loading="buttonFlag">提交</el-button>
+        <!-- <el-button type="danger" @click="submitForm(2)" v-if="flag == 2">驳 回</el-button> -->
+        <!-- <el-button type="primary" @click="submitForm(3)" v-if="flag == 3">提 交</el-button> -->
+        <!-- <el-button type="primary" @click="submitForm(5)" v-if="flag == 4">同 意</el-button> -->
+        <el-button type="primary" @click="submitForm(6)" v-if="flag == 4" :loading="buttonFlag">提交</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  verificationArbitrateRecord,
+  checkArbitrateRecord,
+  adjudicationSignature,
+  regenerationDocument,
+  arbitratorCheckArbitrateRecord
+} from "@/api/awardManagement/awardManagement";
+import { getToken } from "@/utils/auth";
+export default {
+  props: ["openDialogInfor", "title", "flag", "awardDetailform","queryParams"],
+  data() {
+    return {
+      buttonFlag:false,
+      // key: value
+      arbitrateRecordt: {},
+      agreeOrNotCheck:1,
+      form: {},
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+       filedatas: {
+        annexType: 3,
+        id:null
+      },
+      fileListAw:[],
+      arbitrateRecord: {
+        // checkOpinion:"同意"
+        checkOpinion: ""
+      },
+      // 表单校验
+      rules: {
+        evidenDetermi: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        factDetermi: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        caseSketch: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        arbitrateThink: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        rulingFollows: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        verificaOpinion: [
+          {
+            required: true,
+            message: "意见不能为空",
+            trigger: "blur",
+          },
+        ],
+        checkOpinion: [
+          {
+            required: true,
+            message: "意见不能为空",
+            trigger: "blur",
+          }
+        ],
+        // arbitrateReject: [
+        //   {
+        //     required: true,
+        //     message: "拒绝原因不能为空",
+        //     trigger: "blur",
+        //   },
+        // ],
+      },
+      applicantFileArr: [], //申请人
+      applicantPathArr: [], //申请人
+      respondentFileArr: [], //被申请人
+      respondenPathArr: [], //被申请人
+      awardFileArr: [], //庭审笔录文件
+      awardPathArr: [], //庭审笔录路径
+      bookFileArr: [], //裁决书文件
+      bookPathArr: [], //庭审笔录路径
+    };
+  },
+  watch: {
+    openDialogInfor:{
+        handler(val) {
+        if (val) {
+          this.agreeOrNotCheck = 1;
+        }
+      },
+    },
+    awardDetailform: {
+      handler(val) {
+        if (val) {
+          (this.applicantFileArr = []), //申请人
+            (this.applicantPathArr = []), //申请人
+            (this.respondentFileArr = []), //被申请人
+            (this.respondenPathArr = []), //被申请人
+            (this.awardFileArr = []), //裁决书
+            (this.awardPathArr = []), //裁决书
+            // setTimeout(() => {
+            this.form = this.awardDetailform;
+            console.log(this.form)
+          // if(this.form.arbitrateRecord && this.form.arbitrateRecord.checkOpinion == null ){
+          // this.form.arbitrateRecord.checkOpinion = '同意';
+          this.arbitrateRecord.checkOpinion = '';
+          // }
+          this.arbitrateRecord = {};
+          if (this.form.arbitrateRecord) {
+            this.arbitrateRecord.id = this.form.arbitrateRecord.id;
+          }
+          this.evidenceFile(this.form);
+          // }, 1000);
+        }
+      },
+    },
+  },
+  methods: {
+    // 申请人裁决书
+    evidenceFile(val) {
+      if (val) {
+        this.applicantFileArr = [];
+        this.applicantPathArr = [];
+        this.respondentFileArr = [];
+        this.respondenPathArr = [];
+        this.awardFileArr = [];
+        this.awardPathArr = [];
+        this.bookFileArr = [];
+        this.bookPathArr = [];
+        val.caseAttachList.forEach((item) => {
+          if (item.annexType == 2) {
+            this.applicantFileArr.push(item.annexName);
+            this.applicantPathArr.push(item.annexPath);
+          } else if (item.annexType == 6) {
+            this.respondentFileArr.push(item.annexName);
+            this.respondenPathArr.push(item.annexPath);
+          } else if (item.annexType == 3) {
+            this.awardFileArr.push(item.annexName);
+            this.awardPathArr.push(item.annexPath);
+          } else if (item.annexType == 7) {
+            this.bookFileArr.push(item.annexName);
+            this.bookPathArr.push(item.annexPath);
+          }
+        });
+      }
+    },
+    // 预览文件
+    toFile(index, val) {
+      let headPath = window.location.origin + "/API";
+      if (val == 2) {
+        window.open(headPath + this.applicantPathArr[index], "_blank");
+      } else if (val == 6) {
+        window.open(headPath + this.respondenPathArr[index], "_blank");
+      } else if (val == 3) {
+        window.open(headPath + this.awardPathArr[index], "_blank");
+      } else if (val == 7) {
+        window.open(headPath + this.bookPathArr[index], "_blank");
+      }
+    },
+    // 校验裁决书
+    verificationArbitrateRecordFn(parms) {
+      this.buttonFlag = true;
+      verificationArbitrateRecord(parms).then((res) => {
+        this.cancel();
+        this.buttonFlag = false;
+        // this.$emit("updataList");
+        this.$emit("getcaseApply", this.queryParams);
+        // this.$message("成功");
+        this.$modal.msgSuccess("提交成功");
+      });
+    },
+    //审核裁决书
+    checkArbitrateRecordFn(parms) {
+      this.buttonFlag = true;
+      checkArbitrateRecord(parms).then((res) => {
+        this.cancel();
+        this.buttonFlag = false;
+        // this.$emit("updataList");
+        this.$emit("getcaseApply", this.queryParams);
+        // this.$message("成功");
+        this.$modal.msgSuccess("提交成功");
+      });
+    },
+    // 仲裁员审核裁决书
+    arbitratorCheckArbitrateRecordFn(parms) {
+      this.buttonFlag = true;
+      console.log(parms)
+      arbitratorCheckArbitrateRecord(parms).then((res) => {
+        this.cancel();
+        this.buttonFlag = false;
+        // this.$emit("updataList");
+        this.$emit("getcaseApply", this.queryParams);
+        // this.$message("成功");
+        this.$modal.msgSuccess("提交成功");
+      });
+    },
+    // 签名
+    adjudicationSignatureFn(parms) {
+      this.buttonFlag = true;
+      adjudicationSignature(parms).then((res) => {
+        this.cancel();
+        this.buttonFlag = false;
+        // this.$emit("updataList");
+        this.$emit("getcaseApply", this.queryParams);
+        this.$message("成功");
+      })
+    },
+        // 上传裁决书
+    UploadUrls() {
+      return window.location.origin + "/API/evidence/uploadRecord";
+    },
+    beforeRemoves(file,fileList){
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    beforeUpload(flie, fileList) {
+      // this.fileList = fileList;
+    },
+     // 上传文件成功
+    handlSuccessAw(res, file) {
+      // this.fileListAw.push(file);         
+    },
+    beforeAvatarUploads(){
+      this.filedatas.id = this.awardDetailform.id;
+    },
+    submitForm(parms) {
+      let that = this;
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (parms == 0) {
+            this.verificationArbitrateRecordFn({
+              id: this.form.id,
+              arbitrateRecord: this.arbitrateRecord,
+            });
+          } else if (parms == 1) {
+            if(this.agreeOrNotCheck==1){
+              //部门长同意
+               this.checkArbitrateRecordFn({
+              id: this.form.id,
+              agreeOrNotCheck: 1,
+              arbitrateRecord: this.arbitrateRecord,
+            });
+            }else if(this.agreeOrNotCheck==2){
+              //  部门长驳回
+              this.checkArbitrateRecordFn({
+                id: this.form.id,
+                agreeOrNotCheck: 2,
+                arbitrateRecord: this.arbitrateRecord,
+              });
+            } 
+          } else if (parms == 2) {
+           
+          } else if (parms == 3) {
+            this.adjudicationSignatureFn({
+              id: this.form.id,
+            });
+          }else if (parms == 6) {
+              if(this.agreeOrNotCheck==1){
+                //仲裁员同意
+                 this.arbitratorCheckArbitrateRecordFn({
+              id: this.form.id,
+              agreeOrNotCheck: 1,
+              arbitrateRecord: this.arbitrateRecord,
+            });
+              }else if(this.agreeOrNotCheck==2){
+                //仲裁员驳回
+                  this.arbitratorCheckArbitrateRecordFn({
+                id: this.form.id,
+                agreeOrNotCheck: 2,
+                arbitrateRecord: this.arbitrateRecord,
+              });
+              }
+          }
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelpaymentdetailsCom");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  border-radius: 30px;
+}
+
+.esign {
+  border: 1px solid;
+}
+
+a {
+  color: blue;
+}
+</style>

src/views/caseManagement/components/mailawardDialog.vue

@@ -0,0 +1,154 @@
+<template>
+  <!-- 送达裁决书页面 -->
+  <div>
+    <el-dialog
+      title="是否确认发送裁决书"
+      :visible="openMailawardDialog"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form ref="form" :model="formData" label-width="150px">
+        <el-col :span="24">
+          <el-form-item
+            label="申请人电子邮件："
+            prop="appEmail"
+            :rules="[
+              {
+                required: true,
+                message: '邮箱地址不能为空',
+                trigger: 'blur',
+              },
+              {
+                pattern:
+                  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+                message: '请输入正确的邮箱地址',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              v-model="formData.appEmail"
+              placeholder="请输入电子邮件"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="被申请人电子邮件："
+            prop="resEmail"
+            :rules="[
+              {
+                required: true,
+                message: '邮箱地址不能为空',
+                trigger: 'blur',
+              },
+              {
+                pattern:
+                  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+                message: '请输入正确的邮箱地址',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              v-model="formData.resEmail"
+              placeholder="请输入电子邮件"
+              disabled
+            />
+          </el-form-item>
+        </el-col>
+        <!-- <el-col :span="24">
+          <el-form-item
+            label="申请人快递单号："
+            prop="apptrackingNum"
+          >
+            <el-input
+              v-model="formData.apptrackingNum"
+              placeholder="请输入快递单号"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="被申请人快递单号："
+            prop="restrackingNum"
+          >
+            <el-input
+              v-model="formData.restrackingNum"
+              placeholder="请输入快递单号"
+            />
+          </el-form-item>
+        </el-col> -->
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" :loading="loadingSubmit">确 定</el-button>
+        <el-button type="" @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { adjudicationDelivery, adjudicationService } from "@/api/awardManagement/awardManagement";
+export default {
+  props: ["openMailawardDialog", "mailawardata", "emailobj","queryParams"],
+  data() {
+    return {
+      formData: this.emailobj,
+      loadingSubmit: false,
+    };
+  },
+  watch: {
+    emailobj: {
+      handler(val) {
+        if (val) {
+          this.formData = this.emailobj
+        }
+      },
+    },
+  },
+  methods: {
+    submitForm() {
+      // adjudicationDelivery
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.loadingSubmit = true;
+          // adjudicationDelivery({
+            delete this.formData.id
+            delete this.formData.apptrackingNum
+            delete this.formData.restrackingNum
+          adjudicationService({
+            id: this.mailawardata.id,
+            ...this.formData,
+          })
+            .then((res) => {
+              if (res.code == 200) {
+                this.$modal.msgSuccess("提交成功");
+                // this.$emit("updataList");
+                this.$emit("getcaseApply", this.queryParams);
+                this.cancel();
+                this.loadingSubmit = false;
+              }
+            })
+            .catch((err) => {
+               this.loadingSubmit = false;
+            });
+        }
+      });
+    },
+    cancel() {
+      this.$emit("closeMailaward");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 550px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/caseManagement/components/operateDialog.vue

@@ -0,0 +1,415 @@
+<template>
+    <div>
+        <el-dialog :title="operateTitle" width="65%" :visible="operateVisable" @close="cancel" center :distroy-on-close="true">
+            <el-dialog width="40%" title="缴费详情" :visible.sync="payVisible" append-to-body>
+                <!-- 案件总金额 -->
+                <h3>案件总金额：{{ form.totalFee / 100 }}</h3>
+                <el-descriptions :title="'订单信息' + (index + 1)" v-for="(item, index) in form.caseApplicationList"
+                    :key="index" border>
+                    <el-descriptions-item label="案件编号">{{
+                        item.caseNum
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="申请人">{{
+                        item.caseAppName
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件标的">{{
+                        item.caseSubjectAmount
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件应缴费用">{{
+                        item.feePayable
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="被申请人">{{
+                        item.caseResName
+                    }}</el-descriptions-item>
+                    <!-- <el-descriptions-item label="申请人仲裁诉求">{{
+                        item.arbitratClaims
+                    }}</el-descriptions-item> -->
+                </el-descriptions>
+                <div class="paySelectType">
+                    <el-radio-group v-model="paySelect" @input="changPayType">
+                        <el-radio :label="0">线上支付</el-radio>
+                        <el-radio :label="1">线下支付</el-radio>
+                    </el-radio-group>
+                </div>
+                <div class="payupload">
+                    <span>上传支付凭证：</span>
+                    <div class="uploadBtn">
+                        <el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers"
+                            :data="filedata" :on-remove="handleRemove" :on-change="beforeUpload" :on-success="handlSuccess"
+                            :file-list="fileList">
+                            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+                            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+                        </el-upload>
+                    </div>
+                </div>
+                <div class="payType" v-if="paySelect == 0">
+                    <span>请选择支付方式：</span>
+                    <i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
+                    <i class="iconfont icon-zhifubao" @click="pay(1)"></i>
+                </div>
+                <div class="payImg">
+                    <div id="qrcodeImg"></div>
+                </div>
+                <div class="payTitle">{{ payMain }}</div>
+                <div slot="footer" class="dialog-footer">
+                    <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
+                    <el-button @click="submitUpload" type="primary" class="endbutton"><span>确认缴费</span></el-button>
+                </div>
+            </el-dialog>
+            <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" width="180" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+                <el-table-column label="申请人(机构)" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                    <template slot-scope="scope">
+                        <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="radiobox" v-if="operateStatus == 2">
+                <el-radio-group v-model="radio">
+                    <el-radio :label="1">同意</el-radio>
+                    <el-radio :label="2">拒绝</el-radio>
+                </el-radio-group>
+            </div>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize" @pagination="getcaseApply(queryParamsData)" />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button @click="submitPay" type="primary" class="endbutton"
+                    :disabled="dataList.length == 0 || batchData.length == 0"
+                    v-if="operateStatus == 6"><span>确认缴费</span></el-button>
+                <el-button @click="submitBatch" type="primary" class="endbutton"
+                    :disabled="dataList.length == 0 || batchData.length == 0" v-else><span>确 认</span></el-button>
+            </div>
+        </el-dialog>
+
+    </div>
+</template>
+<script>
+import {
+    caseApply,
+    submitCaseApply,
+    removeCaseApply,
+    submitCaseApplicationCheck
+} from "@/api/caseAccess/caseEntry";
+import { getPayDetail,confirmPayDig } from "@/api/pay/pay";
+import { casePay } from "@/api/pay/pay";
+import QRCode from "qrcodejs2";
+import { getToken } from "@/utils/auth";
+import { writtenHear } from "@/api/caseManagement/caseManagement.js";
+import {
+    adjudicationCaseFile,
+} from "@/api/awardManagement/awardManagement";
+export default {
+    props: ["operateVisable", "operateData", "operateTitle", 'operateStatus', 'queryParams'],
+    data() {
+        return {
+            // 遮罩层
+            loading: true,
+            // 总条数
+            total: 0,
+            // 查询参数
+            queryParamsData: {
+                caseStatus: null,
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 表格数据
+            dataList: [],
+            batchData: [],
+            radio: 1,
+            payVisible: false,
+            form: {},
+            paySelect: 1,//支付线上/线下
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            filedata: {
+                annexType: 8,
+            },
+            submitForm: {
+                payType: 1,
+                payOrderList: [],
+                caseIds:[]
+            },
+            payMain: "",
+            fileList: [],
+        };
+    },
+    watch: {
+        operateVisable(val) {
+            this.radio = 1;
+            if (val) {
+                this.getcaseApply(this.queryParamsData)
+            }
+        },
+        payVisible(val) {
+            if (val) {
+                this.submitForm.payOrderList = []
+                this.paySelect = 1;
+                this.fileList = [];
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        UploadUrl() {
+            return window.location.origin + "/API/evidence/upload";
+        },
+        beforeUpload(flie, fileList) {
+            this.fileList = fileList;
+        },
+        handleRemove(file, fileList) {
+            (this.submitForm.payOrderList = []),
+                fileList.forEach((item) => {
+                    console.log(item.response.data, "item");
+                    this.submitForm.payOrderList.push({ annexId: item.response.data.annexId, annexName: item.response.data.annexName });
+                });
+        },
+        // 文件上传成功
+        handlSuccess(res, file) {
+            this.submitForm.payOrderList.push({
+                annexId: res.data.annexId,
+                annexName: res.data.annexName
+            });
+        },
+        //选择支付方式(线上,线下)
+        changPayType(data) {
+            if (data == 1) {
+                document.getElementById("qrcodeImg").innerHTML = "";
+                this.payMain = ""
+            }
+            this.submitForm.payType = data;
+        },
+        pay(val) {
+            if (this.form.totalFee == 0 || !this.form.totalFee) {
+                this.$message({
+                    message: "此案件无需缴费",
+                    type: "error",
+                });
+                return;
+            }
+            let payType = "";
+            if (val == 0) {
+                payType = "wxpay";
+                this.payMain = "请使用微信扫二维码支付";
+            } else if (val == 1) {
+                payType = "alipay";
+                this.payMain = "请使用支付宝扫二维码支付";
+            }
+            casePay({
+                totalFee: this.form.totalFee,
+                caseIds: this.batchData,
+                tradeType: "native",
+                platform: payType,
+            }).then((res) => {
+                this.paySrc = res.data.code_url;
+                this.qrcode(this.paySrc);
+            });
+        },
+        // 生成二维码
+        qrcode(url) {
+            // 前端根据 URL 生成微信支付二维码
+            document.getElementById("qrcodeImg").innerHTML = "";
+            return new QRCode("qrcodeImg", {
+                width: 200,
+                height: 200,
+                text: url,
+                colorDark: "#000",
+                colorLight: "#fff",
+            });
+        },
+        submitUpload() {
+            if (this.fileList.length < 1) {
+                this.$modal.msgError("请上传缴费凭证");
+                return
+            }
+            this.submitForm.caseIds = this.batchData;
+            console.log(this.submitForm,"LLLLLLLLLLLLLLLLLLLLLLLLLLLL");
+            confirmPayDig(this.submitForm).then(res => {
+                this.$modal.msgSuccess("成功");
+                this.payCancel();
+                this.getcaseApply(this.queryParamsData);
+            })
+        },
+        // 选择勾选框
+        handleSelectionChange(val) {
+            this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.id)
+            })
+        },
+        payCancel() {
+            this.payVisible = false;
+            this.payMain = "";
+        },
+        cancel() {
+            this.$emit("cancelOperate");
+        },
+        // 批量操作
+        submitBatch() {
+            if (this.operateStatus == 0) {
+                this.submitCaseApplyFn({ ids: this.batchData })
+            } else if (this.operateStatus == 1) {
+                this.removeCaseApplyFn({ ids: this.batchData })
+            } else if (this.operateStatus == 2) {
+                this.submitCaseApplicationCheckFn({ ids: this.batchData, agreeOrNotCheck: this.radio })
+            } else if (this.operateStatus == 3) {
+                this.adjudicationCaseFileFn({ ids: this.batchData })
+            } else if (this.operateStatus == 4) {
+                // this.adjudicationCaseFileFn({ ids: this.batchData })
+                this.writtenHearFn({ ids: this.batchData })
+            } else if (this.operateStatus == 5) {
+                // this.adjudicationCaseFileFn({ ids: this.batchData })
+                // this.writtenHearFn({ids: this.batchData})
+            }
+        },
+        // 批量缴费弹窗
+        submitPay() {
+            this.payVisible = true;
+            this.getPayDetailFn({ caseIds: this.batchData })
+        },
+        // 查询缴费信息
+        getPayDetailFn(params) {
+            getPayDetail(params).then(res => {
+                this.form = res.data;
+                document.getElementById("qrcodeImg").innerHTML = "";
+            })
+        },
+        // 批量提交
+        submitCaseApplyFn(data) {
+            submitCaseApply(data).then(res => {
+                this.$modal.msgSuccess("提交成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        // 批量删除
+        removeCaseApplyFn(data) {
+            removeCaseApply(data).then(res => {
+                this.$modal.msgSuccess("删除成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        // 批量立案审查
+        submitCaseApplicationCheckFn(data) {
+            submitCaseApplicationCheck(data).then(res => {
+                this.$modal.msgSuccess("立案审查成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        //批量归档
+        adjudicationCaseFileFn(data) {
+            adjudicationCaseFile(data).then(res => {
+                this.$modal.msgSuccess("归档成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        // 批量生成裁决书
+        writtenHearFn(data) {
+            writtenHear(data).then(res => {
+                this.$modal.msgSuccess("生成成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        /** 查询列表 */
+        getcaseApply(val) {
+            this.loading = true;
+            if (this.operateStatus == 0) {
+                this.queryParamsData.caseStatus = 0
+            } else if (this.operateStatus == 1) {
+                this.queryParamsData.caseStatus = 0
+            } else if (this.operateStatus == 2) {
+                this.queryParamsData.caseStatus = 1
+            } else if (this.operateStatus == 3) {
+                this.queryParamsData.caseStatus = 16
+            } else if (this.operateStatus == 4) {
+                this.queryParamsData.caseStatus = 9
+            } else if (this.operateStatus == 5) {
+                this.queryParamsData.caseStatus = 11
+            } else if (this.operateStatus == 6) {
+                this.queryParamsData.caseStatus = 2
+            }
+            caseApply(val).then((response) => {
+                this.dataList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.radiobox {
+    margin-top: 30px;
+}
+
+.paySelectType {
+    margin: 20px 0 20px 0;
+}
+
+.payupload {
+    display: flex;
+    margin-bottom: 20px;
+}
+
+.payImg {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.payTitle {
+    margin-top: 20px;
+    width: 100%;
+    text-align: center;
+}
+.payType {
+  height: 80px;
+  line-height: 80px;
+  display: flex;
+
+  .icon-weixinzhifu {
+    font-size: 24px;
+    color: #27a56f;
+    margin-right: 15px;
+  }
+
+  .icon-zhifubao {
+    font-size: 24px;
+    color: #1d76cc;
+  }
+}
+::v-deep .el-dialog__body{
+    max-height: 600px;
+    overflow-y: scroll;
+
+}
+</style>

src/views/caseManagement/components/payDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-dialog :title="payTitle" :visible.sync="openPay" v-if="openPay" width="800px" append-to-body
+    <el-dialog :title="payTitle" :visible="openPay" @close="payCancel" width="800px" append-to-body
       :destroy-on-close="true" center>
       <el-descriptions title="订单信息">
         <el-descriptions-item label="案件编号">{{
@@ -18,14 +18,37 @@
         <el-descriptions-item label="被申请人">{{
           form.respondentName
         }}</el-descriptions-item>
-        <el-descriptions-item label="案件状态">{{
+        <el-descriptions-item label="案件状态">
-          form.caseStatusName
+          <el-tag size="mini" type='danger' effect="dark">
-        }}</el-descriptions-item>
+            {{ form.caseStatusName }}
-        <el-descriptions-item label="申请人仲裁诉求">{{
+          </el-tag>
+        </el-descriptions-item>
+        <!-- <el-descriptions-item label="申请人仲裁诉求">{{
           form.arbitratClaims
-        }}</el-descriptions-item>
+        }}</el-descriptions-item> -->
+        <!-- <el-descriptions-item label="案件理由">{{
+          form.facts
+        }}</el-descriptions-item> -->
       </el-descriptions>
-      <div class="payType">
+      <div class="paySelectType">
+        <el-radio-group v-model="paySelect" @input="changPayType">
+          <el-radio :label="0">线上支付</el-radio>
+          <el-radio :label="1">线下支付</el-radio>
+        </el-radio-group>
+      </div>
+      <div class="payupload">
+        <span>上传支付凭证：</span>
+        <div class="uploadBtn">
+          <el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers" :data="filedata"
+            :on-preview="handlePreview" :on-remove="handleRemove" :on-change="beforeUpload"  :on-success="handlSuccess" :file-list="fileList"
+           >
+            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+            <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
+            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+          </el-upload>
+        </div>
+      </div>
+      <div class="payType" v-if="paySelect == 0">
         <span>请选择支付方式：</span>
         <i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
         <i class="iconfont icon-zhifubao" @click="pay(1)"></i>
@@ -34,27 +57,93 @@
         <div id="qrcodeImg"></div>
       </div>
       <div class="payTitle">{{ payMain }}</div>
+       <div v-if="form.payRejectReason">
+        <span>驳回原因:</span>
+        <div style="width:95%;">{{ form.payRejectReason }}</div>
+      </div>
       <div slot="footer" class="dialog-footer">
         <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
+        <el-button @click="submitUpload" class="endbutton" :loading="loadingSubmit"><span>确认缴费</span></el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { casePay, selectCaseApplicationConfirm } from "@/api/pay/pay";
+import { casePay, confirmPayDig } from "@/api/pay/pay";
 import QRCode from "qrcodejs2";
+import { getToken } from "@/utils/auth";
 export default {
-  props: ["openPay", "payTitle", "form", "payForm"],
+  props: ["openPay", "payTitle", "form", "payForm", "queryParams","payId"],
   data() {
     return {
       // key: value
       // 支付文字
       payMain: "",
-      timer:null
+      timer: null,
+      paySelect: 1,//支付线上/线下
+      loadingSubmit: false,
+      fileList: [],
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      filedata: {
+        annexType: 8,
+      },
+      submitForm:{
+        payType:1,
+        payOrderList:[],
+        caseId:null
+      }
     };
   },
   methods: {
+    UploadUrl() {
+      return window.location.origin + "/API/evidence/upload";
+    },
+    //选择支付方式(线上,线下)
+    changPayType(data) {
+      if(data == 1){
+        document.getElementById("qrcodeImg").innerHTML = "";
+        this.payMain = ""
+      }
+      this.submitForm.payType = data;
+    },
+    beforeUpload(flie, fileList) {
+      this.fileList = fileList;
+    },
+    // 文件上传成功
+    handlSuccess(res, file) {
+      this.submitForm.payOrderList.push({
+        annexId: res.data.annexId,
+        annexName:res.data.annexName
+      });
+    },
+    submitUpload() {
+      if (this.fileList.length < 1) {
+        this.$modal.msgError("请上传缴费凭证");
+        return
+      }
+      this.loadingSubmit = true;
+      confirmPayDig(this.submitForm).then(res=>{
+        this.$modal.msgSuccess("成功");
+        this.payCancel()
+        this.$emit("getcaseApply", this.queryParams);
+        this.loadingSubmit = false;
+      }).catch((err) => {
+              this.loadingSubmit = false;
+            });
+    },
+    handleRemove(file, fileList) {
+      (this.submitForm.payOrderList = []),
+      fileList.forEach((item) => {
+        console.log(item.response.data,"item");
+          this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
+        });
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
     // 生成二维码
     qrcode(url) {
       // 前端根据 URL 生成微信支付二维码
@@ -67,22 +156,6 @@ export default {
         colorLight: "#fff",
       });
     },
-    // 查询缴费状态
-    selectCaseApplicationConfirmFn(parms) {
-      selectCaseApplicationConfirm(parms).then(res => {
-        console.log(res, this.form, "KKKKKKKKKKKKKKKKKKKK");
-        if(res && res.data && res.data.paymentStatus == 1){
-          clearInterval(this.timer);
-          // this.openPay = false;
-          this.payCancel()
-          this.$message({
-          message: "缴费成功",
-          type: "success",
-        });
-        this.$emit("getcaseApply",this.queryParams);
-        }
-      })
-    },
     // 支付
     pay(val) {
       if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
@@ -102,18 +175,12 @@ export default {
       }
       casePay({
         totalFee: this.payForm.feePayable * 100,
-        caseId: this.payForm.caseId,
+        caseIds: [this.payForm.caseId],
         tradeType: "native",
         platform: payType,
       }).then((res) => {
         this.paySrc = res.data.code_url;
         this.qrcode(this.paySrc);
-        this.timer = setInterval(() => {
-          this.selectCaseApplicationConfirmFn({ id: this.form.id })
-        }, 3000);
-        setTimeout(() => {
-          clearInterval(this.timer);
-        }, 1000*60);
       });
     },
     payCancel() {
@@ -121,6 +188,17 @@ export default {
       this.payMain = "";
     },
   },
+  watch:{
+    openPay(val){
+      if(val){
+      this.submitForm.payOrderList = []
+      this.paySelect = 1;
+      this.fileList = [];
+      this.filedata.id = this.payId;
+      this.submitForm.caseIds = [this.payId];
+      }
+    }
+  }
 };
 </script>
 
@@ -128,6 +206,7 @@ export default {
 .payType {
   height: 80px;
   line-height: 80px;
+  display: flex;
 
   .icon-weixinzhifu {
     font-size: 24px;
@@ -141,6 +220,17 @@ export default {
   }
 }
 
+.paySelectType {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.payupload {
+  display: flex;
+
+  .uploadBtn {}
+}
+
 .payImg {
   width: 100%;
   display: flex;

src/views/caseManagement/components/paymentdetailsDialog.vue

@@ -0,0 +1,164 @@
+<template>
+  <div>
+    <el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
+      <el-form ref="form" :model="form" label-width="120px">
+        <el-form-item label="案件编号：" prop="caseNum">
+          <el-input v-model="form.caseNum" placeholder="" :disabled="true" />
+        </el-form-item>
+        <el-form-item label="案件标的：" prop="caseSubjectAmount">
+          <el-input v-model="form.caseSubjectAmount" :disabled="true" />
+        </el-form-item>
+        <el-form-item label="缴费人：" prop="applicantName">
+          <el-input v-model="form.applicantName" placeholder="" :disabled="true" />
+        </el-form-item>
+        <el-form-item label="缴费金额：" prop="feePayable">
+          <el-input v-model="form.feePayable" :disabled="true" />
+        </el-form-item>
+        <!-- <el-form-item label="缴费截图：" prop="respondent">
+          <el-input v-model="form.Respondent" placeholder="" />
+        </el-form-item> -->
+        <el-form-item label="案件状态：" prop="caseStatusName">
+          <!-- <el-input v-model="form.caseStatusName" placeholder="" /> -->
+          <el-tag>{{ form.caseStatusName }}</el-tag>
+        </el-form-item>
+        <!-- <el-form-item label="支付状态：" prop="paymentStatusName">
+          <el-tag effect="dark" type="success">
+            {{ form.paymentStatusName }}
+          </el-tag>
+        </el-form-item> -->
+        <el-form-item label="缴费凭证：" prop="caseStatusName">
+          <div style="color: #104fad; cursor: pointer" v-for="(item, index) in form.caseAttachList" :key="index"
+            @click="preview(item.annexPath)">
+            <span v-if="item.annexType == 8">{{ item.annexName }}</span>
+          </div>
+          <!-- <el-tag>{{ form.caseStatusName }}</el-tag> -->
+        </el-form-item>
+        <!-- 判断缴费是否通过 -->
+        <el-form-item label="是否缴费通过：" v-if="flag == 0">
+          <el-radio-group v-model="agreeOrNotCheck">
+            <el-radio :label="1">同意</el-radio>
+            <el-radio :label="0">拒绝</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- 缴费驳回原因-->
+        <el-form-item label="拒绝原因：" v-if="agreeOrNotCheck == 0" prop="caseCheckReject" :rules="[
+      { required: true, message: '请输入驳回原因', trigger: 'blur' },
+    ]">
+          <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.caseCheckReject"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton"
+          :loading="loadingSubmit">确认已缴费</el-button>
+        <el-button @click="cancel" class="endbutton1">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { confirmPay } from "@/api/pay/pay";
+export default {
+  props: ["openDialog", "title", "flag", "detailform", "queryParams", "getcaseApply"],
+  data() {
+    return {
+      // key: value
+      form: {},
+      srcList: [],
+      agreeOrNotCheck: 1,
+      loadingSubmit: false,
+    };
+  },
+  watch: {
+    detailform: {
+      handler(val) {
+        if (val) {
+          this.form = val;
+          console.log(val)
+        }
+      },
+    },
+    openDialog: {
+      handler(val) {
+        if (val) {
+          this.agreeOrNotCheck = 1;
+        }
+      },
+    },
+  },
+  methods: {
+    preview(data) {
+      window.open(window.location.origin + "/API" + data, "_blank");
+    },
+    // 确认缴费
+    submitForm() {
+      let paramsVal = {
+        ids: [this.form.id],
+        agreeOrNotCheck: this.agreeOrNotCheck,
+        caseCheckReject: this.form.caseCheckReject
+      }
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.loadingSubmit = true;
+          confirmPay(paramsVal).then((res) => {
+            this.$message({
+              message: "确认成功",
+              type: "success",
+            });
+            this.loadingSubmit = false;
+            this.$emit("getcaseApply", this.queryParams);
+          }).catch((err) => {
+            this.loadingSubmit = false;
+          });
+          this.cancel();
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelpaymentdetails");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 50%;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/caseManagement/components/timeDialog.vue

@@ -0,0 +1,147 @@
+<template>
+  <div>
+    <el-dialog
+      title="修改开庭时间"
+      :visible="timeVisable"
+      @close="cancel"
+      center
+      :distroy-on-close="true"
+    >
+      <el-descriptions title="案件内容" :column="2" border>
+        <el-descriptions-item label="案件编号">{{
+          timeData.caseNum
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人(机构)">{{
+          timeData.applicantName
+        }}</el-descriptions-item>
+        <el-descriptions-item label="案件标的">{{
+          timeData.caseSubjectAmount
+        }}</el-descriptions-item>
+        <el-descriptions-item label="案件状态">
+          <el-tag size="small">{{ timeData.caseStatusName }}</el-tag>
+        </el-descriptions-item>
+        <el-descriptions-item label="仲裁方式">{{
+          timeData.arbitratMethodName
+        }}</el-descriptions-item>
+        <el-descriptions-item label="开庭时间">
+          <el-date-picker
+            v-model="loanStartDate"
+            :picker-options="pickerOptions"
+            type="datetime"
+            placeholder="开庭时间"
+          >
+          </el-date-picker>
+        </el-descriptions-item>
+      </el-descriptions>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel" class="endbutton1"
+          ><span>取 消</span></el-button
+        >
+        <el-button @click="submitTime" class="endbutton1" :loading="loadingSubmit"
+          ><span>提 交</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<!-- hearDate -->
+<script>
+import { updateHeardate } from "@/api/caseManagement/caseManagement";
+import { getToken } from "@/utils/auth";
+import {
+  createRoomId,
+  reservedConference,
+  sendRoomNoMessage,
+} from "@/api/meeting/index";
+import moment from "moment";
+export default {
+  props: ["timeVisable", "timeData", "queryParams"],
+  data() {
+    return {
+      loanStartDate: "",
+      loadingSubmit: false,
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() <= Date.now() - 1 * 24 * 3600 * 1000; // 禁用超过当前时间的日期
+        },
+        selectableRange: `${new Date()}- 23:59:59`, //这
+      },
+      roomId: null,
+    };
+  },
+  watch: {
+    timeVisable(val) {
+      if (val) {
+        // this.getEvidenceList({ caseAppliId: this.timeData.id, annexTypeList: "2" })
+        this.loanStartDate = this.timeData.hearDate;
+      }
+    },
+  },
+  created() {},
+  methods: {
+    cancel() {
+      this.$emit("cancelTime");
+    },
+    // 获取房间号
+    async createRoomIdFn(data) {
+      await createRoomId(data).then((res) => {
+        this.roomId = res.data;
+      });
+    },
+    // 预约会议
+    async reservedConferenceFn(data) {
+      await reservedConference(data).then((res) => {
+        console.log(res, "PPPPPPPPPPPPPPPPPPPPPPPPP");
+      });
+    },
+    // 提交时间
+    async updateHeardateFn(data) {
+      await updateHeardate(data).then((res) => {
+        this.$modal.msgSuccess("修改成功");
+        this.cancel();
+        this.$emit("getcaseApply", this.queryParams);
+        this.loadingSubmit = false;
+      }).catch((err) => {
+              this.loadingSubmit = false;
+       });;
+    },
+    // 发送房间号短信
+    async sendRoomNoMessageFn(data) {
+      sendRoomNoMessage(data).then((res) => {});
+    },
+    async submitTime() {
+      if (!this.loanStartDate) {
+        this.$message.error("请您选择开庭时间");
+        return;
+      } else {
+         this.loadingSubmit = true;
+        this.loanStartDate = moment(this.loanStartDate).format(
+          "YYYY-MM-DD HH:mm:ss"
+        );
+        await this.createRoomIdFn({ caseId: this.timeData.id });
+        await this.reservedConferenceFn({
+          caseId: this.timeData.id,
+          roomId: this.roomId,
+          scheduleStartTime: this.loanStartDate,
+        });
+        await this.updateHeardateFn({
+          id: this.timeData.id,
+          hearDate: this.loanStartDate,
+        });
+        await this.sendRoomNoMessageFn({
+          id: this.timeData.id,
+          roomNo: this.roomId,
+          scheduleStartTime: this.loanStartDate,
+        });
+      }
+    },
+  },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+  display: flex;
+  flex-wrap: wrap;
+}
+</style>

src/views/caseManagement/components/trialincourtDialog.vue

@@ -1,64 +1,40 @@
 <template>
   <div>
-    <el-dialog
+    <el-dialog title="开庭审理" :visible="showtrialincourt" @close="cancel" :destroy-on-close="true">
-      title="开庭审理"
+      <el-form ref="form" :model="formData" label-width="180px">
-      :visible="showtrialincourt"
+        <div class="caseInfo">案件信息：</div>
-      @close="cancel"
-      :destroy-on-close="true"
-    >
-      <el-form
-        ref="form"
-        :model="formData"
-        label-width="150px"
-        :disabled="true"
-      >
-        <p>案件信息：</p>
         <el-divider></el-divider>
         <el-row>
           <el-col :span="12">
             <el-form-item label="案件编号：" prop="caseNum">
-              <el-input
+              <el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="true" />
-                v-model="formData.caseNum"
-                placeholder="请输入案件编号"
-              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人：" prop="applicantName">
-              <el-input v-model="adjudicatename.applicantName" />
+              <el-input v-model="formData.applicantName" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="被申请人：" prop="respondentName">
-              <el-input v-model="adjudicatename.respondentName" />
+              <el-input v-model="formData.respondentName" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="借款开始日期：" prop="loanStartDate">
-              <el-date-picker
+              <el-date-picker v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期" :disabled="true">
-                v-model="formData.loanStartDate"
-                type="datetime"
-                placeholder="借款开始日期"
-              >
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="借款结束日期：" prop="loanEndDate">
-              <el-date-picker
+              <el-date-picker v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期" :disabled="true">
-                v-model="formData.loanEndDate"
-                type="datetime"
-                placeholder="借款结束日期"
-              >
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="案件标的：" prop="caseSubjectAmount">
-              <el-input
+              <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
-                v-model="formData.caseSubjectAmount"
-                placeholder="请输入案件标的"
-              />
             </el-form-item>
           </el-col>
           <!-- <el-col :span="12">
@@ -71,18 +47,12 @@
         </el-col> -->
           <el-col :span="12">
             <el-form-item label="仲裁费用：" prop="feePayable">
-              <el-input
+              <el-input v-model="formData.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
-                v-model="adjudicatename.feePayable"
-                placeholder="请输入仲裁费用"
-              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
-              <el-input
+              <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" :disabled="true" />
-                v-model="formData.claimPrinciOwed"
-                placeholder="请输入"
-              />
             </el-form-item>
           </el-col>
           <!-- <el-col :span="12">
@@ -92,262 +62,616 @@
         </el-col> -->
           <el-col :span="12">
             <el-form-item label="案件状态：" prop="caseStatus">
-              <el-input
+              <el-input v-model="formData.caseStatusName" placeholder="请输入" :disabled="true" />
-                v-model="formData.caseStatusName"
-                placeholder="请输入"
-              />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="仲裁员：" prop="arbitratorName">
-              <el-input
+              <el-input v-model="formData.arbitratorName" placeholder="请输入" :disabled="true" />
-                v-model="adjudicatename.arbitratorName"
-                placeholder="请输入"
-              />
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="开庭日期：" prop="hearDate">
-              <el-date-picker
+              <el-date-picker v-model="formData.hearDate" type="datetime" placeholder="开庭日期" :disabled="true">
-                v-model="adjudicatename.hearDate"
-                type="datetime"
-                placeholder="开庭日期"
-              >
               </el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24">
+        <!-- <el-col :span="24">
           <el-form-item label="案件资料：" prop="claimPrinciOwed">
             <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
           </el-form-item>
+        </el-col> -->
+        <el-col :span="24">
+          <el-form-item label="申请人案件证据：">
+            <div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
+            <div v-else v-for="(item, index) in applicateArr" :key="index">
+              <a href="#" @click="toFile(item, index)" style="color: blue">
+                {{ item.annexName }}
+              </a>
+            </div>
+          </el-form-item>
         </el-col>
+        <el-col :span="24">
+          <el-form-item label="被申请人案件证据：">
+            <div v-if="quiltArr.length == 0">被申请人暂未提供证据！</div>
+            <div v-for="(item, index) in quiltArr" :key="index">
+              <a href="#" @click="toFile1(item, index)" style="color: blue">
+                {{ item.annexName }}
+              </a>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="裁决书:">
+            <div v-if="awardArr.length == 0">裁决书暂未提供！</div>
+            <div v-for="(item, index) in awardArr" :key="index">
+              <a href="#" @click="awardToFile(item.onlyOfficeFileId)" style="color: blue">
+                {{ item.annexName }}
+              </a>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24" v-if="recordArr.length > 0">
+          <el-form-item label="庭审笔录：">
+            <div v-for="(item, index) in recordArr" :key="index" style="color: blue">
+              <a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="预约会议房间号：">
+            <div>{{ roomId }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="开庭时间：">
+            <div>{{ startTime }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24" v-if="submitFlag">
+          <el-form-item label="上传裁决书:">
+            <el-upload class="upload-demo" accept=".doc,.docx" ref="upload" :action="UploadUrls()" :headers="headers"
+              :data="filedatas" :before-remove="beforeRemoves" :limit="2" :on-change="beforeUpload"
+              :on-success="handlSuccessAw" :file-list="fileListAw" :before-upload="beforeAvatarUploads">
+              <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+              <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
+              <div slot="tip" class="el-upload__tip">
+                只能上传.doc，docx文件
+              </div>
+            </el-upload>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24" v-if="submitFlag">
+          <el-form-item label="上传庭审笔录:">
+            <el-upload class="upload-demo" ref="fileupload" accept=".doc,.docx" :action="UploadUrlsT()"
+              :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
+              :before-remove="beforeRemove" :headers="headers" :data="filedata" multiple :limit="3"
+              :on-exceed="handleExceed" :before-upload="beforeAvatarUpload" :file-list="fileList">
+              <el-button type="primary" size="small">选择文件</el-button>
+              <div slot="tip" class="el-upload__tip">
+                文件支持上传.doc，docx文件
+              </div>
+            </el-upload>
+          </el-form-item>
+        </el-col>
+        <!-- </el-form> -->
       </el-form>
-      <el-button @click="openmeeting" type="primary"
+      <el-button @click="openmeeting" type="primary">发起会议</el-button>
-        >发起会议
-        <!-- <iframe src="http://47.97.117.253:9005/#/">发起会议</iframe> -->
-      </el-button>
       <el-button @click="openArbitrationresults" type="primary"
-        >提交仲裁结果</el-button
+        v-if="this.awardArr.length <= 0 && submitFlag">确认会议结果</el-button>
-      >
       <div slot="footer" class="dialog-footer">
-        <!-- <el-button @click="submitForm" class="endbutton"
+        <el-button class="endbutton" :disabled="(showsubmit && recordArr.length == 0) || form2.isAbsence == 1
-          ><span>结束审理</span></el-button
+      " @click="submitResults" :loading="loadingSub" v-if="submitFlag">提交</el-button>
-        > -->
+        <el-button @click="cancel" class="endbutton1"><span>关 闭</span></el-button>
-        <el-button @click="cancel" class="endbutton1"
-          ><span>关 闭</span></el-button
-        >
       </div>
     </el-dialog>
-    <el-dialog
+    <el-dialog title="庭审笔录" :visible="showArbitrationresults" @close="closeArbitrationresults" center>
-      title="提交仲裁结果"
-      :visible="showArbitrationresults"
-      @close="closeArbitrationresults"
-      center
-    >
       <el-form ref="form2" :model="form2" label-width="150px">
+        <!-- <el-col :span="12">
+          <el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
+            {
+              required: true,
+              message: '请输入',
+            },
+          ]">
+            <el-radio-group v-model="form2.isAbsence">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="0">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col> -->
         <el-col :span="24">
-          <el-form-item
+          <el-form-item label="被申请人是否缺席：" prop="appliIsAbsen" :rules="[
-            label="经庭审质证，对各方提供的证据认定如下："
+      {
-            prop="evidenDetermi"
+        required: true,
-            :rules="[
+        message: '请输入',
-              {
+      },
-                required: true,
+    ]">
-                message: '请输入',
+            <el-radio-group v-model="form2.appliIsAbsen">
-                trigger: 'blur',
+              <el-radio :label="1">是</el-radio>
-              },
+              <el-radio :label="0">否</el-radio>
-            ]"
+            </el-radio-group>
-          >
+          </el-form-item>
-            <el-input
+        </el-col>
-              type="textarea"
+        <el-col :span="24">
-              :autosize="{ minRows: 4 }"
+          <el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
-              placeholder="请输入"
+      {
-              v-model="form2.evidenDetermi"
+        required: true,
-            >
+        message: '请输入',
+      },
+    ]">
+            <el-radio-group v-model="form2.isAbsence">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="0">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="被申请人对上述材料的质证意见" prop="respondentOpinion">
+            <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.respondentOpinion" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="申请人对上述材料的质证意见" prop="applicantOpinion">
+            <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.applicantOpinion" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <!-- <el-col :span="24">
+          <el-form-item label="查明本案事实" prop="caseFacts">
+            <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.caseFacts" placeholder="请输入" />
+          </el-form-item>
+        </el-col> -->
+        <!-- <el-col :span="24">
+          <el-form-item label="本案争议焦点" prop="caseFocus">
+            <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.caseFocus" placeholder="请输入" />
+          </el-form-item>
+        </el-col> -->
+        <!-- <el-col :span="12">
+          <el-form-item label="被申请人质证意见：" prop="responCrossOpin" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.responCrossOpin" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人质证意见：" prop="applicaCrossOpin" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.applicaCrossOpin" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="被申请人的答辩意见：" prop="responDefenOpini" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.responDefenOpini" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="经庭审质证，对各方提供的证据认定如下：" prop="evidenDetermi" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.evidenDetermi">
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)：" prop="factDetermi" :rules="[
-            label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
+            {
-            prop="factDetermi"
+              required: true,
-            :rules="[
+              message: '请输入',
-              {
+              trigger: 'blur',
-                required: true,
+            },
-                message: '请输入',
+          ]">
-                trigger: 'blur',
+            <el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.factDetermi">
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              :autosize="{ minRows: 4 }"
-              placeholder="请输入"
-              v-model="form2.factDetermi"
-            >
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item label="综上所述：" prop="caseSketch" :rules="[
-            label="综上所述："
+            {
-            prop="caseSketch"
+              required: true,
-            :rules="[
+              message: '请输入',
-              {
+              trigger: 'blur',
-                required: true,
+            },
-                message: '请输入',
+          ]">
-                trigger: 'blur',
+            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.caseSketch">
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入"
-              v-model="form2.caseSketch"
-            >
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item label="本庭认为：" prop="arbitrateThink" :rules="[
-            label="本庭认为："
+            {
-            prop="arbitrateThink"
+              required: true,
-            :rules="[
+              message: '请输入',
-              {
+              trigger: 'blur',
-                required: true,
+            },
-                message: '请输入',
+          ]">
-                trigger: 'blur',
+            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.arbitrateThink">
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入"
-              v-model="form2.arbitrateThink"
-            >
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item
+          <el-form-item label="裁决如下：" prop="rulingFollows" :rules="[
-            label="裁决如下："
+            {
-            prop="rulingFollows"
+              required: true,
-            :rules="[
+              message: '请输入',
-              {
+              trigger: 'blur',
-                required: true,
+            },
-                message: '请输入',
+          ]">
-                trigger: 'blur',
+            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.rulingFollows">
-              },
-            ]"
-          >
-            <el-input
-              type="textarea"
-              autosize
-              placeholder="请输入"
-              v-model="form2.rulingFollows"
-            >
             </el-input>
           </el-form-item>
-        </el-col>
+        </el-col> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="submitForm" class="endbutton">
+        <el-button @click="submitForm" class="endbutton" :loading="loadingSubmit">
-          <span>提交仲裁结果</span></el-button
+          <span>确定</span></el-button>
-        >
+        <el-button @click="closeArbitrationresults" class="endbutton1"><span>取 消</span></el-button>
-        <el-button @click="closeArbitrationresults" class="endbutton1"
-          ><span>取 消</span></el-button
-        >
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import { getToken } from "@/utils/auth";
 import { getUserProfile } from "@/api/system/user";
-import { writtenHear } from "@/api/caseManagement/caseManagement.js";
+import { selectCaseApply } from "@/api/caseAccess/caseEntry";
-
+import {
+  writtenHear,
+  creatTrialRecord,
+  creatTrialRecordnew,
+  document,
+  changeCaseStatus,
+  secretaryRoleByUserId
+} from "@/api/caseManagement/caseManagement.js";
+import { reserveConferenceList } from "@/api/meeting/index.js";
 export default {
   props: ["showtrialincourt", "adjudicatename", "form", "queryParams"],
   data() {
     return {
+      submitFlag: false,
       formData: {},
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      filedata: {
+        annexType: 7,
+        id: null,
+      },
+      filedatas: {
+        annexType: 3,
+        officeFlag: 1,
+        caseId: null
+      },
+      upLife: "",
       user: "",
+      userId: 1,
       showArbitrationresults: false,
-      form2: {},
+      form2: {
+        isAbsence: 0,
+        appliIsAbsen: 0,
+      },
+      applicateArr: [], //申请人案件资料
+      quiltArr: [], //被申请人案件资料
+      awardArr: [], //裁决书案件资料
+      recordArr: [], //笔录附件
+      showsubmit: true, //生成庭审笔录，方可提交
+      annexName: "", //笔录文件名
+      annexPath: "", //笔录文件地址
+      roomId: null,
+      startTime: "",
+      fileList: [],
+      fileListAw: [],
+      loadingSubmit: false,
+      loadingSub: false,
     };
   },
   watch: {
     showtrialincourt: {
       handler(val) {
         if (val) {
-          this.formData = this.form;
+          let val = {
+            id: this.form.id,
+            version: this.form.version,
+          };
+          selectCaseApply(val).then(res => {
+            this.formData = res.data;
+          })
+          this.reserveConferenceListFn({ caseId: this.form.id });
+          this.getUser();
+          // this.formData = this.form;
+          console.log(this.formData);
+          this.applicateArr = [];
+          this.quiltArr = [];
+          this.awardArr = [];
+          this.recordArr = [];
+          setTimeout(() => {
+            console.log(this.formData);
+            if (this.formData.caseAttachList.length > 0) {
+              this.formData.caseAttachList.forEach((item) => {
+                // 申请人案件附件
+                if (item.annexType == 2) {
+                  this.applicateArr.push({
+                    annexName: item.annexName,
+                    annexPath: item.annexPath,
+                  });
+                }
+                // 被申请人案件附件
+                if (item.annexType == 6) {
+                  this.quiltArr.push({
+                    annexName: item.annexName,
+                    annexPath: item.annexPath,
+                  });
+                }
+                // 笔录生成附件
+                if (item.annexType == 7) {
+                  this.recordArr.push({
+                    annexName: item.annexName,
+                    annexPath: item.annexPath,
+                  });
+                }
+                //裁决书附件
+                if (item.annexType == 3) {
+                  this.awardArr.push(item);
+                }
+              });
+            }
+          }, 1000);
         }
       },
     },
   },
-  created() {
+  created() { },
-    this.getUser();
-  },
   methods: {
+    // 根据案件id和用户id查询当前登陆人是否为仲裁员
+    secretaryRoleByUserIdFn(data) {
+      secretaryRoleByUserId(data).then(res => {
+        this.submitFlag = res.data.isSecretaryRole;
+      })
+    },
+    // 根据案件id查询会议号
+    reserveConferenceListFn(data) {
+      reserveConferenceList(data).then((res) => {
+        this.roomId = res.data[0].roomId;
+        this.startTime = res.data[0].scheduleStartTime;
+      });
+    },
+    // 详情显示，展示申请人案件文件
+    toFile(item, index) {
+      window.open(
+        window.location.origin + "/API" + this.applicateArr[index].annexPath,
+        "_black"
+      );
+    },
+    // 被申请人文件
+    toFile1(item, index) {
+      window.open(
+        window.location.origin + "/API" + this.quiltArr[index].annexPath,
+        "_black"
+      );
+    },
+    //裁决书文件
+    awardToFile(item) {
+      // window.open(
+      //   window.location.origin + "/API" + this.awardArr[index].annexPath,
+      //   "_black"
+      // );
+      if (this.checkPermi(['caseManagement:list:editOffice'])) {
+        this.$router.push({ path: '/onlyoffice', query: { id: item, flag: 1 } })
+      } else {
+        this.$router.push({ path: '/onlyoffice', query: { id: item, flag: 0 } })
+      }
+    },
+    // 庭审笔录附件
+    toFile2(item, index) {
+      window.open(
+        window.location.origin + "/API" + this.recordArr[index].annexPath,
+        "_black"
+      );
+    },
     getUser() {
       getUserProfile().then((response) => {
         this.user = response.data.userName;
+        this.userId = response.data.userId;
+        this.secretaryRoleByUserIdFn({ caseId: this.form.id, userId: this.userId })
       });
     },
     // 打开会议
     openmeeting() {
-      // window.open('https://txroom.xayunmei.com');
+      window.open(
-      window.open(`https://txroom.xayunmei.com/#/home?name=${this.user}`);
+        // `http://localhost:8081/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}`
+        // `https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.roomId}`
+        `https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.roomId}&type=zhongcai&token=${getToken()}`
+      );
     },
     // 提交仲裁结果
     openArbitrationresults() {
       this.showArbitrationresults = true;
+
     },
     closeArbitrationresults() {
       this.showArbitrationresults = false;
     },
+    // 提交庭审笔录弹框结果
     submitForm() {
       this.$refs["form2"].validate((valid) => {
         if (valid) {
-          writtenHear({
+          this.loadingSubmit = true;
+          creatTrialRecordnew({
             caseAppliId: this.formData.id,
-            evidenDetermi: this.form2.evidenDetermi,
+            isAbsence: this.form2.isAbsence,
-            factDetermi: this.form2.factDetermi,
+            appliIsAbsen: this.form2.appliIsAbsen,
-            caseSketch: this.form2.caseSketch,
+            respondentOpinion: this.form2.respondentOpinion,
-            arbitrateThink: this.form2.arbitrateThink,
+            applicantOpinion: this.form2.applicantOpinion,
-            rulingFollows: this.form2.rulingFollows,
           })
             .then((res) => {
               this.$modal.msgSuccess("提交成功");
-              this.cancel();
+              this.showsubmit = false;
               this.closeArbitrationresults();
-              this.$emit("getcaseApply", this.queryParams);
+              console.log(this.form2);
+              this.form2.respondentOpinion = "";
+              this.form2.applicantOpinion = "";
+              this.loadingSubmit = false;
+              let val = {
+                id: this.form.id,
+                version: this.form.version,
+              };
+              this.awardArr = [];
+              selectCaseApply(val).then((res) => {
+                this.formData.caseAttachList = res.data.caseAttachList;
+                this.formData.caseAttachList.forEach(item => {
+                  if (item.annexType == 3) {
+                    this.awardArr.push(item);
+                  }
+                })
+
+              });
+
             })
-            .catch((err) => {});
+            .catch((err) => {
+              this.loadingSubmit = false;
+            });
         }
       });
     },
     cancel() {
       this.$emit("canceltrialincourt");
     },
+    // 提交开庭审理结果
+    submitResults() {
+      if (this.fileList.length == 0 && this.recordArr.length == 0) {
+        this.$message({
+          showClose: true,
+          message: "请先上传案件笔录",
+          type: "warning",
+        });
+      } else {
+        this.loadingSub = true;
+        let id = this.formData.id;
+        changeCaseStatus({
+          id: id,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.$emit("getcaseApply", this.queryParams);
+            this.cancel();
+            this.loadingSub = false
+            this.fileList = [];
+          }
+        }).catch((err) => {
+          this.loadingSub = false
+        });
+      }
+    },
+    // 文件上传成功
+    handlSuccess(res, file) {
+      // this.fileList.push(file);
+      let val = {
+        id: this.form.id,
+        version: this.form.version,
+      };
+      this.recordArr = [];
+      selectCaseApply(val).then((res) => {
+        this.formData.caseAttachList = res.data.caseAttachList;
+        this.formData.caseAttachList.forEach(item => {
+          if (item.annexType == 7) {
+            this.recordArr.push({
+              annexName: item.annexName,
+              annexPath: item.annexPath,
+            });
+          }
+        })
+
+      });
+
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) { },
+    handlePreview(file) { },
+    // 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    // 文件超出个数限制时的钩子
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
+        } 个文件`
+      );
+    },
+    beforeAvatarUpload(file) {
+      this.filedata.id = this.formData.id;
+    },
+    // 上传裁决书
+    UploadUrls() {
+      return window.location.origin + "/API/video/upload";
+    },
+    UploadUrlsT() {
+      return window.location.origin + "/API/evidence/uploadRecord";
+    },
+    beforeRemoves(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    beforeUpload(flie, fileList) {
+      // this.fileList = fileList;
+    },
+    // 上传文件成功
+    handlSuccessAw(res, file) {
+      // this.fileListAw.push(file);
+      let val = {
+        id: this.form.id,
+        version: this.form.version,
+      };
+      this.awardArr = [];
+      selectCaseApply(val).then((res) => {
+        this.formData.caseAttachList = res.data.caseAttachList;
+        this.formData.caseAttachList.forEach(item => {
+          if (item.annexType == 3) {
+            this.awardArr.push(item);
+          }
+        })
+
+      });
+    },
+    beforeAvatarUploads() {
+      this.filedatas.caseId = this.formData.id;
+    }
   },
 };
 </script>
 
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 800px;
+  width: 900px;
   background: #ffffff;
   border-radius: 20px;
 }
+
 .endbutton {
   width: 154px;
   height: 37px;
-  background: #0072ff;
+  background: #488de2;
   border-radius: 19px;
+  color: #ffffff;
+
   span {
     width: 96px;
     height: 15px;
@@ -357,19 +681,25 @@ export default {
     color: #ffffff;
   }
 }
+
 .endbutton1 {
   width: 154px;
   height: 37px;
   background: #ffffff;
   border: 1px solid #d0d0d0;
   border-radius: 19px;
-  span {
+  // span {
-    width: 31px;
+  //   width: 31px;
-    height: 13px;
+  //   height: 13px;
-    font-size: 16px;
+  //   font-size: 16px;
-    font-family: Microsoft YaHei;
+  //   font-family: Microsoft YaHei;
-    font-weight: 400;
+  //   font-weight: 400;
-    color: #959595;
+  color: #959595;
-  }
+  // }
+}
+
+.caseInfo {
+  font-size: 17px;
+  font-weight: 600;
 }
 </style>

src/views/caseManagement/components/uploadCaseDialog.vue

@@ -0,0 +1,137 @@
+<template>
+    <div>
+        <el-dialog title="上传证据目录" :visible="uploadCaseVisable" @close="cancel" center :distroy-on-close="true">
+            <el-upload class="upload-demo" :before-upload="beforeUpload" ref="upload" accept=".zip"
+                action="https://jsonplaceholder.typicode.com/posts/" :action="UploadUrl()" :headers="headers"
+                :data="filedata" :on-preview="handlePreview" :on-remove="handleRemove" :on-success="handleSuccess"
+                :file-list="fileList" :auto-upload="false">
+                <el-button slot="trigger" size="small" type="primary" :disabled="flagBtn">选取文件</el-button>
+                <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload"
+                    :disabled="flagBtn">上传压缩包</el-button>
+                <div slot="tip" class="el-upload__tip">
+                    <div>结构示例</div>
+                    <el-tree :data="dataTip"></el-tree>
+                    <div>说明:1、压缩包目录结构为三级目录，
+                        2、第2级目录名称应为“申请书”或“证据材料”。</div>
+                </div>
+            </el-upload>
+            <div class="title">证据目录结构</div>
+            <el-tree :data="data" @node-click="handleNodeClick"></el-tree>
+        </el-dialog>
+    </div>
+</template>
+<!-- hearDate -->
+<script>
+import { evidenceTree } from '@/api/caseAccess/caseEntry.js'
+import { getToken } from "@/utils/auth";
+export default {
+    props: ["uploadCaseVisable", "uploadCaseData"],
+    data() {
+        return {
+            fileList: [],
+            data: [],
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            filedata: {
+                id: this.uploadCaseData.id
+            },
+            flagBtn: false,
+            dataTip: [{
+                label: '压缩包名称',
+                children: [{
+                    label: '申请书',
+                    children: [{
+                        label: '申请书名称.pdf'
+                    }]
+                }, {
+                    label: '证据材料',
+                    children: [{
+                        label: '证据1.pdf'
+                    }, {
+                        label: '证据2.pdf'
+                    }]
+                }]
+            },],
+        };
+    },
+    watch: {
+        uploadCaseVisable(val) {
+            if (val) {
+                this.evidenceTreeFn({ caseId: this.uploadCaseData.id })
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        UploadUrl() {
+            return window.location.origin + "/API/caseApplication/uploadZipFile";
+        },
+        cancel() {
+            this.$emit("uploadCaseCancel");
+        },
+        submitUpload() {
+            this.filedata.id = this.uploadCaseData.id
+            this.$refs.upload.submit();
+        },
+        handleRemove(file, fileList) {
+            console.log(file, fileList);
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        handleNodeClick(data) {
+            console.log(data);
+            let headPath = window.location.origin + "/API";
+            if(data.annexPath){
+                window.open(headPath + data.annexPath, "_blank")
+            }
+        },
+        // 递归替换key
+        setData(data) {
+            data.forEach((val, i) => {
+                val.label = val.evidenceName
+                this.setData(val.children)
+            })
+        },
+        // 获取证据目录
+        evidenceTreeFn(data) {
+            evidenceTree(data).then(res => {
+                this.setData(res.data);
+                this.data = res.data;
+                if (this.data.length > 0) {
+                    this.flagBtn = true;
+                } else {
+                    this.flagBtn = false;
+                }
+            })
+        },
+        handleSuccess() {
+            this.evidenceTreeFn({ caseId: this.uploadCaseData.id })
+        },
+        beforeUpload(file) {
+            console.log(file.type);
+            const isZip = file.type === 'application/x-zip-compressed'
+            if (!isZip) {
+                this.$message.error('只能上传zip格式的文件')
+            }
+            return isZip
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.title {
+    margin-top: 30px;
+    margin-bottom: 30px;
+    font-size: 18px;
+    font-weight: 600;
+}
+
+.el-upload__tip {
+    color: red;
+}
+</style>

src/views/caseManagement/components/viewprocessDialog.vue

@@ -0,0 +1,74 @@
+<template>
+    <div>
+        <el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
+            <div>
+                <el-steps class="steps" :active="caseStatus">
+                    <!-- <el-step :title="item.caseNodeName || item.content" v-for="(item,index) in pageData.allCasenode" :key="index" :description="(item.createNickName || '') +(item.caseNodeTime || '')+(item.nextRoleName || '')"></el-step> -->
+                    <el-step :title="item.caseNodeName || item.content" v-for="(item,index) in pageData.allCasenode" :key="index">
+                        <template slot="description">
+                           <p>{{item.createNickName || ''}}{{item.caseNodeTime || ''}}</p>
+                           <p>{{item.currentRoleName}}</p>
+                           <p>{{item.nextRoleName || ''}}</p>
+                        </template>
+                    </el-step>
+                   
+                </el-steps>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+  
+<script>
+import {selectCaseProgress} from '@/api/caseManagement/caseManagement'
+export default {
+    props: ["processVisable","processData"],
+    data() {
+        return {
+            processId:null,
+            pageData:{},
+            caseStatus:0
+        };
+    },
+    watch: {
+        processVisable(val){
+            if(val){
+                this.processId = this.processData.id;
+                this.selectCaseProgressFn({id:this.processId});
+            }
+        }
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelViewProcess");
+        },
+        selectCaseProgressFn(data){
+            selectCaseProgress(data).then(res=>{
+                 this.pageData = res.data.data; 
+                let allCasenode = res.data.data.allCasenode;
+                console.log(allCasenode)
+                allCasenode.forEach((item,index) => {
+                    if(item.caseNode==res.data.data.caseStatus){
+                        this.caseStatus = index
+                    }
+                });
+            })
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+    .steps{
+        display: flex;
+        flex-wrap: wrap;
+    }
+    ::v-deep .el-step{
+        // width: 150px;
+        flex-basis:25% !important;
+        margin-right: 20px;
+        margin-bottom: 20px;
+    }
+</style>

src/views/deliveryRecord/components/emailEdits.vue

@@ -0,0 +1,140 @@
+<template>
+    <div>
+        <el-dialog title="邮件内容" :visible="emailVidable" @close="cancel" center :distroy-on-close="true">
+            <div>
+                <el-form>
+                    <el-col :span="24">
+                        <el-form-item label="邮件主题：" label-width="100px">
+                            <div>{{ emailRow.mailSubject }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="收件人：" label-width="100px">
+                            <div>{{ emailRow.mailAddress }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="发件人：" label-width="100px">
+                            <div>{{ emailRow.mailFromAddress }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="邮件附件：" label-width="100px">
+                            <div style="color: blue; cursor: pointer" v-for="(item, index) in emailRow.caseAttachList"
+                                :key="index" @click="viewAttachments(item.annexPath)">
+                                {{ item.annexName }}
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="附件上传：" label-width="100px">
+                            <el-upload class="upload-demo" accept=".doc,.docx,.pdf" ref="upload" :action="UploadUrl()"
+                                :headers="headers" :data="filedata" :on-preview="handlePreview"
+                                :on-remove="handleRemove" :limit="1" :on-change="beforeUpload"
+                                :on-success="handlSuccess" :file-list="fileList">
+                                <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+                                <div slot="tip" class="el-upload__tip">
+                                    只能上传.doc，docx，pdf文件
+                                </div>
+                            </el-upload>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="邮件正文：" label-width="100px">
+                            <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="sendData"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-form>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
+                <el-button @click="submitSend" class="endbutton1" type="primary" round><span>确 认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import {
+    updateSendContent,
+    update,
+} from "@/api/deliveryRecord/deliveryRecord.js";
+import { getToken } from "@/utils/auth";
+export default {
+    props: ["emailVidable", "emailRow", "queryParams"],
+    data() {
+        return {
+            sendData: "",
+            fileURL: window.location.origin + "/API",
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            filedata: {
+                annexType: 13,
+            },
+            fileList: [],
+            files: [],
+        };
+    },
+    watch: {
+        emailVidable(val) {
+            if (val) {
+                console.log(this.emailRow);
+                this.sendData = this.emailRow.mailContent;
+            }
+        },
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelEmail");
+        },
+        submitSend() {
+            console.log(this.emailRow.mailContent);
+            let caseAttachListParms = {};
+            if (this.files.annexId) {
+                caseAttachListParms = {
+                    id: this.emailRow.id,
+                    mailContent: this.sendData,
+                    caseAttachList: [{ annexId: this.files.annexId }],
+                }
+            } else{
+                caseAttachListParms = {
+                    id: this.emailRow.id,
+                    mailContent: this.sendData,
+                    caseAttachList: [],
+                }
+            }
+            this.updateSendContentFn(caseAttachListParms);
+        },
+        updateSendContentFn(data) {
+            update(data).then((res) => {
+                this.$message.success("更新成功");
+                this.$emit("cancelEmail");
+                this.$emit("getList", this.queryParams);
+                this.$refs.upload.clearFiles(); // 清除文件列表
+            });
+        },
+        // 查看附件下载附件
+        viewAttachments(val) {
+            window.open(this.fileURL + val);
+        },
+        /**上传地址*/
+        UploadUrl() {
+            return window.location.origin + "/API/evidence/upload";
+        },
+        handlePreview(file) { },
+        handleRemove(file, fileList) { },
+        beforeUpload(flie, fileList) {
+
+        },
+        handlSuccess(res, file) {
+            const fileSuccess = [{ annexId: res.annexId, annexType: res.annexType, annexName: res.newFileName, annexPath: res.fileName, onlyOfficeFileId: res.onlyOfficeFileId }]
+            // this.emailRow.caseAttachList = fileSuccess
+            this.files = res
+            console.log(res)
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/deliveryRecord/components/resend.vue

@@ -0,0 +1,69 @@
+<template>
+    <div>
+        <el-dialog title="修改内容" :visible="resendVidable" v-if="resendVidable" @close="cancel" center
+            :distroy-on-close="true">
+            <div style="margin-bottom: 30px;"><span style="font-weight: bold;">发送内容:</span>{{ sendData }}</div>
+            <el-form label-width="100px">
+                <el-form-item v-for="(item,index) in rowData.templateParams" :label="item.paramName" :key="item.id"> 
+                    <el-input v-model="rowData.templateParams[index].paramValue" @input="changeContent"></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
+                <el-button @click="submitSend" class="endbutton1" type="primary" round><span>确 认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import {
+    updateSendContent,
+} from "@/api/deliveryRecord/deliveryRecord.js";
+export default {
+    props: ["resendVidable", "rowData","queryParams"],
+    data() {
+        return {
+            sendData:'',
+            param:"",
+            paramValue:""
+
+        };
+    },
+    watch: {
+        resendVidable(val){
+            if(val){
+                this.sendData = this.rowData.sendContent;
+            }
+        }
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelSend");
+        },
+        submitSend() {
+            console.log(this.rowData)
+            this.updateSendContentFn({
+                id:this.rowData.id,
+                templateParams:this.rowData.templateParams
+            })
+        },
+        updateSendContentFn(data){
+            updateSendContent(data).then(res=>{
+                this.$message.success('更新成功');
+                this.$emit("cancelSend");
+                this.$emit('getList',this.queryParams);
+            })
+        },
+        changeContent(){
+            let templateContent = this.rowData.templateContent
+            this.rowData.templateParams.forEach(item => {
+                templateContent = templateContent.replace(item.param,item.paramValue)
+            });
+           this.sendData = templateContent
+        }
+    },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/deliveryRecord/emailRecord.vue

@@ -0,0 +1,137 @@
+<template>
+    <div class="app-container">
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+            <el-form-item label="案件编号" prop="caseNum">
+                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+        </el-form>
+        <el-table v-loading="loading" :data="dataList" style="width: 100%">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+            <el-table-column label="名称" align="center" prop="mailName" :show-overflow-tooltip="true" />
+            <!-- <el-table-column label="证件号码" align="center" prop="caseNum" :show-overflow-tooltip="true" /> -->
+            <el-table-column label="邮箱地址" align="center" prop="mailAddress" />
+            <el-table-column label="发送时间" align="center" prop="sendTime" :show-overflow-tooltip="true" />
+            <el-table-column label="发送状态" align="center" prop="sendStatus" />
+            <!-- <el-table-column label="文书类型" align="center" prop="hearDate" :show-overflow-tooltip="true" /> -->
+            <!-- 缴费人 -->
+            <!-- <el-table-column label="案件状态" align="center" prop="caseStatusName" /> -->
+            <el-table-column label="内容" align="center" prop="mailContent"></el-table-column>
+            <el-table-column label="操作" align="center">
+                <template  slot-scope="scope">
+                    <el-button size="mini" type="text" @click="emailEditing(scope.row)" icon="el-icon-s-promotion">邮箱编辑</el-button>
+                    <el-button v-if="scope.row.sendStatus == '未发送'" size="mini" type="text" @click="resendCounts(scope.row)" icon="el-icon-s-promotion">重新发送</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <emailEdits :emailVidable="emailVidable" @cancelEmail="cancelEmail"   @getList="getList" :queryParams="queryParams" :emailRow="emailRow"></emailEdits>
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+            @pagination="getList(queryParams)" />
+
+    </div>
+</template>
+  
+<script>
+import {
+    emailList,
+} from "@/api/deliveryRecord/deliveryRecord.js";
+import emailEdits from "./components/emailEdits.vue";
+import { getDicts } from '@/api/system/dict/data.js'
+export default {
+    name: "paymentList",
+    dicts: ["case_status"],
+    components: {emailEdits},
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            caseStatus: [],
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            // 表格数据
+            form: {},
+            // 校验表单
+            rules: {},
+            dataList: [],
+            emailVidable:false,
+            emailRow:{},
+        };
+    },
+    created() {
+        getDicts("case_status").then(res => {
+            this.caseStatus = res.data;
+            this.getList(this.queryParams);
+        })
+    },
+    methods: {
+         // 邮箱编辑内容
+         emailEditing(data){
+            this.emailVidable = true
+            this.emailRow = data;
+            console.log(data)
+        },
+        // 重新发送
+        resendCounts(row){
+           if(row.sendStatus=='未发送'){
+            row.sendStatus = 0
+           }else if(row.sendStatus=='已发送'){
+            row.sendStatus = 1
+           }
+            reSendMailRecord(row).then(res=>{
+                console.log(res)
+                this.$message.success('发送成功');
+                this.getList(this.queryParams);
+            })
+            
+        },
+        // 关闭弹窗
+        cancelEmail(){
+            this.emailVidable = false
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList(this.queryParams);
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        },
+        // 查询列表数据
+        getList(parms) {
+            this.loading = true;
+            emailList(parms).then((response) => {
+                this.dataList = response.rows;
+                this.dataList.forEach(item => {
+                    if (item.sendStatus == 0) {
+                        item.sendStatus = "未发送"
+                    } else if (item.sendStatus == 1) {
+                        item.sendStatus = "已发送"
+                    } else {
+                        item.sendStatus = "未发送"
+                    }
+                })
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/deliveryRecord/smsRecord.vue

@@ -0,0 +1,151 @@
+<template>
+    <div class="app-container">
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+            <el-form-item label="案件编号" prop="caseNum">
+                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+        </el-form>
+        <el-table v-loading="loading" :data="dataList" style="width: 100%">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+            <el-table-column label="手机号" align="center" prop="phone" :show-overflow-tooltip="true" />
+            <el-table-column label="发送时间" align="center" prop="sendTime" />
+            <el-table-column label="发送状态" align="center" prop="sendStatus" />
+            <el-table-column label="发送内容" align="center" prop="sendContent" :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="copyContent(scope.row.sendContent)" type="text"
+                        icon="el-icon-document-copy">复制内容</el-button>
+                    <el-button size="mini" @click="resend(scope.row)" type="text" icon="el-icon-s-promotion">编辑内容</el-button>
+                    <el-button v-if="scope.row.sendStatus == '发送失败'|| scope.row.sendStatus == '发送中'" size="mini" type="text" @click="resendMessage(scope.row)" icon="el-icon-s-promotion">重新发送</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <resend :resendVidable="resendVidable" :rowData="rowData" @getList="getList" @cancelSend="cancelSend" :queryParams="queryParams"></resend>
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+            @pagination="getList({caseNum:queryParams.caseNum,pageNum:queryParams.pageNum,pageSize:queryParams.pageSize})" />
+       
+    </div>
+</template>
+  
+<script>
+import {
+    recordList,reSendShortMessage
+} from "@/api/deliveryRecord/deliveryRecord.js";
+import resend from "./components/resend.vue";
+import { getDicts } from '@/api/system/dict/data.js'
+export default {
+    name: "paymentList",
+    dicts: ["case_status"],
+    components: {resend },
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            resendVidable:false,
+            rowData:{},
+            caseStatus: [],
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            // 表格数据
+            form: {},
+            // 校验表单
+            rules: {},
+            dataList: [],
+        };
+    },
+    created() {
+        getDicts("case_status").then(res => {
+            this.getList({caseNum:this.queryParams.caseNum,pageNum:this.queryParams.pageNum,pageSize:this.queryParams.pageSize});
+        })
+    },
+    methods: {
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList({caseNum:this.queryParams.caseNum,pageNum:this.queryParams.pageNum,pageSize:this.queryParams.pageSize});
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        },
+        // 查询列表数据
+        getList(data) {
+           console.log(data)
+            this.loading = true;
+            recordList(data).then((response) => {
+                this.dataList = response.rows;
+                console.log(this.dataList)
+                this.dataList.forEach(item=>{
+                    console.log(item)
+                    if(item.sendStatus == 1){
+                        item.sendStatus = "发送成功"
+                    }else if(item.sendStatus == 2){
+                        item.sendStatus = "发送中"
+                    }else if(item.sendStatus == 3){
+                        item.sendStatus = "发送失败"
+                    }
+                })
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+          /** 复制内容 */
+        copyContent(row) {
+            const el = document.createElement('textarea');
+            el.value = row;
+            document.body.appendChild(el);
+            el.select();
+            document.execCommand('copy');
+            document.body.removeChild(el);
+            this.$message.success('复制成功');
+        },
+          /**重新发送 */
+        resend(row){
+            console.log(row)
+            this.resendVidable = true;
+            this.rowData = row;
+        },
+                /**关闭弹窗 */
+        cancelSend(){
+            this.resendVidable = false;
+        },
+                // 重新发送
+        resendMessage(row){
+            console.log(row.sendStatus)
+            let valuesRow ={
+                id:row.id,
+                templateId:row.templateId,
+                phone:row.phone,
+                templateParams:row.templateParams
+            }
+            this.reSendShortMessageFn(valuesRow)
+            console.log(valuesRow)
+           
+        },
+        reSendShortMessageFn(valuesRow){
+            reSendShortMessage(valuesRow).then(res=>{
+                this.$message.success('发送成功');
+                this.getList({ caseNum: this.queryParams.caseNum,pageNum: this.queryParams.pageNum, pageSize: this.queryParams.pageSize });
+            })
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/formationCourt/components/formateCourtDialog.vue

@@ -80,12 +80,19 @@ export default {
     };
   },
   created() {
-    this.getarbitrAtor();
+    // this.getarbitrAtor();
+  },
+  watch:{
+    showformateCourt(val){
+      if(val){
+        this.getarbitrAtor({caseId:this.formateCourtData.id});
+      }
+    }
   },
   methods: {
     // 获取仲裁员信息
-    getarbitrAtor() {
+    getarbitrAtor(val) {
-      arbitrAtor({}).then((res) => {
+      arbitrAtor(val).then((res) => {
         this.dataList = res.rows;
         this.total = res.total;
       });

src/views/index.vue

@@ -1,93 +1,291 @@
 <template>
   <div class="app-container home">
-    <el-row :gutter="20">
+    <div class="header">
-      <el-col :sm="24" :lg="24">
+      <div class="iconTitle"></div>
-        智慧仲裁
+      <div class="headerMain">我的待办事项</div>
-      </el-col>
+    </div>
-    </el-row>
+    <div class="homeMain">
-    <el-row :gutter="20">
+      <div class="cardList" v-hasPermi="['home:caseApply']" @click="pushPage(0)">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
+        <div class="badge">{{ dataCount.caseApply }}</div>
-        <h2>我的待办事项</h2>
+        <div class="cardMain">
-      </el-col>
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
-    </el-row>
+        </div>
-    <el-divider />
+        <div class="cardMain">
+          <div class="imgTitle">待立案申请</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyCheck']" @click="pushPage(1)">
+        <div class="badge">{{ dataCount.caseApplyCheck }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待立案审查</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyPay']" @click="pushPage(2)">
+        <div class="badge">{{ dataCount.caseApplyPay }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待缴费</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyPayCheck']" @click="pushPage(3)">
+        <div class="badge">{{ dataCount.caseApplyPayCheck }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待缴费确认</div>
+        </div>
+      </div>
+      <!-- <div class="cardList" v-hasPermi="['home:caseApplyEvidence']" @click="pushPage(4)">
+        <div class="badge">{{ dataCount.caseApplyEvidence }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待案件质证</div>
+        </div>
+      </div> -->
+      <div class="cardList" v-hasPermi="['home:caseApplyGroupCheck']" @click="pushPage(5)">
+        <div class="badge">{{ dataCount.caseApplyGroupCheck }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待组庭审核</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyGroupConfirm']" @click="pushPage(6)">
+        <div class="badge">{{ dataCount.caseApplyGroupConfirm }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待组庭确定</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyArbitrateWay']" @click="pushPage(7)">
+        <div class="badge">{{ dataCount.caseApplyArbitrateWay }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待审核仲裁方式</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseModifyHearDate']" @click="pushPage(31)">
+        <div class="badge">{{ dataCount.updateOnlineHearDate }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待确认开庭时间</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyGroupOnline']" @click="pushPage(8)">
+        <div class="badge">{{ dataCount.caseApplyGroupOnline }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待开庭审理</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyGroupOffline']" @click="pushPage(9)">
+        <div class="badge">{{ dataCount.caseApplyGroupOffline }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待书面审理</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardCheck']" @click="pushPage(11)">
+        <div class="badge">{{ dataCount.caseApplyAwardCheck }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待核验仲裁文书</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:arbitratorCheck']" @click="pushPage(18)">
+        <div class="badge">{{ dataCount.arbitratorApplyAwardConfirm }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待仲裁员核验仲裁文书</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardConfirm']" @click="pushPage(12)">
+        <div class="badge">{{ dataCount.caseApplyAwardConfirm }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待审核仲裁文书</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']" @click="pushPage(13)">
+        <div class="badge">{{ dataCount.caseApplyAwardSign }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待仲裁文书签名</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:seal']" @click="pushPage(14)">
+        <div class="badge">{{ dataCount.caseApplyAwardSeal }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+
+          <div class="imgTitle">待仲裁文书用印</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyAwardSend']" @click="pushPage(15)">
+        <div class="badge">{{ dataCount.caseApplyAwardSend }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待仲裁文书送达</div>
+        </div>
+      </div>
+      <div class="cardList" v-hasPermi="['home:caseApplyStored']" @click="pushPage(16)">
+        <div class="badge">{{ dataCount.caseApplyStored }}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">待案件归档</div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import {
+  toDoCount
+} from "@/api/home.js";
 export default {
   name: "Index",
   data() {
     return {
+      dataCount: {
+
+      }
     };
   },
   methods: {
-    goTarget(href) {
+    // 获取数字角标数量
-      window.open(href, "_blank");
+    getToDoCount() {
+      toDoCount().then(res => {
+        this.dataCount = res.data;
+      })
+    },
+    // 点击代办案件按钮
+    pushPage(status) {
+      if (status == 0 || status == 1 || status == 2 || status == 5 || status == 6 || status == 7 || status == 31 || status == 8 || status == 9||status == 3||status == 11 || status == 12 || status == 13 || status == 14 || status == 15 || status == 16 || status == 18) {
+        this.$router.push({ name: 'CaseManagement/caseList', params: { status: status + '' } })
+      } 
+      // else if (status == 11 || status == 12 || status == 13 || status == 14 || status == 15 || status == 16 || status == 18) {
+      //   this.$router.push({ name: 'AwardManagement/listofAwards', params: { status: status + '' } })
+      // }
+      //  else if (status == 3){
+      //   this.$router.push({ name: 'PaymentManagement/paymentList', params: { status: status + ''} })
+      // }
     }
+    // goTarget(href) {
+    //   window.open(href, "_blank");
+    // }
+  },
+  created() {
+    this.getToDoCount()
   }
 };
 </script>
 
 <style scoped lang="scss">
 .home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
-  }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
-  }
-
   font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   color: #676a6c;
   overflow-x: hidden;
+  background-color: #f1f1f1;
+  height: 100vh;
 
-  ul {
+  .header {
-    list-style-type: none;
+    width: 100%;
-  }
+    height: 80px;
+    display: flex;
+    align-items: center;
 
-  h4 {
+    .iconTitle {
-    margin-top: 0px;
+      width: 5px;
-  }
+      height: 25px;
+      background-color: #0f5c9b;
+      margin-right: 25px;
+    }
 
-  h2 {
+    .headerMain {
-    margin-top: 10px;
+      font-size: 20px;
-    font-size: 26px;
-    font-weight: 100;
-  }
-
-  p {
-    margin-top: 10px;
-
-    b {
-      font-weight: 700;
     }
   }
 
-  .update-log {
+  .homeMain {
-    ol {
+    width: 100%;
-      display: block;
+    display: flex;
-      list-style-type: decimal;
+    flex-wrap: wrap;
-      margin-block-start: 1em;
+
-      margin-block-end: 1em;
+    // justify-content: space-between;
-      margin-inline-start: 0;
+    .cardList {
-      margin-inline-end: 0;
+      width: 14%;
-      padding-inline-start: 40px;
+      height: 200px;
+      border-radius: 30px;
+      background-color: #ffffff;
+      position: relative;
+      margin-right: 30px;
+      margin-bottom: 30px;
+
+      .badge {
+        width: 50px;
+        height: 30px;
+        text-align: center;
+        line-height: 30px;
+        font-size: 18px;
+        font-weight: 500;
+        color: #e32a4f;
+        border-radius: 10px 30px 10px 30px;
+        background-color: #05baf1;
+        position: absolute;
+        right: 0;
+      }
+
+      .cardMain {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        margin-top: 20px;
+
+        .iconImg {
+          width: 100px;
+          height: 110px;
+        }
+
+        .imgTitle {
+          font-size: 18px;
+          font-weight: 600;
+        }
+      }
     }
   }
 }

src/views/login.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">智慧仲裁后台管理系统</h3>
+      <h3 class="title">智慧仲裁系统</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"
@@ -56,7 +56,7 @@
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span>Copyright © 2018-2023 Smart arbitration.vip All Rights Reserved.</span>
+      <span>Copyright © 2023 乙巢（上海）企业管理服务有限公司</span>
     </div>
   </div>
 </template>
@@ -72,8 +72,8 @@ export default {
     return {
       codeUrl: "",
       loginForm: {
-        username: "admin",
+        username: "",
-        password: "admin123",
+        password: "",
         rememberMe: false,
         code: "",
         uuid: ""
@@ -161,7 +161,7 @@ export default {
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-image: url("../assets/images/loginbg.jpg");
   background-size: cover;
 }
 .title {

src/views/numberManagement/caseNumberList.vue

@@ -0,0 +1,138 @@
+<template>
+    <div class="app-container">
+            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="140px">
+            <el-form-item label="机构名称首字母拼写" prop="deptNameFirchar">
+                <el-input v-model="queryParams.deptNameFirchar" placeholder="请输入机构首字母拼写" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addList">新增</el-button>
+                <!-- v-hasPermi="['caseManagement:list:add']" -->
+            </el-col>
+        </el-row>
+        <el-table v-loading="loading" style="width: 100%" :data="dataList">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="规则类型" align="center" prop="ruleType" :show-overflow-tooltip="true" />
+            <el-table-column label="前缀" align="center" prop="prefixstr" :show-overflow-tooltip="true" />
+            <el-table-column label="时间格式" align="center" prop="dateFormat" :show-overflow-tooltip="true" />
+            <el-table-column label="机构名称" align="center" prop="deptName" :show-overflow-tooltip="true" />
+            <el-table-column label="机构名称首字母拼写" prop="deptNameFirchar" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                <template slot-scope="scope">
+                    <el-button size="mini"  type="text" icon="el-icon-delete" @click="deleteTemplate(scope.row)">删除</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" @click="eidtTemplate(scope.row)">修改</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination  :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        @pagination="getList(queryParams)"
+             />
+        <addOrdered :caseVisable="caseVisable" @cancelCase="cancelCase" @getList="getList" :queryParams="queryParams"></addOrdered>
+        <modifyTemplate :modifyVisable="modifyVisable" @cancelModify="cancelModify" :editData="editData" :queryParams="queryParams"></modifyTemplate>
+    </div>    
+</template>
+  
+<script>
+import addOrdered from './components/addOrdered.vue'
+import modifyTemplate from './components/modifyTemplate.vue'
+import {caseNumRuleList,deleteCaseNumRule} from '@/api/officialSeal/officialSeal.js'
+export default {
+    components: {
+        addOrdered,
+        modifyTemplate
+    },
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            caseVisable: false,//新增弹窗
+            modifyVisable:false, //修改模板
+            dataList: [],
+            editData:{}
+        };
+    },
+    created() {
+        this.getList(this.queryParams)
+    },
+    methods: {
+        // 新增模板
+        addList() {
+            this.caseVisable = true;
+        },
+        // 修改模板
+        eidtTemplate(row){
+            this.modifyVisable =true;
+            this.editData =row;
+        },
+            /** 搜索按钮操作 */
+        handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList(this.queryParams);
+        },
+            /** 重置按钮操作 */
+        resetQuery() {
+        this.resetForm("queryForm");
+        this.handleQuery();
+        },
+        getList(parm){
+            this.loading = true;
+            caseNumRuleList(parm).then(res=>{
+               res.rows.forEach(item => {
+                   if(item.ruleType==1){
+                      item.ruleType="字符串"
+                   }else if(item.ruleType==2){
+                      item.ruleType="整数"  
+                   }
+                   if(item.dateFormat==1){
+                       item.dateFormat="yyyy-MM-dd"
+                   }
+               }); 
+                             
+                this.dataList = res.rows;
+                this.total = res.total
+                this.loading = false;
+            })
+        },
+        deleteTemplate(row){
+            this.$modal.confirm("是否删除").then((res) => {
+                    this.deleteSealFn({ id: row.id })
+                }).catch(() =>{
+                    
+                })
+        },
+        // 删除接口
+        deleteSealFn(data) {
+            deleteCaseNumRule(data).then(res => {
+                this.$modal.msgSuccess("删除成功！");
+                this.getList(this.queryParams);
+            })
+        },
+        cancelCase() {
+            this.caseVisable = false;
+        },
+        cancelModify(){
+           this.modifyVisable =false; 
+        }
+
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/numberManagement/components/addOrdered.vue

@@ -0,0 +1,95 @@
+<template>
+    <div>
+        <el-dialog title="编号新增" :visible="caseVisable" v-if="caseVisable" @close="cancel" width="600px" center>
+            <el-form  label-position="left" :model="ruleForm" ref="ruleForm" :rules="rules"  label-width="100px"
+                class="demo-ruleForm">
+                <el-form-item label="规则类型:" prop="ruleType">
+                    <el-select  placeholder="请选择规则类型" v-model="ruleForm.ruleType">
+                        <el-option label="字符串" :value=1></el-option>
+                        <el-option label="整数" :value=2></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="前缀:" prop="prefixstr">
+                    <el-input v-model="ruleForm.prefixstr" placeholder="请输入前缀内容" />
+                </el-form-item>
+                <el-form-item label="时间格式:" prop="dateFormat">
+                    <el-select  placeholder="请选择时间格式" v-model="ruleForm.dateFormat">
+                        <el-option label="yyyy-MM-dd" :value=1></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="机构名称:" prop="deptName">
+                    <el-input v-model="ruleForm.deptName" placeholder="请输入机构名称" />
+                </el-form-item>
+                <el-form-item label="机构名称首字母拼写:" prop="deptNameFirchar">
+                    <el-input v-model="ruleForm.deptNameFirchar" placeholder="请输入机构名称首字母拼写" />
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+                <el-button type="primary"  class="endbutton" @click="submitUpload"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { insertCaseNumRule } from "@/api/officialSeal/officialSeal.js";
+export default { 
+    props: ["caseVisable","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+            ruleForm:{},
+             rules: {
+                ruleType: [
+                    { required: true, message: '请输入规则类型', trigger: 'blur' },
+                ],
+                prefixstr: [
+                    { required: true, message: '请输入前缀', trigger: 'blur' },
+                ],
+                dateFormat: [
+                    { required: true, message: '请输入时间格式', trigger: 'blur' },
+                ],
+                deptName: [
+                    { required: true, message: '请输入机构名称', trigger: 'blur' },
+                ],
+                deptNameFirchar: [
+                    { required: true, message: '请输入首字母拼写', trigger: 'blur' },
+                ]
+            }
+           
+        };
+    },
+    watch: {
+        caseVisable(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCase");
+        },
+        // 新增模板
+        insertManagerFn(data) {
+            insertCaseNumRule(data).then(res => {
+                this.$message.success('新增成功');
+                this.$emit("cancelCase");
+                this.$emit('getList', this.queryParams);
+            })
+        },
+        submitUpload() {
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    this.insertManagerFn(this.ruleForm)
+                }
+            });
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/numberManagement/components/modifyTemplate.vue

@@ -0,0 +1,113 @@
+<template>
+    <div>
+        <el-dialog title="编号修改" :visible="modifyVisable" v-if="modifyVisable" @close="cancel" width="600px" center>
+            <el-form  label-position="left" :model="ruleForm" ref="ruleForm" :rules="rules"  label-width="100px"
+                class="demo-ruleForm">
+                <el-form-item label="规则类型:" prop="ruleType">
+                    <el-select  placeholder="请选择规则类型" v-model="ruleForm.ruleType">
+                        <el-option label="字符串" :value="1"></el-option>
+                        <el-option label="整数" :value="2"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="前缀:" prop="prefixstr">
+                    <el-input v-model="ruleForm.prefixstr" placeholder="请输入前缀内容" />
+                </el-form-item>
+                <el-form-item label="时间格式:" prop="dateFormat">
+                    <el-select  placeholder="请选择时间格式" v-model="ruleForm.dateFormat">
+                        <el-option label="yyyy-MM-dd" :value="1"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="机构名称:" prop="deptName">
+                    <el-input v-model="ruleForm.deptName" placeholder="请输入机构名称" />
+                </el-form-item>
+                <el-form-item label="机构名称首字母拼写:" prop="deptNameFirchar">
+                    <el-input v-model="ruleForm.deptNameFirchar" placeholder="请输入机构名称首字母拼写" />
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+                <el-button type="primary"  class="endbutton" @click="submitUpload"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { updateCaseNumRule} from "@/api/officialSeal/officialSeal.js";
+export default { 
+    props: ["modifyVisable","editData","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+            ruleForm:{},
+             rules: {
+                ruleType: [
+                    { required: true, message: '请输入规则类型', trigger: 'blur' },
+                ],
+                prefixstr: [
+                    { required: true, message: '请输入前缀', trigger: 'blur' },
+                ],
+                dateFormat: [
+                    { required: true, message: '请输入时间格式', trigger: 'blur' },
+                ],
+                deptName: [
+                    { required: true, message: '请输入机构名称', trigger: 'blur' },
+                ],
+                deptNameFirchar: [
+                    { required: true, message: '请输入首字母拼写', trigger: 'blur' },
+                ]
+            }
+           
+        };
+    },
+    watch: {
+        editData(val) {
+            if (val) {
+                this.ruleForm = val;
+                if(this.ruleForm.dateFormat=="yyyy-MM-dd"){
+                    this.ruleForm.dateFormat=1
+                }
+                if(this.ruleForm.ruleType=="整数"){
+                    this.ruleForm.ruleType=2
+                }else if(this.ruleForm.ruleType=="字符串"){
+                    this.ruleForm.ruleType=1
+                }
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelModify");
+        },
+        // 修改模板
+        updateCaseNumRuleFn(data) {
+            updateCaseNumRule(data).then(res => {
+                console.log(res)
+                this.$message.success('修改成功');
+                this.$emit("cancelModify");
+                this.$emit('getList', this.queryParams);
+            })
+        },
+        submitUpload() {
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    this.updateCaseNumRuleFn({
+                        id:this.ruleForm.id,
+                        prefixstr:this.ruleForm.prefixstr,
+                        dateFormat:this.ruleForm.dateFormat,
+                        deptNameFirchar:this.ruleForm.deptNameFirchar,
+                        deptName:this.ruleForm.deptName,
+                        ruleType:this.ruleForm.ruleType,
+                        
+                        
+                    })
+                }
+            });
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/officialSeal/components/addInstitution.vue

@@ -0,0 +1,124 @@
+<template>
+    <div>
+        <el-dialog :title="title" :visible="operateVisable" v-if="operateVisable" @close="cancel" width="600px" center
+            :distroy-on-close="true">
+
+            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm">
+                <el-form-item label="机构名称" prop="identifyName">
+                    <el-input v-model="ruleForm.identifyName"></el-input>
+                </el-form-item>
+                <el-form-item label="机构邮箱" prop="identifyEmail">
+                    <el-input v-model="ruleForm.identifyEmail"></el-input>
+                </el-form-item>
+                <!-- <el-form-item label="经办人姓名" prop="operName">
+                    <el-input v-model="ruleForm.operName"></el-input>
+                </el-form-item>
+                <el-form-item label="经办人用户名" prop="operUserName">
+                    <el-input v-model="ruleForm.operUserName"></el-input>
+                </el-form-item>
+                <el-form-item label="经办人手机号" prop="operPhone">
+                    <el-input v-model="ruleForm.operPhone"></el-input>
+                </el-form-item> -->
+                <el-form-item label="机构信用代码" prop="creditCode">
+                    <el-input v-model="ruleForm.creditCode"></el-input>
+                </el-form-item>
+                <el-form-item label="法人姓名" prop="legalPerName">
+                    <el-input v-model="ruleForm.legalPerName"></el-input>
+                </el-form-item>
+                <el-form-item label="法人手机号" prop="legalPerPhone">
+                    <el-input v-model="ruleForm.legalPerPhone"></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+    insert,
+} from "@/api/officialSeal/officialSeal.js";
+import { listUser } from '@/api/system/user.js'
+export default {
+    props: ["operateVisable", "queryParams"],
+    data() {
+        return {
+            title: "新增机构",
+            ruleForm: {},
+            rules: {
+                identifyName: [
+                    { required: true, message: '请输入机构名称', trigger: 'blur' },
+                ],
+                // operName: [
+                //     { required: true, message: '请输入经办人姓名', trigger: 'blur' },
+                // ],
+                // operPhone: [
+                //     { required: true, message: '请输入经办人手机号', trigger: 'blur' },
+                //     { pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
+                // ],
+                creditCode: [
+                    { required: true, message: '请输入机构信用代码', trigger: 'blur' },
+                ],
+                legalPerName: [
+                    { required: true, message: '请输入法人姓名', trigger: 'blur' },
+                ],
+                legalPerPhone: [
+                    { required: true, message: '请输入法人手机号', trigger: 'blur' },
+                    { pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
+                ],
+                // operUserName: [
+                //     { required: true, message: '请输入经办人用户名', trigger: 'blur' },
+                // ],
+                identifyEmail: [
+                    { required: true, message: '请输入邮箱', trigger: 'blur' },
+                    { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
+                ]
+            }
+        };
+    },
+    watch: {
+        operateVisable(val) {
+            if (val) {
+            }
+        },
+    },
+    created() {
+
+    },
+    methods: {
+        // 新增部门
+        insertFn(data) {
+            insert(data).then(res => {
+                this.$modal.msgSuccess("新增成功！");
+                this.$emit("cancelFilingreview");
+                this.$emit('getList', this.queryParams);
+            })
+        },
+        // 提交form表单
+        submitForm() {
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    this.insertFn(this.ruleForm)
+                }
+            });
+
+        },
+        cancel() {
+            this.$emit("cancelFilingreview");
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.radiobox {
+    margin-top: 30px;
+}
+</style>

src/views/officialSeal/components/addManager.vue

@@ -0,0 +1,94 @@
+<template>
+    <div>
+        <el-dialog title="新增模板" :visible="uploadVisable" v-if="uploadVisable" @close="cancel" width="600px" center>
+            <el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
+                class="demo-ruleForm">
+                <el-form-item label="模板名称" prop="name">
+                    <el-input v-model="ruleForm.name"></el-input>
+                </el-form-item>
+                <el-form-item label="模板类型" prop="type">
+                    <el-select v-model="ruleForm.type" placeholder="请选择">
+                        <el-option v-for="dict in dict.type.manager_type" :key="dict.value" :label="dict.label"
+                            :value="dict.value"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="模板内容" prop="content">
+                    <el-input type="textarea" placeholder="请输入内容" v-model="ruleForm.content">
+                    </el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { getToken } from "@/utils/auth";
+import {
+    insertManager,
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["uploadVisable", "uploadData", "queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+            fileList: [],
+            data: [],
+            tempList: [],
+            isImg: false,
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            filedata: {},
+            flagBtn: false,
+            ruleForm: {},
+            rules: {
+                name: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+                type: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+                content: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ]
+            }
+        };
+    },
+    watch: {
+        uploadVisable(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelUpload");
+        },
+        // 新增模板
+        insertManagerFn(data) {
+            insertManager(data).then(res => {
+                this.$message.success('新增成功');
+                this.$emit("cancelUpload");
+                this.$emit('getList', this.queryParams);
+            })
+        },
+        submitUpload() {
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    console.log(this.ruleForm, "LLLLLLLLLLLLLLLLLLLLLLL");
+                    this.insertManagerFn(this.ruleForm)
+                }
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/officialSeal/components/addTemplate.vue

@@ -0,0 +1,123 @@
+<template>
+    <div>
+        <el-dialog title="新增模板" :visible="uploadVisable" v-if="uploadVisable" @close="cancel" width="600px" center>
+            <el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
+                class="demo-ruleForm">
+                <el-form-item label="模板名称" prop="temName">
+                    <el-input v-model="ruleForm.temName"></el-input>
+                </el-form-item>
+                <el-form-item label="模板类型" prop="temType">
+                    <el-select v-model="ruleForm.temType" placeholder="请选择">
+                        <el-option v-for="dict in dict.type.template_type" :key="dict.value" :label="dict.label"
+                            :value="dict.value"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="机构名称" prop="identifyId">
+                    <el-select v-model="ruleForm.identifyId" placeholder="请选择">
+                        <el-option v-for="item in tempList" :key="item.id" :label="item.identifyName" :value="item.id">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <el-upload class="avatar-uploader" :before-upload="beforeUpload" :on-success="handleSuccess" ref="upload"
+                :action="UploadUrl()" :headers="headers" :data="filedata" :on-remove="handleRemove"
+                :on-change="handleChange" accept=".doc,.docx" :file-list="fileList" :auto-upload="false">
+                <el-button size="small" type="primary">选择模板文件</el-button>
+            </el-upload>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { getToken } from "@/utils/auth";
+import {
+    deptIdentifyList,
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["uploadVisable", "uploadData", "queryParams"],
+    dicts: ["template_type"],
+    data() {
+        return {
+            fileList: [],
+            data: [],
+            tempList: [],
+            isImg:false,
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            filedata: {},
+            flagBtn: false,
+            ruleForm: {},
+            rules: {
+                temName: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+                temType: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+                identifyId: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ]
+            }
+        };
+    },
+    watch: {
+        uploadVisable(val) {
+            if (val) {
+                let queryParams = {
+                    pageNum: 1,
+                    pageSize: 10000000000000000000000,
+                };
+                deptIdentifyList(queryParams).then(res => {
+                    this.tempList = res.rows;
+                })
+                this.ruleForm = {}
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelUpload");
+        },
+        handleChange(file, fileList) {
+            this.isImg = file.type === '.doc' || '.docx'
+        },
+        UploadUrl() {
+            return window.location.origin + "/API/deptIdentify/insertTemplate";
+        },
+        submitUpload() {
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    this.filedata.identifyId = this.ruleForm.identifyId;
+                    this.filedata.temName = this.ruleForm.temName;
+                    if (this.isImg) {
+                        this.$refs.upload.submit();
+                    }else{
+                        this.$message.error('只能上传doc,docx格式的文件')
+                    }
+                }
+            });
+        },
+        handleRemove(file, fileList) {
+            console.log(file, fileList);
+        },
+        beforeUpload(file) {
+            // debugger
+            // this.isImg = file.type === '.doc' || '.docx'
+        },
+        handleSuccess() {
+            this.$message.success('上传成功');
+            this.$emit("cancelUpload");
+            this.$emit('getList', this.queryParams);
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/officialSeal/components/editManager.vue

@@ -0,0 +1,90 @@
+<template>
+    <div>
+        <el-dialog title="修改模板" :visible="editVisable" v-if="editVisable" @close="cancel" width="600px" center>
+            <el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
+                class="demo-ruleForm">
+                <el-form-item label="模板名称" prop="name">
+                    <el-input v-model="ruleForm.name"></el-input>
+                </el-form-item>
+                <el-form-item label="模板类型" prop="type">
+                    <el-select v-model="ruleForm.type" placeholder="请选择">
+                        <el-option v-for="dict in dict.type.manager_type" :key="dict.value" :label="dict.label"
+                            :value="dict.value"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="模板内容" prop="content">
+                    <el-input type="textarea" placeholder="请输入内容" v-model="ruleForm.content">
+                    </el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { updateManager } from "@/api/officialSeal/officialSeal"
+export default {
+    props: ["editVisable", "editData", "queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+            data: [],
+            flagBtn: false,
+            ruleForm: {},
+            rules: {
+                name: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+                type: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+                content: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ]
+            }
+        };
+    },
+    watch: {
+        editData(val) {
+            if (val) {
+                this.ruleForm = val;
+                this.fileList = [];
+                this.ruleForm.type = this.ruleForm.type + '';
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelEdit");
+        },
+        // 修改模板
+        updateManagerFn(data) {
+            updateManager(data).then(res => {
+                this.$message.success('修改成功');
+                this.$emit("cancelEdit");
+                this.$emit('getList', this.queryParams);
+            })
+        },
+        submitUpload() {
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    this.updateManagerFn({
+                        name: this.ruleForm.name,
+                        content: this.ruleForm.content,
+                        type: this.ruleForm.type,
+                        id:this.ruleForm.id
+                    })
+                }
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/officialSeal/components/editTemplate.vue

@@ -0,0 +1,127 @@
+<template>
+    <div>
+        <el-dialog title="修改模板" :visible="editVisable" v-if="editVisable" @close="cancel" width="600px" center>
+            <el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
+                class="demo-ruleForm">
+                <el-form-item label="模板名称" prop="temName">
+                    <el-input v-model="ruleForm.temName"></el-input>
+                </el-form-item>
+                <el-form-item label="模板类型" prop="temType">
+                    <el-select v-model="ruleForm.temType" placeholder="请选择">
+                        <el-option v-for="dict in dict.type.template_type" :key="dict.value" :label="dict.label"
+                            :value="dict.value"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="当前模板">
+                    <span style="color: #0e5ce3;cursor:pointer" @click="openUrl(editData.temOrigPath)">{{ editData.fileName
+                    }}</span>
+                </el-form-item>
+            </el-form>
+            <el-upload class="avatar-uploader" :before-upload="beforeUpload" :on-success="handleSuccess" ref="upload"
+                :action="UploadUrl()" :headers="headers" :data="filedata" :on-remove="handleRemove"
+                :on-change="handleChange" accept=".doc,.docx" :file-list="fileList" :auto-upload="false">
+                <el-button size="small" type="primary">选择模板文件</el-button>
+            </el-upload>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { getToken } from "@/utils/auth";
+import { updateTemplate } from "@/api/officialSeal/officialSeal"
+export default {
+    props: ["editVisable", "editData", "queryParams"],
+    dicts: ["template_type"],
+    data() {
+        return {
+            fileList: [],
+            data: [],
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            isImg: true,
+            filedata: {},
+            flagBtn: false,
+            ruleForm: {},
+            rules: {
+                temName: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+                temType: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+            }
+        };
+    },
+    watch: {
+        editData(val) {
+            if (val) {
+                this.ruleForm = val;
+                this.fileList = [];
+                this.ruleForm.temType = this.ruleForm.temType + '';
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        // 打开链接
+        openUrl(urlTemp) {
+            let headPath = window.location.origin + "/API/";
+            window.open(headPath + urlTemp);
+        },
+        cancel() {
+            this.$emit("cancelEdit");
+        },
+        handleChange(file, fileList) {
+            this.isImg = file.type === '.doc' || '.docx';
+            this.fileList = fileList;
+        },
+        UploadUrl() {
+            return window.location.origin + "/API/deptIdentify/updateTemplate";
+        },
+        submitUpload() {
+            let that = this;
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    if (that.fileList.length > 0) {
+                        that.filedata.id = that.editData.id;
+                        that.filedata.temName = that.ruleForm.temName;
+                        if (that.isImg) {
+                            that.$refs.upload.submit();
+                        } else {
+                            that.$message.error('只能上传doc,docx格式的文件')
+                        }
+                    } else {
+                        updateTemplate({
+                            id: that.editData.id,
+                            temName: that.ruleForm.temName
+                        }).then(res => {
+                            that.$message.success('修改成功');
+                            that.$emit("cancelEdit");
+                            that.$emit('getList', that.queryParams);
+                        })
+                    }
+                }
+            });
+        },
+        handleRemove(file, fileList) {
+            console.log(file, fileList);
+        },
+        beforeUpload(file) {
+            // this.isImg = file.type === '.doc' || '.docx'
+        },
+        handleSuccess() {
+            this.$message.success('修改成功');
+            this.$emit("cancelEdit");
+            this.$emit('getList', this.queryParams);
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/officialSeal/components/eidtInstitution.vue

@@ -0,0 +1,112 @@
+<template>
+    <div>
+        <el-dialog :title="title" :visible="editVisable" v-if="editVisable" @close="cancel" width="600px" center
+            :distroy-on-close="true">
+            <el-form :model="editForm" :rules="rules" ref="editForm" label-width="130px" class="demo-editForm">
+                <el-form-item label="机构名称" prop="identifyName">
+                    <el-input v-model="editForm.identifyName"></el-input>
+                </el-form-item>
+                <el-form-item label="机构邮箱" prop="identifyEmail">
+                    <el-input v-model="editForm.identifyEmail"></el-input>
+                </el-form-item>
+                <el-form-item label="机构信用代码" prop="creditCode">
+                    <el-input v-model="editForm.creditCode"></el-input>
+                </el-form-item>
+                <el-form-item label="法人姓名" prop="legalPerName">
+                    <el-input v-model="editForm.legalPerName"></el-input>
+                </el-form-item>
+                <el-form-item label="法人手机号" prop="legalPerPhone">
+                    <el-input v-model="editForm.legalPerPhone"></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+    sealUpdate
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["editVisable","editData","queryParams"],
+    data() {
+        return {
+            title: "修改机构",
+            editForm: {},
+            rules: {
+                identifyName: [
+                    { required: true, message: '请输入机构名称', trigger: 'blur' },
+                ],
+                creditCode: [
+                    { required: true, message: '请输入机构信用代码', trigger: 'blur' },
+                ],
+                legalPerName: [
+                    { required: true, message: '请输入法人姓名', trigger: 'blur' },
+                ],
+                legalPerPhone: [
+                    { required: true, message: '请输入法人手机号', trigger: 'blur' },
+                    { pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
+                ],
+                // operUserName: [
+                //     { required: true, message: '请输入经办人用户名', trigger: 'blur' },
+                // ],
+                identifyEmail: [
+                    { required: true, message: '请输入邮箱', trigger: 'blur' },
+                    { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
+                ]
+            }
+        };
+    },
+    watch: {
+        editVisable(val) {
+            if (val) {
+               this.editForm = this.editData;
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        // 编辑
+        sealUpdateFn(data) {
+            sealUpdate(data).then(res => {
+                this.$modal.msgSuccess("修改成功！");
+                this.$emit("cancelEdit");
+                this.$emit('getList',this.queryParams);
+            })
+        },
+        // 提交form表单
+        submitForm() {
+            this.$refs['editForm'].validate((valid) => {
+                if (valid) {
+                    this.sealUpdateFn({
+                        identifyName:this.editForm.identifyName,
+                        operName:this.editForm.operName,
+                        operPhone:this.editForm.operPhone,
+                        id:this.editForm.id,
+                    })
+                }
+            });
+
+        },
+        cancel() {
+            this.$emit("cancelEdit");
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.radiobox {
+    margin-top: 30px;
+}
+</style>

src/views/officialSeal/components/grabRules.vue

@@ -0,0 +1,288 @@
+<template>
+    <div>
+        <el-dialog title="设置抓取规则" :visible="rulesVisable" v-if="rulesVisable" @close="cancelRules"
+            append-to-body :destroy-on-close="true" center>
+            <el-button type="primary" icon="el-icon-plus" style="margin-bottom: 20px;"
+                @click="addForm">新增系统内置抓取规则</el-button>
+            <div class="formDom">
+                <el-form ref="form" :model="formData" label-width="150px">
+                    <div class="formItem" v-for="(item, index) in formData.forms" :key="item.key">
+                        <el-button type="primary" icon="el-icon-delete" style="margin-bottom: 20px;"
+                            @click="deleteForm(item)">删除</el-button>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="抓取文件名：" :prop="'forms.' + index + '.fileName'" :rules="[
+                                    {
+                                        required: true,
+                                        message: '抓取文件名不能为空',
+                                    },
+                                ]">
+                                    <el-input v-model="item.fileName" placeholder="请输入抓取文件名" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="字段名：" :prop="'forms.' + index + '.columnName'" :rules="[
+                                    {
+                                        required: true,
+                                        message: '字段名不能为空',
+                                    },
+                                ]">
+                                    <el-select v-model="item.columnName" placeholder="请选择" @change="columnNameChange(item)">
+                                        <el-option v-for="dict in dict.type.case_built_type" :key="dict.value"
+                                            :label="dict.label" :value="dict.label"></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'">
+                                    <el-input v-model="item.startContent" placeholder="请输入开始抓取字段" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="结束抓取字段：" :prop="'forms.' + index + '.endContent'">
+                                    <el-input v-model="item.endContent" placeholder="结束抓取字段" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="指定抓取开始位置：" :prop="'forms.' + index + '.startContentRepeatOrder'">
+                                    <el-input-number v-model="item.startContentRepeatOrder" controls-position="right" :min="1"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="指定抓取结束位置：" :prop="'forms.' + index + '.endContentRepeatOrder'">
+                                    <el-input-number v-model="item.endContentRepeatOrder" controls-position="right" :min="1"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="抓取方向：" :prop="'forms.' + index + '.fatchOrder'">
+                                    <el-select v-model="item.fatchOrder" placeholder="请选择">
+                                        <el-option v-for="dict in fatchOrderList" :key="dict.key"
+                                            :label="dict.name" :value="dict.key"></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+            </div>
+            <el-button type="primary" icon="el-icon-plus" style="margin-bottom: 20px;"
+                @click="addFormCustom">新增自定义抓取规则</el-button>
+            <div class="formDom">
+                <el-form ref="form_custom" :model="formData_custom" label-width="150px">
+                    <div class="formItem" v-for="(item, index) in formData_custom.forms" :key="item.key">
+                        <el-button type="primary" icon="el-icon-delete" style="margin-bottom: 20px;"
+                            @click="deleteFormCustom(item)">删除</el-button>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="字段：" :prop="'forms.' + index + '.column'" :rules="[
+                                    {
+                                        required: true,
+                                        message: '字段不能为空',
+                                    },
+                                ]">
+                                    <el-input v-model="item.column" placeholder="请输入字段" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="字段名：" :prop="'forms.' + index + '.columnName'" :rules="[
+                                    {
+                                        required: true,
+                                        message: '字段名不能为空',
+                                    },
+                                ]">
+                                    <el-input v-model="item.columnName" placeholder="请输入字段名" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="抓取文件名：" :prop="'forms.' + index + '.fileName'" :rules="[
+                                    {
+                                        required: true,
+                                        message: '抓取文件名不能为空',
+                                    },
+                                ]">
+                                    <el-input v-model="item.fileName" placeholder="请输入抓取文件名" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="开始抓取字段：" :prop="'forms.' + index + '.startContent'">
+                                    <el-input v-model="item.startContent" placeholder="请输入开始抓取字段" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="结束抓取字段：" :prop="'forms.' + index + '.endContent'">
+                                    <el-input v-model="item.endContent" placeholder="结束抓取字段" />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="指定抓取开始位置：" :prop="'forms.' + index + '.startContentRepeatOrder'">
+                                    <el-input-number v-model="item.startContentRepeatOrder" controls-position="right" :min="1"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="指定抓取结束位置：" :prop="'forms.' + index + '.endContentRepeatOrder'">
+                                    <el-input-number v-model="item.endContentRepeatOrder" controls-position="right" :min="1"></el-input-number>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="抓取方向：" :prop="'forms.' + index + '.fatchOrder'">
+                                    <el-select v-model="item.fatchOrder" placeholder="请选择">
+                                        <el-option v-for="dict in fatchOrderList" :key="dict.key"
+                                            :label="dict.name" :value="dict.key"></el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancelRules" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitRules" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+    getFatchRuleByTemplateid,
+    saveFatchRules
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["rulesVisable", "rulesData", "queryParams"],
+    dicts: ["case_built_type"],
+    data() {
+        return {
+            formData: {
+                forms: [{
+                    // fileName: "",
+                    // startContent: '',
+                    // endContent: '',
+                    // column: "",
+                    // columnName: "",
+                }]
+            },
+            formData_custom: {
+                forms: []
+            },
+            fatchOrderList: [
+                {
+                    name:'从前向后抓取',
+                    key:0
+                },
+                {
+                    name:'从后往前抓取',
+                    key:1
+                }
+            ]
+        };
+    },
+    watch: {
+        rulesData(val) {
+            if (val) {
+                this.formData.forms = [];
+                this.formData_custom.forms = [];
+                this.getFatchRuleByTemplateidFn({ id: val.id })
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancelRules() {
+            this.$emit("cancelRules");
+        },
+        addForm() {
+            this.formData.forms.push({
+                fileName: "",
+                startContent: '',
+                endContent: '',
+                column: "",
+                columnName: "",
+                isDefault: 0
+            });
+        },
+        deleteForm(item) {
+            var index = this.formData.forms.indexOf(item)
+            if (index !== -1) {
+                this.formData.forms.splice(index, 1)
+            }
+        },
+        deleteFormCustom(item) {
+            var index = this.formData_custom.forms.indexOf(item)
+            if (index !== -1) {
+                this.formData_custom.forms.splice(index, 1)
+            }
+        },
+        addFormCustom() {
+            this.formData_custom.forms.push({
+                fileName: "",
+                startContent: '',
+                endContent: '',
+                column: "",
+                columnName: "",
+                isDefault: 1
+            });
+        },
+        columnNameChange(item){
+            let result = this.dict.type.case_built_type.find((data=>{
+                return data.label == item.columnName
+            }))
+            item.column = result.value;
+        },
+        submitRules() {
+            this.$refs['form'].validate((valid) => {
+                if (valid) {
+                    this.$refs['form_custom'].validate((valid_custom) => {
+                        if (valid_custom) {
+                            let paramsList = this.formData.forms.concat(this.formData_custom.forms)
+                            this.saveFatchRulesFn({
+                                id: this.rulesData.id,
+                                fatchRules: paramsList
+                            })
+                        }
+                    })
+                }
+            });
+        },
+        // 根据id获取抓取规则
+        getFatchRuleByTemplateidFn(data) {
+            getFatchRuleByTemplateid(data).then(res => {
+                // this.formData.forms = res.data;
+                // this.selectList = res.data
+                this.formData.forms = [];
+                this.formData_custom.forms = [];
+                console.log(res.data,"LLLLLLLLLLLLLLLLLLLLLLLLLLLL");
+                res.data.forEach(item => {
+                    if(item.isDefault == 0){
+                        this.formData.forms.push(item)
+                    }else if(item.isDefault == 1){
+                        this.formData_custom.forms.push(item)
+                    }
+                });
+            })
+        },
+        // 提交抓取规则
+        saveFatchRulesFn(data) {
+            saveFatchRules(data).then(res => {
+                this.$message.success('提交成功');
+                this.$emit("cancelRules");
+                this.$emit('getList', this.queryParams);
+            })
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+::v-deep .el-form {
+    border: 1px solid #c2bcbc;
+    padding: 20px;
+    margin-bottom: 15px;
+    max-height: 300px;
+    overflow-y: scroll;
+}
+.el-input-number{
+    width: 180px;
+}
+</style>

src/views/officialSeal/components/sealManage.vue

@@ -0,0 +1,117 @@
+<template>
+    <div>
+        <el-dialog title="公章列表" :visible="sealVisable" @close="cancel" width="800px" center :distroy-on-close="true">
+            <el-table v-loading="loading" :data="dataList" style="width: 100%">
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="印章名称" align="center" prop="sealName"
+                    :show-overflow-tooltip="true"></el-table-column>
+                <el-table-column label="印章图片" align="center" prop="annexPath">
+                    <template slot-scope="scope">
+                        <el-image style="width: 40px; height: 40px;" :src="imgUrl + scope.row.annexPath"
+                            :preview-src-list="[imgUrl + scope.row.annexPath]">
+                        </el-image>
+                        <!-- <span>{{ imgUrl + scope.row.annexPath }}</span> -->
+                    </template>
+                </el-table-column>
+                <el-table-column label="是否启用" align="center" prop="sealStatus">
+                    <template slot-scope="scope">
+                        <el-tag type="success" v-if="scope.row.isUse == 1">已启用</el-tag>
+                        <el-tag type="info"
+                            v-if="(scope.row.isUse == 0 || scope.row.isUse == null) && scope.row.sealStatus !== 0">未启用</el-tag>
+                        <el-tag type="danger" v-if="scope.row.sealStatus == 0">审核中</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" align="center">
+                    <template slot-scope="scope">
+                        <el-button size="mini" @click="isUseChange(scope.row.id, 1)" type="text" icon="el-icon-thumb"
+                            v-if="(scope.row.isUse == 0 || scope.row.isUse == null) && scope.row.sealStatus !== 0">启用</el-button>
+                        <el-button size="mini" @click="isUseChange(scope.row.id, 0)" type="text" icon="el-icon-thumb"
+                            v-if="scope.row.isUse == 1">禁用</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize" @pagination="sealListFn(queryParams)" />
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+    sealList,
+    updateSealLockStatus
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["sealVisable", "sealData"],
+    data() {
+        return {
+            loading: false,
+            srcList: [],
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            dataList: [
+
+            ],
+            total: 0,
+            imgUrl: ""
+        };
+    },
+    watch: {
+        sealVisable(val) {
+            if (val) {
+                this.queryParams.id = this.sealData.id;
+                this.sealListFn(this.queryParams)
+            }
+        }
+    },
+    created() {
+        this.UploadUrl()
+    },
+    methods: {
+        UploadUrl() {
+            this.imgUrl = window.location.origin + '/API';
+        },
+        // 查询列表数据
+        sealListFn(data) {
+            this.loading = true;
+            sealList(data).then(res => {
+                this.dataList = res.rows;
+                this.total = res.total;
+                this.loading = false;
+            })
+        },
+        // 更新公章状态
+        updateSealLockStatusFn(data) {
+            updateSealLockStatus(data).then(res => {
+                this.$message.success('更新状态成功');
+                this.sealListFn(this.queryParams);
+            })
+        },
+        // 启用或者禁用公章
+        isUseChange(id, type) {
+            let params = {
+                id: id,
+                isUse: type
+            }
+            this.$modal
+                .confirm("是否更改状态")
+                .then((res) => {
+                    this.updateSealLockStatusFn(params);
+                })
+        },
+        cancel() {
+            this.$emit("cancelSeal");
+        },
+
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/officialSeal/components/temmplateList.vue

@@ -0,0 +1,58 @@
+<template>
+    <div>
+        <el-dialog :title="title" :visible="listVisable" v-if="listVisable" @close="cancel" width="800px" center
+            :distroy-on-close="true">
+            <el-table v-loading="loading" :data="dataList" style="width: 100%">
+                <el-table-column label="字段" align="center" prop="column" :show-overflow-tooltip="true" />
+                <el-table-column label="字段名" align="center" prop="columnName" :show-overflow-tooltip="true" />
+            </el-table>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+    getTemplateInfoById
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["listVisable", "listData", "queryParams"],
+    data() {
+        return {
+            title: "模板字段列表",
+            // 遮罩层
+            loading: false,
+            dataList:[]
+        };
+    },
+    watch: {
+        listData(val) {
+            if (val) {
+                getTemplateInfoById({ id: val.id }).then(res=>{
+                    this.dataList = res.data;
+                })
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelList");
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.radiobox {
+    margin-top: 30px;
+}
+</style>

src/views/officialSeal/components/uploadSeal.vue

@@ -0,0 +1,128 @@
+<template>
+    <div>
+        <el-dialog title="上传公章" :visible="uploadVisable" v-if="uploadVisable" @close="cancel" width="600px" center>
+            <el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
+                class="demo-ruleForm">
+                <el-form-item label="印章名称" prop="sealName">
+                    <el-input v-model="ruleForm.sealName"></el-input>
+                </el-form-item>
+            </el-form>
+            <el-upload class="avatar-uploader" accept="image/png" :before-upload="beforeUpload" :on-success="handleSuccess" ref="upload"
+                :action="UploadUrl()" :headers="headers" :data="filedata" :on-remove="handleRemove"
+                :on-change="handleChange" :show-file-list="false" :file-list="fileList" :auto-upload="false">
+                <img v-if="imageUrl" :src="imageUrl" class="avatar">
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { getToken } from "@/utils/auth";
+export default {
+    props: ["uploadVisable", "uploadData"],
+    data() {
+        return {
+            fileList: [],
+            data: [],
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            filedata: {
+                id: this.uploadData.id
+            },
+            flagBtn: false,
+            imageUrl: "",
+            ruleForm: {},
+            rules: {
+                sealName: [
+                    { required: true, message: '请输入印章名称', trigger: 'blur' },
+                ],
+            }
+        };
+    },
+    watch: {
+        uploadVisable(val) {
+            if (val) {
+                this.imageUrl = "",
+                this.ruleForm = {}
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelUpload");
+        },
+        handleChange(file, fileList) {
+            this.imageUrl = URL.createObjectURL(file.raw);
+        },
+        UploadUrl() {
+            return window.location.origin + "/API/deptIdentify/sealUpload";
+        },
+        submitUpload() {
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    this.filedata.id = this.uploadData.id;
+                    this.filedata.sealName = this.ruleForm.sealName;
+                    this.$refs.upload.submit();
+                    
+                }
+            });
+        },
+        handleRemove(file, fileList) {
+            console.log(file, fileList);
+        },
+        beforeUpload(file) {
+            const isImg = file.type === 'image/png'
+            if (!isImg) {
+                this.$message.error('只能上传图片格式的文件')
+            }
+            return isImg
+        },
+        handleSuccess(response) {
+            if (response.code == 200) {
+                this.$message.success('上传成功');
+                this.cancel()
+            } else {
+                this.$message.error(response.msg);
+            }
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+::v-deep .avatar-uploader .el-upload {
+    width: 178px;
+    height: 178px;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    margin-left: 90px;
+}
+
+::v-deep .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+}
+
+::v-deep .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+}
+
+::v-deep .avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+}
+</style>

src/views/officialSeal/officialSealList.vue

@@ -0,0 +1,280 @@
+<template>
+    <div class="app-container">
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addInstitution">新增部门</el-button>
+                <!-- v-hasPermi="['caseManagement:list:add']" -->
+            </el-col>
+        </el-row>
+        <el-table v-loading="loading" :data="dataList" style="width: 100%">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="仲裁机构名称" align="center" prop="identifyName" :show-overflow-tooltip="true" />
+            <el-table-column label="经办人姓名" align="center" prop="operName" :show-overflow-tooltip="true" />
+            <el-table-column label="经办人手机号" align="center" prop="operPhone" :show-overflow-tooltip="true" />
+            <el-table-column label="认证时间" align="center" prop="identifyDate" />
+            <el-table-column label="认证状态" align="center" prop="identifyStatus" :show-overflow-tooltip="true" />
+            <el-table-column label="是否启用" align="center" prop="isUse"></el-table-column>
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                <template slot-scope="scope">
+                    <el-button size="mini" @click="DeptIndefiUrl(scope.row)" type="text" icon="el-icon-thumb"
+                        v-if="scope.row.identifyStatus == '未认证'">认证</el-button>
+                    <el-button size="mini" @click="changeStatus(scope.row)" type="text" icon="el-icon-thumb"
+                        v-if="scope.row.isUse == '未启用' && scope.row.identifyStatus == '已认证'">启用</el-button>
+                    <el-button size="mini" @click="uploadSeal(scope.row)" type="text"
+                        v-if="scope.row.identifyStatus == '已认证'" icon="el-icon-upload2">上传公章</el-button>
+                    <el-button size="mini" @click="sealManage(scope.row)" type="text"
+                        v-if="scope.row.identifyStatus == '已认证'" icon="el-icon-upload2">公章管理</el-button>
+                    <el-button size="mini" @click="sealDelete(scope.row)" v-if="scope.row.identifyStatus == '未认证'"
+                        type="text" icon="el-icon-delete">删除</el-button>
+                    <el-button size="mini" @click="eidtSeal(scope.row)" type="text" v-if="scope.row.identifyStatus == '未认证'"
+                        icon="el-icon-edit">修改</el-button>
+                    <el-button size="mini" @click="selectUser(scope.row)" type="text"
+                        v-if="scope.row.identifyStatus == '未认证'" icon="el-icon-edit">选择经办人</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+            @pagination="getList(queryParams)" />
+        <addInstitution :operateVisable="operateVisable" @cancelFilingreview="cancelFilingreview" :queryParams="queryParams"
+            @getList="getList">
+        </addInstitution>
+        <uploadSeal :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :queryParams="queryParams"
+            :uploadData="uploadData" @getList="getList">
+        </uploadSeal>
+        <sealManage :sealVisable="sealVisable" @cancelSeal="cancelSeal" :queryParams="queryParams" :sealData="sealData">
+        </sealManage>
+        <eidtInstitution :editVisable="editVisable" @cancelEdit="cancelEdit" :queryParams="queryParams" @getList="getList"
+            :editData="editData"></eidtInstitution>
+        <el-dialog title="选择经办人" :visible.sync="selectVisible" width="600px" @close="selectClose">
+            <el-form :model="slectFrom" :rules="rules" ref="slectFrom" label-width="80px">
+                <el-form-item label="经办人" prop="id">
+                    <el-select v-model="slectFrom.id" clearable placeholder="请选择">
+                        <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="selectClose" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitUser" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+  
+<script>
+import {
+    deptIdentifyList,
+    enableDept,
+    selectDeptIndefiUrl,
+    deleteSeal,
+    selectPostUserByDeptId,
+    bindHandler
+} from "@/api/officialSeal/officialSeal.js";
+
+import addInstitution from "./components/addInstitution";
+import uploadSeal from "./components/uploadSeal";
+import sealManage from "./components/sealManage";
+import eidtInstitution from "./components/eidtInstitution";
+export default {
+    name: "paymentList",
+    components: {
+        addInstitution,
+        uploadSeal,
+        sealManage,
+        eidtInstitution
+    },
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            // 表格数据
+            form: {},
+            // 校验表单
+            rules: {},
+            dataList: [1],
+            operateVisable: false,//新增弹窗
+            uploadVisable: false,//上传弹窗
+            sealVisable: false,//公章列表弹窗
+            uploadData: {},
+            sealData: {},
+            editVisable: false,
+            editData: {},
+            selectVisible: false,
+            slectFrom: {},
+            userList: [],
+            templateId: null,
+            rules: {
+                id: [
+                    { required: true, message: '请选择经办人', trigger: 'blur' },
+                ]
+            }
+        };
+    },
+    created() {
+        this.getList(this.queryParams)
+    },
+    methods: {
+        // 选择经办人
+        selectUser(row) {
+            this.selectVisible = true;
+            this.templateId = row.id;
+            selectPostUserByDeptId({ id: row.id }).then(res => {
+                this.userList = res.data;
+                if (row.userId) {
+                    this.slectFrom.id = row.userId;
+                } else {
+                    this.slectFrom = {};
+                }
+            })
+        },
+        // 确认经办人
+        submitUser() {
+            this.$refs['slectFrom'].validate((valid) => {
+                if (valid) {
+                    bindHandler({ id: this.templateId, userId: this.slectFrom.id }).then(res => {
+                        this.$modal.msgSuccess("选择成功");
+                        this.selectVisible = false;
+                        this.getList(this.queryParams);
+                    })
+                }
+            })
+        },
+        selectClose() {
+            this.selectVisible = false;
+        },
+        // 删除
+        sealDelete(row) {
+            this.$modal
+                .confirm("是否更改状态")
+                .then((res) => {
+                    this.deleteSealFn({ id: row.id })
+                })
+        },
+        // 删除接口
+        deleteSealFn(data) {
+            deleteSeal(data).then(res => {
+                this.$modal.msgSuccess("删除成功！");
+                this.getList(this.queryParams);
+            })
+        },
+        // 公章管理
+        sealManage(row) {
+            this.sealVisable = true;
+            this.sealData = row;
+        },
+        cancelSeal() {
+            this.sealVisable = false;
+        },
+        // 上传公章
+        uploadSeal(row) {
+            this.uploadVisable = true;
+            this.uploadData = row;
+        },
+        closeUploadSeal(){
+            this.uploadVisable = false
+        },
+        cancelFilingreview() {
+            this.operateVisable = false;
+        },
+        cancelUpload() {
+            this.uploadVisable = false;
+        },
+        // 新增部门
+        addInstitution() {
+            this.operateVisable = true;
+        },
+        // 编辑
+        eidtSeal(row) {
+            this.editVisable = true;
+            this.editData = row;
+        },
+        cancelEdit() {
+            this.editVisable = false;
+        },
+        // 启用认证按钮
+        changeStatus(row) {
+            this.$modal.confirm('是否进行启用？')
+                .then(function () {
+
+                })
+                .then(() => {
+                    enableDept({ id: row.id }).then(res => {
+                        this.$modal.msgSuccess("启用成功！");
+                        this.getList(this.queryParams);
+                    })
+
+                })
+                .catch(function () {
+                });
+        },
+        // 认证按钮
+        DeptIndefiUrl(row) {
+            if (!row.operName || !row.legalPerPhone) {
+                this.$modal.msgError("当前没有经办人 ，无法认证！！");
+                return
+            }
+            this.$modal.confirm('是否认证？')
+                .then(function () {
+                    selectDeptIndefiUrl({ id: row.id }).then(res => {
+                        let url = res.data.identifyUrl;
+                        window.open(url)
+                    })
+                })
+                .then(() => {
+                    // this.$modal.msgSuccess("认证成功！");
+                    // this.getList(this.queryParams);
+                })
+                .catch(function () {
+                });
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList(this.queryParams);
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        },
+        // 查询列表数据
+        getList(parms) {
+            this.loading = true;
+            deptIdentifyList(parms).then((response) => {
+                this.dataList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+                this.dataList.forEach(item => {
+                    if (item.identifyStatus == 0 || item.identifyStatus == null) {
+                        item.identifyStatus = '未认证'
+                    } else if (item.identifyStatus == 2) {
+                        item.identifyStatus = '认证中'
+                    } else if (item.identifyStatus == 1) {
+                        item.identifyStatus = '已认证'
+                    }
+                    if (item.isUse == 0 || item.isUse == null) {
+                        item.isUse = '未启用'
+                    } else {
+                        item.isUse = '已启用'
+                    }
+                })
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/officialSeal/templateManagement.vue

@@ -0,0 +1,182 @@
+<template>
+    <div class="app-container">
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addtemplate">新增裁决书模板</el-button>
+                <!-- v-hasPermi="['caseManagement:list:add']" -->
+            </el-col>
+        </el-row>
+        <el-table v-loading="loading" :data="dataList" style="width: 100%">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="仲裁机构名称" align="center" prop="identifyName" :show-overflow-tooltip="true" />
+            <el-table-column label="裁决书名称" align="center" prop="temName" :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="deleteTemplate(scope.row)" type="text" icon="el-icon-delete">删除</el-button>
+                    <el-button size="mini" @click="eidtTemplate(scope.row)" type="text" icon="el-icon-edit">修改模板</el-button>
+                    <el-button size="mini" @click="grabRulesClick(scope.row)" type="text" icon="el-icon-edit">设置抓取规则</el-button>
+                    <el-button size="mini" @click="templateList(scope.row)" type="text" icon="el-icon-edit">模板字段列表</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+            @pagination="getList(queryParams)" />
+       
+        <addTemplate :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :uploadData="uploadData" @getList="getList" :queryParams="queryParams">
+        </addTemplate>
+        <sealManage :sealVisable="sealVisable" @cancelSeal="cancelSeal" :sealData="sealData">
+        </sealManage>
+        <editTemplate :editVisable="editVisable" @cancelEdit="cancelEdit" @getList="getList" :editData="editData" :queryParams="queryParams"></editTemplate>
+        <grabRules :rulesVisable="rulesVisable" @cancelRules="cancelRules" @getList="getList" :rulesData="rulesData" :queryParams="queryParams"></grabRules>
+        <temmplateList :listVisable="listVisable" @cancelList="cancelList" @getList="getList" :listData="listData" :queryParams="queryParams"></temmplateList>
+   </div>
+</template>
+  
+<script>
+import {
+    getTemplate,
+    deleteTemplate,
+    getTemplateInfoById
+} from "@/api/officialSeal/officialSeal.js";
+
+import addInstitution from "./components/addInstitution";
+import addTemplate from "./components/addTemplate";
+import sealManage from "./components/sealManage";
+import editTemplate from "./components/editTemplate";
+import grabRules from "./components/grabRules.vue";
+import temmplateList from "./components/temmplateList.vue";
+export default {
+    name: "paymentList",
+    components: {
+        addInstitution,
+        addTemplate,
+        sealManage,
+        editTemplate,
+        grabRules,
+        temmplateList
+    },
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            // 表格数据
+            form: {},
+            // 校验表单
+            rules: {},
+            dataList: [],
+            operateVisable: false,//新增弹窗
+            uploadVisable: false,//上传弹窗
+            sealVisable: false,//公章列表弹窗
+            rulesVisable:false,//抓取规则弹窗
+            uploadData: {},
+            sealData: {},
+            editVisable:false,
+            editData:{},
+            rulesData:{},
+            listVisable:false,
+            listData:{}
+        };
+    },
+    created() {
+        this.getList(this.queryParams)
+    },
+    methods: {
+        // 删除
+        deleteTemplate(row) {
+            this.$modal
+                .confirm("是否删除")
+                .then((res) => {
+                    this.deleteSealFn({ id: row.id })
+                })
+        },
+        // 删除接口
+        deleteSealFn(data) {
+            deleteTemplate(data).then(res => {
+                this.$modal.msgSuccess("删除成功！");
+                this.getList(this.queryParams);
+            })
+        },
+        cancelSeal() {
+            this.sealVisable = false;
+        },
+        // 新增模板
+        addtemplate(row) {
+            this.uploadVisable = true;
+            this.uploadData = row;
+        },
+        cancelUpload() {
+            this.uploadVisable = false;
+        },
+        // 编辑
+        eidtTemplate(row) {
+            this.editVisable = true;
+            this.editData = row;
+        },
+        cancelEdit() {
+            this.editVisable = false;
+        },
+        // 模板字段列表
+        templateList(row){
+            this.listVisable = true;
+            this.listData = row;
+        },
+        cancelList(){
+            this.listVisable = false;
+        },
+        // 抓取规则
+        grabRulesClick(row){
+            this.rulesVisable = true;
+            this.rulesData = row;
+        },
+        cancelRules(){
+            this.rulesVisable = false;
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList(this.queryParams);
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        },
+        // 查询列表数据
+        getList(parms) {
+            this.loading = true;
+            getTemplate(parms).then((response) => {
+                this.dataList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+                console.log(this.dataList,"LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL");
+                // this.dataList.forEach(item => {
+                //     if (item.identifyStatus == 0 || item.identifyStatus == null) {
+                //         item.identifyStatus = '未认证'
+                //     } else {
+                //         item.identifyStatus = '已认证'
+                //     }
+                //     if (item.isUse == 0 || item.isUse == null) {
+                //         item.isUse = '未启用'
+                //     } else {
+                //         item.isUse = '已启用'
+                //     }
+                // })
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/officialSeal/templateManager.vue

@@ -0,0 +1,140 @@
+<template>
+    <div class="app-container">
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addtemplate">新增模板</el-button>
+                <!-- v-hasPermi="['caseManagement:list:add']" -->
+            </el-col>
+        </el-row>
+        <el-table v-loading="loading" :data="dataList" style="width: 100%">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="模板名称" align="center" prop="name" :show-overflow-tooltip="true" />
+            <el-table-column label="模板内容" align="center" prop="content" :show-overflow-tooltip="true" />
+            <el-table-column label="模板类型" align="center" prop="typeName" :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="deleteTemplate(scope.row)" type="text" icon="el-icon-delete">删除</el-button>
+                    <el-button size="mini" @click="eidtTemplate(scope.row)" type="text" icon="el-icon-edit">修改模板</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+            @pagination="getList(queryParams)" />
+       
+        <addManager :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :uploadData="uploadData" @getList="getList" :queryParams="queryParams">
+        </addManager>
+        <editManager :editVisable="editVisable" @cancelEdit="cancelEdit" @getList="getList" :editData="editData" :queryParams="queryParams"></editManager>
+    </div>
+</template>
+  
+<script>
+import {
+    getManagerList,
+    deleteManager
+} from "@/api/officialSeal/officialSeal.js";
+
+import addManager from "./components/addManager";
+import editManager from "./components/editManager";
+export default {
+    name: "paymentList",
+    components: {
+        addManager,
+        editManager
+    },
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            // 表格数据
+            form: {},
+            // 校验表单
+            rules: {},
+            dataList: [],
+            operateVisable: false,//新增弹窗
+            uploadVisable: false,//上传弹窗
+            uploadData: {},
+            sealData: {},
+            editVisable:false,
+            editData:{}
+        };
+    },
+    created() {
+        this.getList(this.queryParams)
+    },
+    methods: {
+        // 删除
+        deleteTemplate(row) {
+            this.$modal
+                .confirm("是否删除")
+                .then((res) => {
+                    this.deleteSealFn({ id: row.id })
+                })
+        },
+        // 删除接口
+        deleteSealFn(data) {
+            deleteManager(data).then(res => {
+                this.$modal.msgSuccess("删除成功！");
+                this.getList(this.queryParams);
+            })
+        },
+        // 新增模板
+        addtemplate(row) {
+            this.uploadVisable = true;
+            this.uploadData = row;
+        },
+        cancelUpload() {
+            this.uploadVisable = false;
+        },
+        // 编辑
+        eidtTemplate(row) {
+            this.editVisable = true;
+            this.editData = row;
+        },
+        cancelEdit() {
+            this.editVisable = false;
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList(this.queryParams);
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        },
+        // 查询列表数据
+        getList(parms) {
+            this.loading = true;
+            getManagerList(parms).then((response) => {
+                this.dataList = response.rows;
+                this.dataList.forEach(item => {
+                    if(item.type == 1){
+                        item.typeName = '裁决内容'
+                    }else if(item.type == 2){
+                        item.typeName = '调解协议'
+                    }else if(item.type == 3){
+                        item.typeName = '金融消费纠纷基本情况'
+                    }
+                });
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/onlyoffice/onlyoffice.vue

@@ -0,0 +1,108 @@
+<template>
+  <div style="width: 100%; height: 100%">
+    <div id="placeholder"></div>
+  </div>
+</template>
+
+<script>
+import { getOnlyoffice, saveOnlyOfficeFile } from "@/api/onlyoffice/onlyoffice";
+import { setToken } from "@/utils/auth";
+import store from "@/store";
+import axios from "axios";
+export default {
+  props: [],
+  data() {
+    return {
+      config: {},
+      flag: 0,
+      userId: store.getters.userId,
+      websock: null,
+    };
+  },
+  destroyed() {
+    //页面销毁时关闭ws连接
+    if (this.websock) {
+      this.websock.close(); // 关闭websocket
+    }
+  },
+  methods: {
+    getConfig(id) {
+      let edit = "edit";
+      if (this.flag == 0) {
+        edit = "view";
+      } else {
+        edit = "edit";
+      }
+      axios
+        .get(
+          `http://121.40.189.20:9090/onlyOfficeConfig/${edit}/${id}/${this.userId}/desktop/true/zhongcai`
+        )
+        .then((res) => {
+          this.config = res.data;
+          this.config.editorConfig.callbackUrl = this.config.editorConfig.callbackUrl + "/" + id;
+          // this.config.callbackUrl = this.config.callbackUrl + `/${this.userId}`;
+          var docEditor = new DocsAPI.DocEditor("placeholder", this.config);
+        });
+    },
+    //初始化weosocket
+    initWebSocket() {
+      if (typeof WebSocket === "undefined") {
+        alert("您的浏览器不支持WebSocket");
+        return false;
+      }
+      const wsuri = `ws://121.40.189.20:9090/api/websocket/${this.userId}`; // websocket地址
+      this.websock = new WebSocket(wsuri);
+      this.websock.onopen = this.websocketonopen;
+      this.websock.onmessage = this.websocketonmessage;
+      this.websock.onerror = this.websocketonerror;
+      this.websock.onclose = this.websocketclose;
+    },
+    //连接成功
+    websocketonopen() {
+      console.log("WebSocket连接成功");
+    },
+    //接收后端返回的数据
+    websocketonmessage(e) {
+      let dataJson = e.data;
+      if (dataJson != "conn_success") {
+        dataJson = JSON.parse(dataJson);
+      }
+      if (dataJson.caseId) {
+        saveOnlyOfficeFile({
+          caseAppliId: Number(dataJson.caseId),
+          annexName: dataJson.fileName,
+          annexPath: dataJson.filePath,
+          onlyOfficeFileId: dataJson.fileId,
+        }).then((res) => {
+          this.websock.send();
+        });
+      }
+      // 在这里使用后端返回的数据，对数据进行处理渲染
+    },
+    //连接建立失败重连
+    websocketonerror(e) {
+      console.log(`连接失败的信息：`, e);
+      this.initWebSocket(); // 连接失败后尝试重新连接
+    },
+    //关闭连接
+    websocketclose(e) {
+      console.log("断开连接", e);
+    },
+    /**是否从视频会议跳转，是处理token */
+    async getToken() {
+      setToken(this.$route.query.token);
+    },
+  },
+  async mounted() {
+    if (this.$route.query.token) {
+      await this.getToken();
+    }
+    let id = this.$route.query.id;
+    this.flag = this.$route.query.flag;
+    this.getConfig(id);
+    this.initWebSocket();
+  },
+  watch: {},
+};
+</script>
+<style lang="scss" scoped></style>

src/views/payAll/payConfirmation.vue

@@ -31,7 +31,7 @@
                         v-hasPermi="['monitor:online:forceLogout']" style="margin-right: 10px;">查看缴费清单</el-button>
                     <el-popconfirm title="是否确认缴费" @confirm="payStatus(scope.row)">
                         <el-button slot="reference" size="mini" type="text" icon="el-icon-bank-card"
-                            v-hasPermi="['monitor:online:forceLogout']">缴费确认</el-button>
+                            v-hasPermi="['monitor:online:forceLogout']">确认缴费</el-button>
                     </el-popconfirm>
                 </template>
             </el-table-column>