更新描述文件

2023-10-08 10:20:42 +08:00
101 changed files with 1906 additions and 14765 deletions
@@ -1,3 +1,4 @@
 # PC端前端代码
 ## 开发
 ```bash
@@ -50,92 +50,4 @@ 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
    })
 }
@@ -1,146 +0,0 @@
 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
  })
 }
@@ -8,30 +8,7 @@ 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({
@@ -56,14 +33,6 @@ 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({
@@ -80,14 +49,7 @@ 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({
@@ -96,19 +58,3 @@ 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,
  });
 }
@@ -1,30 +0,0 @@
 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
  })
 }
@@ -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,22 +17,6 @@ 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({
@@ -57,14 +41,6 @@ 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({
@@ -73,94 +49,3 @@ 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
  })
 }
@@ -1,20 +0,0 @@
 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
    })
 }
@@ -1,14 +0,0 @@
 import request from '@/utils/request'
 // 待办数量查询
 export function toDoCount() {
  return request({
    url: '/caseApplication/toDoCount',
    method: 'get'
  })
 }
@@ -1,34 +0,0 @@
 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
    })
 }
@@ -1,203 +0,0 @@
 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
    })
 }
@@ -53,25 +53,4 @@ 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
  })
 }
@@ -51,12 +51,12 @@ export default {
    // 图片数量限制
    limit: {
      type: Number,
-      default: 1,
+      default: 5,
    },
    // 大小限制(MB)
    fileSize: {
       type: Number,
-      // default: 5,
+      default: 5,
    },
    // 文件类型, 例如['png', 'jpg', 'jpeg']
    fileType: {
@@ -41,8 +41,6 @@ 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
@@ -53,7 +51,6 @@ Vue.prototype.selectDictLabel = selectDictLabel
 Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.download = download
 Vue.prototype.handleTree = handleTree
 Vue.prototype.checkPermi = checkPermi
 // 全局组件挂载
 Vue.component('DictTag', DictTag)
@@ -65,14 +65,14 @@ export const constantRoutes = [
    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',
@@ -24,6 +24,7 @@ export function checkPermi(value) {
    return false
  }
 }
 /**
 * 角色权限校验
 * @param {Array} value 校验值
@@ -17,8 +17,7 @@ const service = axios.create({
  // axios中请求配置有baseURL选项，表示请求URL公共部分
  baseURL: process.env.VUE_APP_BASE_API,
  // 超时
-  // timeout: 10000
+  timeout: 10000
  timeout: 15000
 })
 // request拦截器
@@ -30,7 +30,6 @@
            <el-input
              v-model="formData.appEmail"
              placeholder="请输入电子邮件"
              disabled
            />
          </el-form-item>
        </el-col>
@@ -55,14 +54,20 @@
            <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"
@@ -74,13 +79,20 @@
          <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>
@@ -91,19 +103,19 @@
 </template>
 <script>
-import { adjudicationDelivery, adjudicationService } from "@/api/awardManagement/awardManagement";
+import { adjudicationDelivery } from "@/api/awardManagement/awardManagement";
 export default {
-  props: ["openMailawardDialog", "mailawardata", "emailobj"],
+  props: ["openMailawardDialog", "mailawardata"],
  data() {
    return {
-      formData: this.emailobj,
+      formData: {},
    };
  },
  watch: {
-    emailobj: {
+    openMailawardDialog: {
      handler(val) {
        if (val) {
-          this.formData = this.emailobj
+          this.formData = {};
        }
      },
    },
@@ -113,17 +125,12 @@ 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();
              }
@@ -1,159 +0,0 @@
 <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>
@@ -1,165 +0,0 @@
 <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>
@@ -1,133 +0,0 @@
 <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>
@@ -1,129 +0,0 @@
 <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>
@@ -1,6 +1,12 @@
 <template>
  <div>
-    <el-dialog :title="title" :visible="openDialog" width="1000px" @close="cancel" :destroy-on-close="true">
+    <el-dialog
      :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
@@ -27,78 +33,136 @@
          form.claimLiquidDamag
        }}</el-descriptions-item>
        <el-descriptions-item label="申请人案件证据资料">
-          <p @click="toFile(index, 2)" v-for="(item, index) in applicantFileArr" :key="index">
+          <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)">
+          <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)">
+          <p
-            <a href="#">{{ item }}</a>
+            v-for="(item, index) in awardFileArr"
-          </p>
+            :key="index"
-        </el-descriptions-item>
+            @click="toFile(index, 3)"
-        <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"
+      <el-form
-        :disabled="flag == 3">
+        ref="form"
-        <!-- <el-form-item label="经庭审质证，对各方提供的证据认定如下" prop="evidenDetermi">
+        :model="arbitrateRecord"
-          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+        label-width="300px"
-            v-model="arbitrateRecord.evidenDetermi" />
+        label-position="left"
        :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 label="仲裁庭经审理查明(写明仲裁庭认定的事实)" prop="factDetermi">
+        <el-form-item
-          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+          label="仲裁庭经审理查明(写明仲裁庭认定的事实)"
-            v-model="arbitrateRecord.factDetermi" />
+          prop="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 type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+          <el-input
-            v-model="arbitrateRecord.caseSketch" />
+            type="textarea"
            autosize
            :disabled="flag == 2 || flag == 1"
            placeholder="请输入内容"
            v-model="arbitrateRecord.caseSketch"
          />
        </el-form-item>
        <el-form-item label="本庭认为" prop="arbitrateThink">
-          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+          <el-input
-            v-model="arbitrateRecord.arbitrateThink" />
+            type="textarea"
            autosize
            :disabled="flag == 2 || flag == 1"
            placeholder="请输入内容"
            v-model="arbitrateRecord.arbitrateThink"
          />
        </el-form-item>
        <el-form-item label="裁决如下" prop="rulingFollows">
-          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+          <el-input
-            v-model="arbitrateRecord.rulingFollows" />
+            type="textarea"
            autosize
            :disabled="flag == 2 || flag == 1"
            placeholder="请输入内容"
            v-model="arbitrateRecord.rulingFollows"
          />
        </el-form-item>
        <el-form-item label="核验裁决书意见：" prop="verificaOpinion">
-          <el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
+          <el-input
-            v-model="arbitrateRecord.verificaOpinion" />
+            type="textarea"
-        </el-form-item> -->
+            autosize
-        <el-form-item label="笔录内容：" prop="responCrossOpin">
+            :disabled="flag == 2"
-          <!-- <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecord.responCrossOpin" placeholder="请输入" /> -->
+            placeholder="请输入内容"
-          <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecordt.responCrossOpin"
+            v-model="arbitrateRecord.verificaOpinion"
-            placeholder="请输入" />
+          />
        </el-form-item>
-        <el-form-item label="审核意见：" prop="checkOpinion" v-if="flag == 2 || flag == 4">
+        <el-form-item
-          <el-input type="textarea" autosize placeholder="请输入内容" v-model="arbitrateRecord.checkOpinion" />
+          label="审核裁决书意见："
-        </el-form-item>
+          prop="checkOpinion"
-        <el-form-item label="驳回原因" prop="arbitrateReject" v-if="flag == 2 || flag == 4">
+          v-if="flag == 2"
-          <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="danger" @click="submitForm(4)" v-if="flag == 1">重新生成裁决书</el-button> -->
+        <el-button type="primary" @click="submitForm(0)" v-if="flag == 1"
-        <el-button type="primary" @click="submitForm(0)" v-if="flag == 1">提 交</el-button>
+          >提 交</el-button
-        <el-button type="primary" @click="submitForm(1)" v-if="flag == 2">同 意</el-button>
+        >
-        <el-button type="danger" @click="submitForm(2)" v-if="flag == 2">驳 回</el-button>
+        <el-button type="primary" @click="submitForm(1)" v-if="flag == 2"
-        <el-button type="primary" @click="submitForm(3)" v-if="flag == 3">提 交</el-button>
+          >同 意</el-button
-        <el-button type="primary" @click="submitForm(5)" v-if="flag == 4">同 意</el-button>
+        >
-        <el-button type="danger" @click="submitForm(6)" v-if="flag == 4">驳 回</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 @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
@@ -109,21 +173,14 @@
 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: [
@@ -175,22 +232,13 @@ export default {
            trigger: "blur",
          },
        ],
        // arbitrateReject: [
        //   {
        //     required: true,
        //     message: "拒绝原因不能为空",
        //     trigger: "blur",
        //   },
        // ],
      },
      applicantFileArr: [], //申请人
      applicantPathArr: [], //申请人
      respondentFileArr: [], //被申请人
      respondenPathArr: [], //被申请人
-      awardFileArr: [], //庭审笔录文件
+      awardFileArr: [], //裁决书
-      awardPathArr: [], //庭审笔录路径
+      awardPathArr: [], //裁决书
      bookFileArr: [], //裁决书文件
      bookPathArr: [], //庭审笔录路径
    };
  },
  watch: {
@@ -203,18 +251,11 @@ export default {
            (this.respondenPathArr = []), //被申请人
            (this.awardFileArr = []), //裁决书
            (this.awardPathArr = []), //裁决书
-            // setTimeout(() => {
+            setTimeout(() => {
-            this.form = this.detailform;
+              this.form = this.detailform;
-          // if(this.form.arbitrateRecord && this.form.arbitrateRecord.checkOpinion == null ){
+              this.arbitrateRecord = this.form.arbitrateRecord;
-          // this.form.arbitrateRecord.checkOpinion = '同意';
+              this.evidenceFile(this.form);
-          this.arbitrateRecord.checkOpinion = '';
+            }, 1000);
          // }
          this.arbitrateRecord = {};
          if (this.form.arbitrateRecord) {
            this.arbitrateRecord.id = this.form.arbitrateRecord.id;
          }
          this.evidenceFile(this.form);
          // }, 1000);
        }
      },
    },
@@ -223,14 +264,6 @@ 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);
@@ -241,9 +274,6 @@ 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);
          }
        });
      }
@@ -257,8 +287,6 @@ 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");
      }
    },
    // 校验裁决书
@@ -277,34 +305,7 @@ 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) {
@@ -319,45 +320,11 @@ export default {
              arbitrateRecord: this.arbitrateRecord,
            });
          } else if (parms == 2) {
-            if (!that.arbitrateRecord.arbitrateReject == "") {
+            this.checkArbitrateRecordFn({
              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,
              });
            }
          }
        }
      });
@@ -365,6 +332,10 @@ export default {
    cancel() {
      this.$emit("cancelpaymentdetails");
    },
    // 清除画布
    handleReset() {
      this.$refs["esign"].reset(); //清空画布
    },
  },
 };
 </script>
@@ -377,7 +348,6 @@ export default {
 .esign {
  border: 1px solid;
 }
 a {
  color: blue;
 }
@@ -5,19 +5,12 @@
                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="案件状态" prop="caseStatus">
-                <el-select :disabled="caseStatusType" v-model="queryParams.caseStatus" placeholder="请选择案件状态" clearable
+                <el-select v-model="queryParams.caseStatus" placeholder="请选择案件状态" clearable
                    @keyup.enter.native="handleQuery">
-                    <el-option v-for="dict in caseStatus" :key="dict.dictValue" :label="dict.dictLabel"
+                    <el-option v-for="dict in dict.type.case_status" :key="dict.value" :label="dict.label"
                        :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>
            <!-- <el-form-item label="开庭日期" prop="hearDate">
                <el-date-picker v-model="queryParams.hearDate" type="daterange" range-separator="至" start-placeholder="开始日期"
                    end-placeholder="结束日期">
@@ -28,28 +21,6 @@
                <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">
@@ -62,44 +33,38 @@
            <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"
+                    <!-- <el-button size="mini" type="text" icon="el-icon-reading" v-if="scope.row.caseStatus == 10" @click="showModel(scope.row, 0)"
-                        v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
+                        v-hasPermi="['monitor:online:forceLogout']">生成裁决书</el-button> -->
-                        @click="showModel(scope.row, 0)">查看裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 11" @click="showModel(scope.row, 1)"
-                    <el-button size="mini" type="text" icon="el-icon-edit"
+                        v-hasPermi="['monitor:online:forceLogout']">核查</el-button>
-                        v-if="scope.row.caseStatus == 11 && checkPermi(['awardManagement:list:secretarycheck'])"
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 12" @click="showModel(scope.row, 2)"
-                        @click="showModel(scope.row, 1)">确认裁决书</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 == 13" @click="showModel(scope.row, 3)"
-                        v-if="scope.row.caseStatus == 18 && checkPermi(['awardManagement:list:check']) && btnStatus"
+                        v-hasPermi="['monitor:online:forceLogout']">签名</el-button>
-                        @click="showModel(scope.row, 4)">核查裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 14" @click="showModel(scope.row, 4)"
-                    <el-button size="mini" type="text" icon="el-icon-edit"
+                        v-hasPermi="['monitor:online:forceLogout']">用印申请</el-button>
-                        v-if="scope.row.caseStatus == 12 && checkPermi(['awardManagement:list:confirmaward']) && btnStatus"
+                        <!-- v-if="scope.row.caseStatus == 15"   送达裁决书 -->
-                        @click="showModel(scope.row, 2)">审核裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 15"  @click="showMailaward(scope.row)"
-                    <el-button size="mini" type="text" icon="el-icon-edit"
+                        v-hasPermi="['monitor:online:forceLogout']">送达裁决书</el-button>
-                        v-if="scope.row.caseStatus == 13 && checkPermi(['awardManagement:list:sign']) && btnStatus"
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 16" @click="showModel(scope.row, 6)"
-                        @click="showModel(scope.row, 3)">签名</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-reading" 
-                        v-if="scope.row.caseStatus == 14 && checkPermi(['awardManagement:list:signprint']) && btnStatus"
+                        @click="showModel(scope.row, 0)" v-hasPermi="['monitor:online:forceLogout']">生成裁决书</el-button>
-                        @click="showaffixModel(scope.row, 4)">用印</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
-                    <!-- v-if="scope.row.caseStatus > 15" -->
+                        @click="showModel(scope.row, 1)" v-hasPermi="['monitor:online:forceLogout']">核查</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-truck"
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
-                        v-if="scope.row.caseStatus > 15 && checkPermi(['delivery:list:detail'])"
+                        @click="showModel(scope.row, 2)" v-hasPermi="['monitor:online:forceLogout']">确认裁决书</el-button>
-                        @click="showDeliveryModel(scope.row, 4)">快递信息</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
-                    <!-- v-if="scope.row.caseStatus == 15"   送达裁决书 -->
+                        @click="showModel(scope.row, 3)" 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 == 15 && checkPermi(['awardManagement:list:sendaward']) && btnStatus"
+                        @click="showModel(scope.row, 4)" v-hasPermi="['monitor:online:forceLogout']">用印申请</el-button>
-                        @click="showMailaward(scope.row)">送达裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
-                    <el-button size="mini" type="text" icon="el-icon-edit"
+                        @click="showModel(scope.row, 5)" v-hasPermi="['monitor:online:forceLogout']">送达裁决书</el-button>
-                        v-if="scope.row.caseStatus == 16 && checkPermi(['awardManagement:list:file']) && btnStatus"
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
-                        @click="showCasefilingModel(scope.row, 6)">案件归档</el-button>
+                        @click="showModel(scope.row, 6)" v-hasPermi="['monitor:online:forceLogout']">案件归档</el-button> -->
                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="detailsAwardList(scope.row)">案件详情</el-button>   
                </template>
            </el-table-column>
        </el-table>
@@ -109,23 +74,12 @@
        <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag"
            @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList"></paymentdetailsDialog>
        <!-- 送达裁决书页面 -->
-        <mailawardDialog :openMailawardDialog="openMailawardDialog" @closeMailaward="closeMailaward"
+        <mailawardDialog 
-            @updataList="updataList" :mailawardata="mailawardata" :emailobj="emailobj"></mailawardDialog>
+        :openMailawardDialog="openMailawardDialog" 
-        <!-- 快递信息页面 -->
+        @closeMailaward="closeMailaward"
-        <expressDeliveryDialog :showDelivery="showDelivery" :deliveryDataArr="deliveryDataArr"
+        @updataList="updataList"
-            @closeDeliveryModel="closeDeliveryModel" :flagLoading="flagLoading"></expressDeliveryDialog>
+        :mailawardata="mailawardata"
-        <!-- 批量操作弹窗 -->
+        ></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>
@@ -133,50 +87,27 @@
 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: { 
+    components: { paymentdetailsDialog, mailawardDialog },
     paymentdetailsDialog,
     mailawardDialog, 
     expressDeliveryDialog,
     operateDialog,
     detailsAward,
     batchSignatures,
     batchPrintings
     },
    data() {
        return {
            queryParams: {
                pageNum: 1,
                pageSize: 10,
            },
            caseStatus: [],
            // 遮罩层
            loading: false,
            // 总条数
            total: 0,
            // 表格数据
            list: [],
-            emailobj: {},//邮箱存储
+
            // 弹出层标题
            title: "",
            payTitle: "",
@@ -189,99 +120,26 @@ 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: {
-        cancelOperate() {
+        updataList(){
            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() {
@@ -299,39 +157,20 @@ 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;
@@ -341,105 +180,21 @@ 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>
@@ -1,387 +0,0 @@
 <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>
@@ -1,52 +0,0 @@
 <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>
@@ -1,94 +0,0 @@
 <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>
@@ -1,239 +0,0 @@
 <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>
@@ -1,113 +0,0 @@
 <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>
@@ -1,107 +0,0 @@
 <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>
@@ -1,236 +0,0 @@
 <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>
@@ -1,245 +0,0 @@
 <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>
@@ -1,94 +0,0 @@
 <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>
@@ -1,116 +0,0 @@
 <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>
@@ -1,56 +0,0 @@
 <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>
@@ -1,79 +0,0 @@
 <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>
@@ -1,71 +0,0 @@
 <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>
@@ -1,8 +1,19 @@
 <template>
  <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+    <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-input
          v-model="queryParams.caseNum"
          placeholder="请输入案件编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <!-- <el-form-item label="案件状态" prop="caseStatus">
        <el-select
@@ -19,7 +30,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"
@@ -28,10 +39,18 @@
          end-placeholder="结束日期"
        >
        </el-date-picker>
-      </el-form-item> -->
+      </el-form-item>
      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</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%">
@@ -42,45 +61,67 @@
          }}</span>
        </template>
      </el-table-column>
-      <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+      <el-table-column
-      <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+        label="案件编号"
-      <el-table-column label="立案日期" align="center" prop="registerDate" :show-overflow-tooltip="true" />
+        align="center"
-      <el-table-column label="案件状态" align="center" prop="caseStatusName">
+        prop="caseNum"
        :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-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+          <el-button
-        </template>
+            size="mini"
-      </el-table-column>
+            type="text"
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            icon="el-icon-reading"
-        <template slot-scope="scope">
+            @click="showDetail(scope.row)"
-          <el-button size="mini" type="text" icon="el-icon-reading"
+            v-hasPermi="['monitor:online:forceLogout']"
-            v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
+            >归档详情</el-button
-            @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 v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+    <pagination
-      @pagination="getList(queryParams)" />
+      v-show="total > 0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList(queryParams)"
    />
    <!-- 弹窗 -->
-    <archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :caseDetail="caseDetail" :caseLog="caseLog" :videoList="videoList" :detailform="detailform"
+    <!-- <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag"
-      :flagLoading="flagLoading" @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList">
+            @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList"></paymentdetailsDialog> -->
    </archiveDetailsDialog>
  </div>
 </template>
 <script>
-import { caseApplicationList, selectSignSealUrl,caseApplicationDetail } from "@/api/awardManagement/awardManagement";
+import {
-import { caseLogRecordList, logistics } from "@/api/caseManagement/caseManagement";
+  caseApplicationList,
-import { adjudicationArchives, videoList,downloadCaseZipFile} from "@/api/caseFiling/caseFiling";
+  caseApplicationDetail,
-import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
+} from "@/api/awardManagement/awardManagement";
 // import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
 export default {
  name: "archiveList",
  dicts: ["case_status"],
-  components: { archiveDetailsDialog },
+  // components: { paymentdetailsDialog },
  data() {
    return {
      fileURL: window.location.origin + "/API",
      queryParams: {
        pageNum: 1,
        pageSize: 10,
@@ -91,31 +132,25 @@ export default {
      total: 0,
      // 表格数据
      list: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      // 弹出层内容
      form: {},
      // 校验表单
      rules: {},
      dataList: [],
-      detailform: [], //详情数据
+      detailform: {}, //详情数据
-      showarchiveDetails: false, //详情数据弹框
+      openDialog: false, //详情数据弹框
-      flagLoading: false, //详情弹框loading
+      flag: null,
      videoList:"",
      caseDetail:{},
      caseLog:null
    };
  },
  created() {
-    this.queryParams.caseStatusList = [17];
+    this.queryParams.caseStatusList = [16];
    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);
    },
@@ -129,13 +164,6 @@ 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;
@@ -147,52 +175,19 @@ export default {
    },
    // model框显示
    showDetail(row) {
-      // this.getDetail({ id: row.id });
+      this.getDetail({ id: row.id });
-      this.logisticsFn({ id: row.id })
+      this.openDialog = true;
      this.getvideoList({ caseId: row.id });
      this.getCaseDetail({ id: row.id })
      this.getCaseLog({caseAppliId :row.id})
      this.showarchiveDetails = true;
      this.flagLoading = true;
    },
    // 关闭弹窗
    cancelpaymentdetails() {
-      this.showarchiveDetails = false;
+      this.openDialog = false;
    },
    // 根据id查询视频列表
    getvideoList(data) {
      videoList(data).then(res => {
        this.videoList = res.data;
      })
    },
    /** 查询详情 */
-    // getDetail(parms) {
+    getDetail(parms) {
-    //   adjudicationArchives(parms).then((res) => {
+      caseApplicationDetail(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>
@@ -1,125 +0,0 @@
 <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>
@@ -1,636 +0,0 @@
 <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>
@@ -1,92 +0,0 @@
 <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>
@@ -1,126 +0,0 @@
 <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>
@@ -10,10 +10,10 @@
      <el-form
        ref="form"
        :model="formData"
-        label-width="180px"
+        label-width="150px"
        :disabled="true"
      >
-        <div class="caseInfo">案件信息：</div>
+        <p>案件信息：</p>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="12">
@@ -119,41 +119,56 @@
            </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-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"
@@ -257,10 +272,10 @@
            >
            </el-input>
          </el-form-item>
-        </el-col> -->
+        </el-col>
      </el-form>
      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm" :loading="loadingSubmit">提交仲裁结果</el-button>
+        <el-button type="primary" @click="submitForm">提交仲裁结果</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
@@ -276,62 +291,24 @@ 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({
-            ids: [this.formData.id],
+            caseAppliId: this.formData.id,
            evidenDetermi: this.form2.evidenDetermi,
            factDetermi: this.form2.factDetermi,
            caseSketch: this.form2.caseSketch,
@@ -342,11 +319,8 @@ export default {
              this.$modal.msgSuccess("提交成功");
              this.cancel();
              this.$emit("getcaseApply",this.queryParams);
              this.loadingSubmit = false;
            })
-            .catch((err) => {
+            .catch((err) => {});
              this.loadingSubmit = false;
            });
        }
      });
    },
@@ -359,12 +333,8 @@ export default {
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 900px;
+  width: 800px;
  background: #ffffff;
  border-radius: 20px;
 }
 .caseInfo {
  font-size: 17px;
  font-weight: 600;
 }
 </style>
@@ -1,153 +0,0 @@
 <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>
@@ -63,7 +63,7 @@
 </template>
 <script>
-import { pageSignAdjudicate } from "@/api/caseAccess/caseEntry";
+import { importTemplate } from "@/api/caseAccess/caseEntry";
 import { getToken } from "@/utils/auth";
 export default {
  props: ["openbatch","getcaseApply","queryParams"],
@@ -1,164 +0,0 @@
 <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>
@@ -1,168 +0,0 @@
 <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>
@@ -1,233 +0,0 @@
 <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"
              :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-row>
      </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 {
  getTemplate,
 } from "@/api/officialSeal/officialSeal.js";
 import { getToken } from "@/utils/auth";
 export default {
  props: ["openCompressedPackages", "getcaseApply", "queryParams"],
  data() {
    return {
      //   key: value,
      form: {},
      fileList: [],
      templateList: [],
      rules: {
        // upload: [
        //   { required: true, message: "案件压缩包不能为空", trigger: "blur" },
        // ],
        templateId: [
          { 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.$refs["form"].validate((valid) => {
        if (valid) {
          this.$refs.uploadZipBatch.submit();
        }
      })
    },
    // 获取裁决书模板
    getTemplateFn(data) {
      getTemplate(data).then(res => {
        console.log(res.rows, "KKKKKKKKKKKKKKKKKKKKKKK");
        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() {
      //   console.log("下载模板");
      this.download(
        "caseApplication/uploadCaseZipFile",
        {},
        `case_batch_${new Date().getTime()}.xlsx`
      );
    },
    // 文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
      this.upload.isUploading = true;
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
      //   this.upload.open = false;
      this.$emit("cancelCompreess");
      this.upload.isUploading = false;
      this.$refs.uploadZipBatch.clearFiles();
      if (response.code == 200) {
        this.$alert(
          "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
          response.msg +
          "</div>",
          "导入结果",
          { dangerouslyUseHTMLString: true }
        )
      } else {
        this.$alert(
          "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
          "导入压缩失败" +
          "</div>",
          "导入结果",
          { dangerouslyUseHTMLString: true }
        )
      }
      this.getcaseApply(this.queryParams);
    },
  },
 };
 </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>
@@ -1,113 +0,0 @@
 <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>
@@ -8,56 +8,37 @@
      @close="cancel"
      :destroy-on-close="true"
    >
-        <div v-show="choosetrialmethodata.arbitraMethodIssame!=2">
+      <el-descriptions>
-          <el-descriptions>
+        <el-descriptions-item label="当前仲裁方式：">
-            <el-descriptions-item label="当前仲裁方式：">
+          <el-tag size="small">{{
-              <el-tag size="small">{{
+            choosetrialmethodata.arbitratMethodName
-                choosetrialmethodata.arbitratMethodName
+          }}</el-tag>
-              }}</el-tag>
+        </el-descriptions-item>
-            </el-descriptions-item>
+      </el-descriptions>
          </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="choosetrialmethodata.arbitraMethodIssame==2">
          <el-descriptions>
            <el-descriptions-item label="当前案件开庭方式">{{choosetrialmethodata.arbitratMethodIllustrate}}</el-descriptions-item>
          </el-descriptions>
          <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>
@@ -68,27 +49,18 @@ export default {
  name: "showchoosetrialmethodDialog",
  props: ["showchoosetrialmethod", "choosetrialmethodata", "queryParams"],
  data() {
-    return {
+    return {};
      form:{},
      loadingSubmit: false,
      rules:{
        arbitratMethod: [
            { required: true, message: '请选择开庭方式', trigger: 'change' }
          ]
      }
    };
  },
  methods: {
    // 审核仲裁方式 arbitrateMethod
    submitForm(val) {
      let paramsdata = {
-        opinion: val
+        opinion: val,
      };
      let id = {
        id: this.choosetrialmethodata.id,
        arbitratMethod:this.choosetrialmethodata.arbitratMethod
      };
-      arbitrateMethod(paramsdata,id)
+      arbitrateMethod(paramsdata, id)
        .then((res) => {
          this.$modal.msgSuccess("提交成功");
          this.cancel();
@@ -96,32 +68,6 @@ 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");
    },
@@ -9,58 +9,29 @@
      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="Arbitor"
+          prop="hearDate"
          v-if="noArbitrator || isAgreePendTral == 0"
          :rules="[
            {
              required: true,
-              message: '仲裁员不能为空',
+              message: '请选择开庭日期',
              trigger: 'blur',
            },
          ]"
        >
-          <el-select
+          <div class="reviewbox">
-            placeholder="请选择仲裁员"
+            <el-date-picker
-            @change="changeArbitor"
+              v-model="courtReviewform.hearDate"
-            v-model="courtReviewform.Arbitor"
+              type="datetime"
-            clearable
+              placeholder="选择日期"
-          >
+            >
-            <el-option
+            </el-date-picker>
-              v-for="item in dataList"
+          </div>
              :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" :loading="loadingSubmit" @click="submitForm" class="endbutton"
+        <el-button type="primary" @click="submitForm" class="endbutton"
          ><span>确 定</span>
        </el-button>
        <el-button @click="cancel" class="endbutton1"
@@ -73,108 +44,33 @@
 <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.loadingSubmit = true;
+          this.courtReviewform.hearDate = moment(
-          pendTralSure(this.paramsdata)
+            this.courtReviewform.hearDate
          ).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;
            });
        }
      });
    },
@@ -187,20 +83,19 @@ 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;
@@ -211,14 +106,12 @@ export default {
    // line-height: 48px;
  }
 }
 .endbutton1 {
  width: 124px;
  height: 37px;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 19px;
  span {
    width: 31px;
    height: 13px;
@@ -229,10 +122,6 @@ export default {
    // line-height: 48px;
  }
 }
 .nowarbitrator {
  margin-left: 10%;
 }
 ::v-deep .el-form-item__error {
  left: 90px;
 }
@@ -1,133 +0,0 @@
 <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>
@@ -1,139 +0,0 @@
 <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>
@@ -1,100 +0,0 @@
 <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>
@@ -1,129 +0,0 @@
 <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>
@@ -1,22 +1,27 @@
 <template>
  <div>
    <!-- 立案审查 -->
-    <el-dialog title="立案审查" :visible="showfilingreview" width="500px" @close="cancel" :destroy-on-close="true">
+    <el-dialog
      title="立案审查"
      :visible="showfilingreview"
      width="500px"
      @close="cancel"
      :destroy-on-close="true"
    >
      <div class="radiobox">
-        <el-radio-group v-model="radio" style="margin-bottom: 20px;">
+        <el-radio-group v-model="radio">
          <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" :loading="loadingSubmit"><span>提 交</span></el-button>
+        <el-button type="primary" @click="submitForm" class="endbutton"
-        <el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
+          ><span>提 交</span></el-button
        >
        <el-button @click="cancel" class="endbutton1"
          ><span> 取 消</span></el-button
        >
      </div>
    </el-dialog>
  </div>
@@ -32,41 +37,21 @@ export default {
  data() {
    return {
      radio: 1,
      ruleForm: {},
      loadingSubmit: false,
      rules: {
        caseCheckReject: [
          {
            required: true,
            message: "拒绝原因不能为空",
            trigger: "blur",
          },
        ],
      }
    };
  },
  methods: {
    submitForm() {
-      this.$refs["ruleForm"].validate((valid) => {
+      let paramsdata = {
-        if (valid) {
+        agreeOrNotCheck: this.radio,
-          this.loadingSubmit = true;
+        id: this.filingreviewdata.id,
-          let paramsdata = {
+      };
-            agreeOrNotCheck: this.radio,
+      submitCaseApplicationCheck(paramsdata)
-            ids: [this.filingreviewdata.id],
+        .then((res) => {
-            caseCheckReject:this.ruleForm.caseCheckReject
+          this.$modal.msgSuccess("提交成功");
-          };
+          this.cancel();
-          submitCaseApplicationCheck(paramsdata)
+          this.$emit("getcaseApply", this.queryParams);
-            .then((res) => {
+        })
-              this.$modal.msgSuccess("提交成功");
+        .catch((err) => {});
              this.cancel();
              this.$emit("getcaseApply", this.queryParams);
              this.loadingSubmit = false;
            })
            .catch((err) => {
              this.loadingSubmit = false;
             });
        }
      });
    },
    cancel() {
      this.$emit("cancelFilingreview");
@@ -79,19 +64,16 @@ 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;
@@ -102,14 +84,12 @@ export default {
    // line-height: 48px;
  }
 }
 .endbutton1 {
  width: 124px;
  height: 37px;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 19px;
  span {
    width: 31px;
    height: 13px;
@@ -2,73 +2,70 @@
  <div>
    <!-- 组庭界面 -->
    <el-dialog
-      title="组庭建议"
+      title="组庭审核"
      :visible="showformateCourt"
      v-if="showformateCourt"
      @close="cancel"
-      destroy-on-close
+      :destroy-on-close="true"
      center
    >
-      <el-form
+      <el-form label-width="150px" v-if="!noArbitrator">
        ref="formateCourtform"
        :model="formateCourtform"
        label-width="110px"
        label-position="left"
      >
        <el-form-item label="是否同意组庭：">
-          <el-radio-group v-model="isAgreePendTral" @change="radioValue">
+          <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-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 type="primary" @click="submitForm" class="endbutton" :loading="loadingSubmit"
+        <el-button
          type="primary"
          @click="submitForm"
          :disabled="!this.arbitrators.length > 0 && isAgreePendTral == 0"
          class="endbutton"
          ><span>确 定</span></el-button
        >
        <el-button @click="cancel" class="endbutton1"
@@ -86,118 +83,77 @@ export default {
  data() {
    return {
      dataList: [],
-      loadingSubmit: false,
+      total: 0,
      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) {
-          this.noArbitrator = true;
+          console.log('无仲裁员',val);
          this.noArbitrator = true
        } else {
-          this.noArbitrator = false;
+          this.noArbitrator = false
        }
      },
    },
  },
  methods: {
    // 获取仲裁员信息
-    getarbitrAtor(val) {
+    getarbitrAtor() {
-      console.log(val,"ppppppppppppppppppp")
+      arbitrAtor({}).then((res) => {
-      arbitrAtor(val).then((res) => {
+        this.dataList = res.rows;
-        this.dataList = res.data;
+        this.total = res.total;
      });
    },
-    changeArbitor(val) {
+    // 勾选仲裁员
    handleSelectionChange(val) {
      this.arbitrators = [];
-      this.dataList.forEach((item) => {
+      val.forEach((item) => {
-        if (item.userId == val) {
+        this.arbitrators.push({
-          this.arbitrators.push({
+          id: item.id,
-            id: item.userId,
+          arbitratorName: item.arbitratorName,
-            arbitratorName: item.nickName,
+        });
          });
        }
      });
    },
    // 确认
    submitForm() {
-      if (this.noArbitrator) {
+      // if (this.arbitrators.length > 0) {
      if (this.isAgreePendTral == 0) {
        this.paramsdata = {
          isAgreePendTral: 0,
          id: this.formateCourtData.id,
          arbitrators: this.arbitrators,
          arbitratorId:this.formateCourtData.arbitratorId,
          arbitratorName:this.formateCourtData.arbitratorName
        };
      } else {
-        if (this.isAgreePendTral == 0) {
+        this.paramsdata = {
-          this.paramsdata = {
+          isAgreePendTral: 1,
-            isAgreePendTral: 0,
+          id: this.formateCourtData.id,
-            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
          };
        }
      }
-      console.log(this.paramsdata)
+      pendTralCheck(this.paramsdata).then((res) => {
-      this.$refs["formateCourtform"].validate((valid) => {
+        this.cancel();
-        if (valid) {
+        this.$modal.msgSuccess("组庭成功");
-           this.loadingSubmit = true;
+        this.$emit("getcaseApply", this.queryParams);
          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>
@@ -236,13 +192,4 @@ export default {
    color: #959595;
  }
 }
 .infoIcon {
  width: 4px;
  // height: 17px;
  background-color: #0072ff;
  margin-right: 5px;
 }
 .nowarbitrator {
  margin-left: 4%;
 }
 </style>
@@ -1,435 +0,0 @@
 <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-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="bmz驳回原因" 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">提 交</el-button>
        <el-button type="primary" @click="submitForm(1)" v-if="flag == 2">5提交</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">提交</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
 </template>
 <script>
 import {
  verificationArbitrateRecord,
  checkArbitrateRecord,
  adjudicationSignature,
  regenerationDocument,
  arbitratorCheckArbitrateRecord
 } from "@/api/awardManagement/awardManagement";
 export default {
  props: ["openDialogInfor", "title", "flag", "awardDetailform","queryParams"],
  data() {
    return {
      // key: value
      arbitrateRecordt: {},
      agreeOrNotCheck:1,
      form: {},
      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) {
      verificationArbitrateRecord(parms).then((res) => {
        this.cancel();
        // this.$emit("updataList");
        this.$emit("getcaseApply", this.queryParams);
        // this.$message("成功");
        this.$modal.msgSuccess("提交成功");
      });
    },
    //审核裁决书
    checkArbitrateRecordFn(parms) {
      checkArbitrateRecord(parms).then((res) => {
        this.cancel();
        // this.$emit("updataList");
        this.$emit("getcaseApply", this.queryParams);
        // this.$message("成功");
        this.$modal.msgSuccess("提交成功");
      });
    },
    // 仲裁员审核裁决书
    arbitratorCheckArbitrateRecordFn(parms) {
      console.log(parms)
      arbitratorCheckArbitrateRecord(parms).then((res) => {
        this.cancel();
        // this.$emit("updataList");
        this.$emit("getcaseApply", this.queryParams);
        // this.$message("成功");
        this.$modal.msgSuccess("提交成功");
      });
    },
    // 签名
    adjudicationSignatureFn(parms) {
      adjudicationSignature(parms).then((res) => {
        this.cancel();
        // this.$emit("updataList");
        this.$emit("getcaseApply", this.queryParams);
        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) {
            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) {
            // 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,
            });
          }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,
              });
              }
            // if (!that.arbitrateRecord.arbitrateReject) {
            //   this.$message.error('请输入拒绝原因');
            //   return
            // } else {
            //   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>
@@ -1,154 +0,0 @@
 <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>
@@ -1,415 +0,0 @@
 <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>
@@ -1,6 +1,6 @@
 <template>
  <div>
-    <el-dialog :title="payTitle" :visible="openPay" @close="payCancel" width="800px" append-to-body
+    <el-dialog :title="payTitle" :visible.sync="openPay" v-if="openPay" width="800px" append-to-body
      :destroy-on-close="true" center>
      <el-descriptions title="订单信息">
        <el-descriptions-item label="案件编号">{{
@@ -18,37 +18,14 @@
        <el-descriptions-item label="被申请人">{{
          form.respondentName
        }}</el-descriptions-item>
-        <el-descriptions-item label="案件状态">
+        <el-descriptions-item label="案件状态">{{
-          <el-tag size="mini" type='danger' effect="dark">
+          form.caseStatusName
-            {{ form.caseStatusName }}
+        }}</el-descriptions-item>
-          </el-tag>
+        <el-descriptions-item label="申请人仲裁诉求">{{
        </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="paySelectType">
+      <div class="payType">
        <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>
@@ -57,93 +34,27 @@
        <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, confirmPayDig } from "@/api/pay/pay";
+import { casePay, selectCaseApplicationConfirm } from "@/api/pay/pay";
 import QRCode from "qrcodejs2";
 import { getToken } from "@/utils/auth";
 export default {
-  props: ["openPay", "payTitle", "form", "payForm", "queryParams","payId"],
+  props: ["openPay", "payTitle", "form", "payForm"],
  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 生成微信支付二维码
@@ -156,6 +67,22 @@ 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) {
@@ -175,12 +102,18 @@ export default {
      }
      casePay({
        totalFee: this.payForm.feePayable * 100,
-        caseIds: [this.payForm.caseId],
+        caseId: 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() {
@@ -188,17 +121,6 @@ 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>
@@ -206,7 +128,6 @@ export default {
 .payType {
  height: 80px;
  line-height: 80px;
  display: flex;
  .icon-weixinzhifu {
    font-size: 24px;
@@ -220,17 +141,6 @@ export default {
  }
 }
 .paySelectType {
  margin-top: 20px;
  margin-bottom: 20px;
 }
 .payupload {
  display: flex;
  .uploadBtn {}
 }
 .payImg {
  width: 100%;
  display: flex;
@@ -1,197 +0,0 @@
 <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;
            if (res.code == 200) {
                this.getcaseApply(this.queryParams)
            //   this.getList();
            }
          }).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>
@@ -1,147 +0,0 @@
 <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>
@@ -6,8 +6,13 @@
      @close="cancel"
      :destroy-on-close="true"
    >
-      <el-form ref="form" :model="formData" label-width="180px">
+      <el-form
-        <div class="caseInfo">案件信息：</div>
+        ref="form"
        :model="formData"
        label-width="150px"
        :disabled="true"
      >
        <p>案件信息：</p>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="12">
@@ -15,24 +20,17 @@
              <el-input
                v-model="formData.caseNum"
                placeholder="请输入案件编号"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人：" prop="applicantName">
-              <el-input
+              <el-input v-model="adjudicatename.applicantName" />
                v-model="adjudicatename.applicantName"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="被申请人：" prop="respondentName">
-              <el-input
+              <el-input v-model="adjudicatename.respondentName" />
                v-model="adjudicatename.respondentName"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -41,7 +39,6 @@
                v-model="formData.loanStartDate"
                type="datetime"
                placeholder="借款开始日期"
                :disabled="true"
              >
              </el-date-picker>
            </el-form-item>
@@ -52,7 +49,6 @@
                v-model="formData.loanEndDate"
                type="datetime"
                placeholder="借款结束日期"
                :disabled="true"
              >
              </el-date-picker>
            </el-form-item>
@@ -62,7 +58,6 @@
              <el-input
                v-model="formData.caseSubjectAmount"
                placeholder="请输入案件标的"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
@@ -79,7 +74,6 @@
              <el-input
                v-model="adjudicatename.feePayable"
                placeholder="请输入仲裁费用"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
@@ -88,7 +82,6 @@
              <el-input
                v-model="formData.claimPrinciOwed"
                placeholder="请输入"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
@@ -102,7 +95,6 @@
              <el-input
                v-model="formData.caseStatusName"
                placeholder="请输入"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
@@ -111,7 +103,6 @@
              <el-input
                v-model="adjudicatename.arbitratorName"
                placeholder="请输入"
                :disabled="true"
              />
            </el-form-item>
          </el-col>
@@ -122,334 +113,149 @@
                v-model="adjudicatename.hearDate"
                type="datetime"
                placeholder="开庭日期"
                :disabled="true"
              >
              </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, index)" 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">
          <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">
          <el-form-item label="上传庭审笔录:">
            <el-upload
              class="upload-demo"
              ref="fileupload"
              accept=".doc,.docx"
              :action="UploadUrl()"
              :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>
+      <el-button @click="openmeeting" type="primary"
-      <el-button
+        >发起会议
-        @click="openArbitrationresults"
+        <!-- <iframe src="http://47.97.117.253:9005/#/">发起会议</iframe> -->
-        type="primary"
+      </el-button>
-        v-if="this.awardArr.length <= 0"
+      <el-button @click="openArbitrationresults" type="primary"
-        >确认会议结果</el-button>
+        >提交仲裁结果</el-button
      >
      <div slot="footer" class="dialog-footer">
-        <el-button
+        <!-- <el-button @click="submitForm" class="endbutton"
-          class="endbutton"
+          ><span>结束审理</span></el-button
-          :disabled="
+        > -->
            (showsubmit && recordArr.length == 0) || form2.isAbsence == 1
          "
          @click="submitResults"
          :loading="loadingSub"
          >提交</el-button
        >
        <el-button @click="cancel" class="endbutton1"
          ><span>关 闭</span></el-button
        >
      </div>
    </el-dialog>
    <el-dialog
-      title="庭审笔录"
+      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
-            label="被申请人是否缺席："
+            label="经庭审质证，对各方提供的证据认定如下："
-            prop="appliIsAbsen"
+            prop="evidenDetermi"
            :rules="[
              {
                required: true,
                message: '请输入',
                trigger: 'blur',
              },
            ]"
          >
-            <el-radio-group v-model="form2.appliIsAbsen">
+            <el-input
-              <el-radio :label="1">是</el-radio>
+              type="textarea"
-              <el-radio :label="0">否</el-radio>
+              :autosize="{ minRows: 4 }"
-            </el-radio-group>
+              placeholder="请输入"
              v-model="form2.evidenDetermi"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item
-            label="申请人是否缺席："
+            label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
-            prop="isAbsence"
+            prop="factDetermi"
            :rules="[
              {
                required: true,
                message: '请输入',
                trigger: 'blur',
              },
            ]"
          >
-            <el-radio-group v-model="form2.isAbsence">
+            <el-input
-              <el-radio :label="1">是</el-radio>
+              type="textarea"
-              <el-radio :label="0">否</el-radio>
+              :autosize="{ minRows: 4 }"
-            </el-radio-group>
+              placeholder="请输入"
              v-model="form2.factDetermi"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item
-            label="被申请人对上述材料的质证意见"
+            label="综上所述："
-            prop="respondentOpinion"
+            prop="caseSketch"
            :rules="[
              {
                required: true,
                message: '请输入',
                trigger: 'blur',
              },
            ]"
          >
            <el-input
              type="textarea"
-              :autosize="{ minRows: 6 }"
+              autosize
              v-model="form2.respondentOpinion"
              placeholder="请输入"
-            />
+              v-model="form2.caseSketch"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item
-            label="申请人对上述材料的质证意见"
+            label="本庭认为："
-            prop="applicantOpinion"
+            prop="arbitrateThink"
            :rules="[
              {
                required: true,
                message: '请输入',
                trigger: 'blur',
              },
            ]"
          >
            <el-input
              type="textarea"
-              :autosize="{ minRows: 6 }"
+              autosize
              v-model="form2.applicantOpinion"
              placeholder="请输入"
-            />
+              v-model="form2.arbitrateThink"
-          </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 label="仲裁庭经审理查明(写明仲裁庭认定的事实)：" prop="factDetermi" :rules="[
+          <el-form-item
-            {
+            label="裁决如下："
-              required: true,
+            prop="rulingFollows"
-              message: '请输入',
+            :rules="[
-              trigger: 'blur',
+              {
-            },
+                required: true,
-          ]">
+                message: '请输入',
-            <el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.factDetermi">
+                trigger: 'blur',
              },
            ]"
          >
            <el-input
              type="textarea"
              autosize
              placeholder="请输入"
              v-model="form2.rulingFollows"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="综上所述：" prop="caseSketch" :rules="[
            {
              required: true,
              message: '请输入',
              trigger: 'blur',
            },
          ]">
            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.caseSketch">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="本庭认为：" prop="arbitrateThink" :rules="[
            {
              required: true,
              message: '请输入',
              trigger: 'blur',
            },
          ]">
            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.arbitrateThink">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="裁决如下：" prop="rulingFollows" :rules="[
            {
              required: true,
              message: '请输入',
              trigger: 'blur',
            },
          ]">
            <el-input type="textarea" autosize placeholder="请输入" v-model="form2.rulingFollows">
            </el-input>
          </el-form-item>
        </el-col> -->
      </el-form>
      <div slot="footer" class="dialog-footer">
-        <el-button
+        <el-button @click="submitForm" class="endbutton">
-          @click="submitForm"
+          <span>提交仲裁结果</span></el-button
          class="endbutton"
          :loading="loadingSubmit"
        >
          <span>确定</span></el-button
        >
        <el-button @click="closeArbitrationresults" class="endbutton1"
          ><span>取 消</span></el-button
@@ -460,356 +266,88 @@
 </template>
 <script>
 import { getToken } from "@/utils/auth";
 import { getUserProfile } from "@/api/system/user";
-import { selectCaseApply } from "@/api/caseAccess/caseEntry";
+import { writtenHear } from "@/api/caseManagement/caseManagement.js";
-import {
+
  writtenHear,
  creatTrialRecord,
  creatTrialRecordnew,
  document,
  changeCaseStatus
 } from "@/api/caseManagement/caseManagement.js";
 import { reserveConferenceList } from "@/api/meeting/index.js";
 export default {
  props: ["showtrialincourt", "adjudicatename", "form", "queryParams"],
  data() {
    return {
      formData: {},
      headers: {
        Authorization: "Bearer " + getToken(),
      },
      filedata: {
        annexType: 7,
        id: 0,
      },
      filedatas: {
        annexType: 3,
        id: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.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.adjudicatename);
            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,
                  });
                }
                // 笔录生成附件
                if (item.annexType == 7) {
                  this.recordArr.push({
                    annexName: item.annexName,
                    annexPath: item.annexPath,
                  });
                }
                //裁决书附件
                if (item.annexType == 3) {
                  this.awardArr.push({
                    annexName: item.annexName,
                    annexPath: item.annexPath,
                  });
                }
              });
            }
          }, 1000);
        }
      },
    },
  },
-  created() {},
+  created() {
    this.getUser();
  },
  methods: {
    // 根据案件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, index) {
      window.open(
        window.location.origin + "/API" + this.awardArr[index].annexPath,
        "_black"
      );
    },
    // 庭审笔录附件
    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;
      });
    },
    // 打开会议
    openmeeting() {
-      window.open(
+      // window.open('https://txroom.xayunmei.com');
-        // `http://localhost:8081/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}`
+      window.open(`https://txroom.xayunmei.com/#/home?name=${this.user}`);
        // `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) {
-          this.loadingSubmit = true;
+          writtenHear({
          creatTrialRecordnew({
            caseAppliId: this.formData.id,
-            // evidenDetermi: this.form2.evidenDetermi,
+            evidenDetermi: this.form2.evidenDetermi,
-            // factDetermi: this.form2.factDetermi,
+            factDetermi: this.form2.factDetermi,
-            // caseSketch: this.form2.caseSketch,
+            caseSketch: this.form2.caseSketch,
-            // arbitrateThink: this.form2.arbitrateThink,
+            arbitrateThink: this.form2.arbitrateThink,
-            // rulingFollows: this.form2.rulingFollows,
+            rulingFollows: this.form2.rulingFollows,
            // isAbsence: this.form2.isAbsence,
            // appliIsAbsen: this.form2.appliIsAbsen,
            // responCrossOpin: this.form2.responCrossOpin,
            // applicaCrossOpin: this.form2.applicaCrossOpin,
            // responDefenOpini: this.form2.responDefenOpini,
            isAbsence: this.form2.isAbsence,
            appliIsAbsen: this.form2.appliIsAbsen,
            respondentOpinion: this.form2.respondentOpinion,
            applicantOpinion: this.form2.applicantOpinion,
            // caseFacts: this.form2.caseFacts,
            // caseFocus: this.form2.caseFocus
          })
            .then((res) => {
              // console.log(res);
              // res.data.caseAttachList.forEach((item) => {
              //   if (item.annexType == 7) {
              //     this.recordArr.push({
              //       annexName: item.annexName,
              //       annexPath: item.annexPath,
              //     });
              //   }
              // });
              this.$modal.msgSuccess("提交成功");
-              this.showsubmit = false;
+              this.cancel();
              this.closeArbitrationresults();
-              console.log(this.form2);
+              this.$emit("getcaseApply", this.queryParams);
              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.adjudicatename.caseAttachList = res.data.caseAttachList;
                 this.adjudicatename.caseAttachList.forEach(item=>{
                  if(item.annexType==3){
                    this.awardArr.push({
                    annexName: item.annexName,
                    annexPath: item.annexPath,
                  });
                  }
                 })
              });
            })
-            .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
        });
      }
    },
    // 上传庭审笔录
    UploadUrl() {
      return window.location.origin + "/API/evidence/uploadRecord";
    },
    // 文件上传成功
    handlSuccess(res, file) {
      // this.fileList.push(file);
       let val = {
                id: this.form.id,
                version: this.form.version,
              };
              this.recordArr =[];
              selectCaseApply(val).then((res) => {
                this.adjudicatename.caseAttachList = res.data.caseAttachList;
                 this.adjudicatename.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/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.adjudicatename.caseAttachList = res.data.caseAttachList;
                 this.adjudicatename.caseAttachList.forEach(item=>{
                  if(item.annexType==3){
                    this.awardArr.push({
                    annexName: item.annexName,
                    annexPath: item.annexPath,
                  });
                  }
                 })
              });
    },
    beforeAvatarUploads(){
      this.filedatas.id = this.formData.id;
    }
  },
 };
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 900px;
+  width: 800px;
  background: #ffffff;
  border-radius: 20px;
 }
 .endbutton {
  width: 154px;
  height: 37px;
-  background: #488de2;
+  background: #0072ff;
  border-radius: 19px;
  color: #ffffff;
  span {
    width: 96px;
    height: 15px;
@@ -819,25 +357,19 @@ 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>
@@ -1,137 +0,0 @@
 <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>
@@ -1,73 +0,0 @@
 <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.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>
@@ -1,104 +0,0 @@
 <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>
        <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 { getDicts } from '@/api/system/dict/data.js'
 export default {
    name: "paymentList",
    dicts: ["case_status"],
    components: {},
    data() {
        return {
            queryParams: {
                pageNum: 1,
                pageSize: 10,
            },
            caseStatus: [],
            // 遮罩层
            loading: false,
            // 总条数
            total: 0,
            // 表格数据
            form: {},
            // 校验表单
            rules: {},
            dataList: [],
        };
    },
    created() {
        getDicts("case_status").then(res => {
            this.caseStatus = res.data;
            this.getList(this.queryParams);
        })
    },
    methods: {
        /** 搜索按钮操作 */
        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>
@@ -1,100 +0,0 @@
 <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>
        <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 {
    smsList,
 } from "@/api/deliveryRecord/deliveryRecord.js";
 import { getDicts } from '@/api/system/dict/data.js'
 export default {
    name: "paymentList",
    dicts: ["case_status"],
    components: { },
    data() {
        return {
            queryParams: {
                pageNum: 1,
                pageSize: 10,
            },
            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,params) {
            this.loading = true;
            smsList(data,params).then((response) => {
                this.dataList = response.rows;
                this.dataList.forEach(item=>{
                    if(item.sendStatus == 0){
                        item.sendStatus = "发送失败"
                    }else if(item.sendStatus == 1){
                        item.sendStatus = "已送达"
                    }else if(item.sendStatus == 2){
                        item.sendStatus = "已读取"
                    }else{
                        item.sendStatus = "发送失败"
                    }
                })
                this.total = response.total;
                this.loading = false;
            });
        },
    },
 };
 </script>
 <style lang="scss" scoped></style>
@@ -80,19 +80,12 @@ export default {
    };
  },
  created() {
-    // this.getarbitrAtor();
+    this.getarbitrAtor();
  },
  watch:{
    showformateCourt(val){
      if(val){
        this.getarbitrAtor({caseId:this.formateCourtData.id});
      }
    }
  },
  methods: {
    // 获取仲裁员信息
-    getarbitrAtor(val) {
+    getarbitrAtor() {
-      arbitrAtor(val).then((res) => {
+      arbitrAtor({}).then((res) => {
        this.dataList = res.rows;
        this.total = res.total;
      });
@@ -1,291 +1,93 @@
 <template>
  <div class="app-container home">
-    <div class="header">
+    <el-row :gutter="20">
-      <div class="iconTitle"></div>
+      <el-col :sm="24" :lg="24">
-      <div class="headerMain">我的待办事项</div>
+        智慧仲裁
-    </div>
+      </el-col>
-    <div class="homeMain">
+    </el-row>
-      <div class="cardList" v-hasPermi="['home:caseApply']" @click="pushPage(0)">
+    <el-row :gutter="20">
-        <div class="badge">{{ dataCount.caseApply }}</div>
+      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <div class="cardMain">
+        <h2>我的待办事项</h2>
-          <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
+      </el-col>
-        </div>
+    </el-row>
-        <div class="cardMain">
+    <el-divider />
          <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) {
-    getToDoCount() {
+      window.open(href, "_blank");
      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;
-  .header {
+  ul {
-    width: 100%;
+    list-style-type: none;
-    height: 80px;
+  }
    display: flex;
    align-items: center;
-    .iconTitle {
+  h4 {
-      width: 5px;
+    margin-top: 0px;
-      height: 25px;
+  }
      background-color: #0f5c9b;
      margin-right: 25px;
    }
-    .headerMain {
+  h2 {
-      font-size: 20px;
+    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }
  p {
    margin-top: 10px;
    b {
      font-weight: 700;
    }
  }
-  .homeMain {
+  .update-log {
-    width: 100%;
+    ol {
-    display: flex;
+      display: block;
-    flex-wrap: wrap;
+      list-style-type: decimal;
-
+      margin-block-start: 1em;
-    // justify-content: space-between;
+      margin-block-end: 1em;
-    .cardList {
+      margin-inline-start: 0;
-      width: 14%;
+      margin-inline-end: 0;
-      height: 200px;
+      padding-inline-start: 40px;
      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;
        }
      }
    }
  }
 }
@@ -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 © 2023 乙巢（上海）企业管理服务有限公司</span>
+      <span>Copyright © 2018-2023 Smart arbitration.vip All Rights Reserved.</span>
    </div>
  </div>
 </template>
@@ -72,8 +72,8 @@ export default {
    return {
      codeUrl: "",
      loginForm: {
-        username: "",
+        username: "admin",
-        password: "",
+        password: "admin123",
        rememberMe: false,
        code: "",
        uuid: ""
@@ -161,7 +161,7 @@ export default {
  justify-content: center;
  align-items: center;
  height: 100%;
-  background-image: url("../assets/images/loginbg.jpg");
+  background-image: url("../assets/images/login-background.jpg");
  background-size: cover;
 }
 .title {
@@ -1,138 +0,0 @@
 <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>
@@ -1,95 +0,0 @@
 <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>
@@ -1,113 +0,0 @@
 <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>
@@ -1,124 +0,0 @@
 <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>
@@ -1,94 +0,0 @@
 <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>
@@ -1,123 +0,0 @@
 <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>
@@ -1,90 +0,0 @@
 <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>
@@ -1,127 +0,0 @@
 <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>
@@ -1,112 +0,0 @@
 <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>
@@ -1,288 +0,0 @@
 <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>
@@ -1,117 +0,0 @@
 <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>
@@ -1,58 +0,0 @@
 <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>
@@ -1,128 +0,0 @@
 <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>
@@ -1,280 +0,0 @@
 <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>
@@ -1,182 +0,0 @@
 <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>
@@ -1,140 +0,0 @@
 <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>
@@ -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>
@@ -1,150 +0,0 @@
 <template>
    <div>
        <!-- 批量确认缴费 -->
        <el-dialog title="批量确认缴费" :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="案件编号" 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"><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:[]
            },
        }
    },
     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.submitForm.ids = this.batchData;
            console.log(this.submitForm)
            confirmPay(this.submitForm).then(res => {
                this.$modal.msgSuccess("成功");
                this.payCancel();
                this.getBatchComfirmation(this.queryParamsData);
            })
        },
        cancel() {
         this.$emit("batchOperate");
        },
    }
 }
 </script>
@@ -3,73 +3,40 @@
    <el-dialog
      :title="title"
      :visible="openDialog"
      width="800px"
      @close="cancel"
      :destroy-on-close="true"
      center
    >
-      <el-form ref="form" :model="form" label-width="120px">
+      <el-form ref="form" :model="form" label-width="150px" :disabled="true">
        <el-form-item label="案件编号：" prop="caseNum">
-          <el-input v-model="form.caseNum" placeholder="" :disabled="true" />
+          <el-input v-model="form.caseNum" placeholder="" />
        </el-form-item>
        <el-form-item label="案件标的：" prop="caseSubjectAmount">
-          <el-input v-model="form.caseSubjectAmount" :disabled="true" />
+          <el-input-number
-        </el-form-item>
+            v-model="form.caseSubjectAmount"
-        <el-form-item label="缴费人：" prop="applicantName">
+            controls-position="right"
-          <el-input
+            :min="0"
            v-model="form.applicantName"
            placeholder=""
            :disabled="true"
          />
        </el-form-item>
        <el-form-item label="缴费人：" prop="caseNum">
          <el-input v-model="form.caseNum" placeholder="" />
        </el-form-item>
        <el-form-item label="缴费金额：" prop="feePayable">
-          <el-input v-model="form.feePayable" :disabled="true" />
+          <el-input-number
            v-model="form.feePayable"
            controls-position="right"
            :min="0"
          />
        </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-input v-model="form.caseStatusName" placeholder="" />
          <el-tag>{{ form.caseStatusName }}</el-tag>
        </el-form-item>
        <el-form-item label="支付状态：" prop="paymentStatusName">
-          <!-- <el-input v-model="form.paymentStatusName" placeholder="" /> -->
+          <el-input v-model="form.paymentStatusName" placeholder="" />
          <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.payOrderList"
            :key="index"
            @click="preview(item.annexPath)"
          >
            {{ item.annexName }}
          </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">
@@ -94,52 +61,33 @@ export default {
    return {
      // key: value
      form: {},
      srcList: [],
      agreeOrNotCheck: 1,
    };
  },
  watch: {
    detailform: {
      handler(val) {
        if (val) {
-          this.form = val;
+          setTimeout(() => {
-          console.log(val)
+            this.form = this.detailform;
-        }
+            console.log(this.form, "this.form");
-      },
+          }, 1000);
    },
    openDialog: {
      handler(val) {
        if (val) {
          this.agreeOrNotCheck = 1;
        }
      },
    },
  },
  methods: {
    preview(data) {
      window.open(window.location.origin + "/API" + data, "_blank");
    },
    // 确认缴费
    submitForm() {
-      let paramsVal = {
+      confirmPay({ id: this.form.id }).then((res) => {
-        ids:[this.form.id],
+        this.$message({
-        agreeOrNotCheck:this.agreeOrNotCheck,
+          message: "确认成功",
-        caseCheckReject:this.form.caseCheckReject
+          type: "success",
-      }
+        });
-      this.$refs["form"].validate((valid) => {
+        if (res.code == 200) {
-        if (valid) {
+          this.getList();
          confirmPay(paramsVal).then((res) => {
            this.$message({
              message: "确认成功",
              type: "success",
            });
            if (res.code == 200) {
              this.getList();
            }
          });
          this.cancel();
        }
      });
      this.cancel();
    },
    cancel() {
      this.$emit("cancelpaymentdetails");
@@ -150,17 +98,15 @@ export default {
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 50%;
+  width: 800px;
  background: #ffffff;
  border-radius: 20px;
 }
 .endbutton {
  width: 124px;
  height: 37px;
  background: #0072ff;
  border-radius: 19px;
  span {
    width: 32px;
    height: 15px;
@@ -171,14 +117,12 @@ export default {
    // line-height: 48px;
  }
 }
 .endbutton1 {
  width: 124px;
  height: 37px;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 19px;
  span {
    width: 31px;
    height: 13px;
@@ -1,21 +1,35 @@
 <template>
  <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+    <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-input
          v-model="queryParams.caseNum"
          placeholder="请输入案件编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="案件状态" prop="caseStatus">
-        <el-select :disabled="caseStatusType" v-model="queryParams.caseStatus" placeholder="请选择案件状态" clearable @keyup.enter.native="handleQuery">
+        <el-select
-          <el-option v-for="dict in caseStatus" :key="dict.dictValue" :label="dict.dictLabel"
+          v-model="queryParams.caseStatus"
-            :value="dict.dictValue"></el-option>
+          placeholder="请选择案件状态"
          clearable
          @keyup.enter.native="handleQuery"
        >
          <el-option
            v-for="dict in dict.type.case_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          ></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="registerDate">
        <el-date-picker
          v-model="queryParams.registerDate"
@@ -27,16 +41,18 @@
        </el-date-picker>
      </el-form-item> -->
      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</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-col :span="24" style="margin-bottom:15px;">
      <el-button type="primary" plain icon="el-icon-plus" size="mini"
      @click="batchConfirmation"
      v-hasPermi="['paymentManagement:list:batchConfirma']"
      >批量确认缴费</el-button>
    </el-col>
    <el-table v-loading="loading" :data="dataList" style="width: 100%">
      <el-table-column label="序号" type="index" align="center">
        <template slot-scope="scope">
@@ -45,9 +61,23 @@
          }}</span>
        </template>
      </el-table-column>
-      <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+      <el-table-column
-      <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+        label="案件编号"
-      <el-table-column label="立案日期" align="center" prop="registerDate" :show-overflow-tooltip="true" />
+        align="center"
        prop="caseNum"
        :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="caseArbitrator" /> -->
      <el-table-column label="案件状态" align="center" prop="caseStatusName">
@@ -55,22 +85,47 @@
          <el-tag type="warning">{{ scope.row.caseStatusName }}</el-tag>
        </template>
      </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <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-zoom-in" @click="paymentconfirmationRow(scope.row)" 
+          <el-button
-          v-if="checkPermi(['paymentManagement:list:payconfirm']) && btnStatus&&scope.row.caseStatus==3">缴费确认</el-button>
+            size="mini"
-          <el-button size="mini" type="text" icon="el-icon-edit" @click="viewpaymentformRow(scope.row)"
+            type="text"
-            v-hasPermi="['paymentManagement:list:detail']">查看缴费单</el-button>
+            icon="el-icon-zoom-in"
            @click="paymentconfirmationRow(scope.row)"
            v-hasPermi="['monitor:online:forceLogout']"
            >缴费确认</el-button
          >
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="viewpaymentformRow(scope.row)"
            v-hasPermi="['monitor:online:forceLogout']"
            >查看缴费单</el-button
          >
        </template>
      </el-table-column>
    </el-table>
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+    <pagination
-      @pagination="getList" />
+      v-show="total > 0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
    <!-- 缴费确认数据详情 -->
-    <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag" :getList="getList"
+    <paymentdetailsDialog
-      @cancelpaymentdetails="cancelpaymentdetails"></paymentdetailsDialog>
+      :openDialog="openDialog"
-    <!-- 批量确认缴费 -->
+      :detailform="detailform"
-    <batchConfirmationPaymens @batchOperate="batchOperate" :batchVisable="batchVisable"></batchConfirmationPaymens>
+      :title="title"
      :flag="flag"
      :getList="getList"
      @cancelpaymentdetails="cancelpaymentdetails"
    ></paymentdetailsDialog>
  </div>
 </template>
@@ -81,12 +136,11 @@ import {
  casePay,
 } from "@/api/pay/pay";
 import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
-import batchConfirmationPaymens from "./components/batchConfirmationPaymens.vue"
+
 import { getDicts } from '@/api/system/dict/data.js'
 export default {
  name: "paymentList",
-  // dicts: ["case_status"],
+  dicts: ["case_status"],
-  components: { paymentdetailsDialog,batchConfirmationPaymens },
+  components: { paymentdetailsDialog },
  data() {
    return {
      queryParams: {
@@ -112,7 +166,6 @@ export default {
      // 是否显示弹出层
      open: false,
      openPay: false,
      batchVisable:false,
      // 弹出层内容
      form: {},
      // 校验表单
@@ -127,44 +180,16 @@ export default {
      detailform: {}, //缴费详情数据
      openDialog: false, //缴费详情数据弹框
      flag: null,
      caseStatus: [],
      selectCaseStatusList: [
        {
          label: "待办案件",
          value: 0
        },
        {
          label: "已办案件",
          value: 1
        }
      ],
      caseStatusType:false,
      btnStatus:true,
    };
  },
  created() {
-    getDicts("case_status").then(res => {
+    this.getList();
      this.caseStatus = res.data;
      let params = this.$route.params.status;
      if (params >= 0) {
        this.queryParams.caseStatus = params;
      }
      this.getList();
    })
  },
  methods: {
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
      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() {
@@ -192,34 +217,23 @@ export default {
    },
    // 缴费确认
    paymentconfirmationRow(row) {
-      console.log(row)
+    //   console.log("缴费确认", row);
      //   console.log("缴费确认", row);
      this.getDetail({ id: row.id });
      this.openDialog = true;
      this.title = "缴费确认";
      this.flag = 0;
      this.detailform = {}
    },
    // 查看缴费单
    viewpaymentformRow(row) {
-      //   console.log("查看缴费单", row);
+    //   console.log("查看缴费单", row);
      this.getDetail({ id: row.id });
      this.openDialog = true;
      this.title = "缴费单详情";
      this.flag = 1;
      this.detailform = {}
    },
    // 关闭弹窗
    cancelpaymentdetails() {
      this.openDialog = false;
    },
        // 批量缴费
    batchConfirmation(){
      this.batchVisable = true;
    },
    // 批量确认缴费关闭
    batchOperate(){
      this.batchVisable = false;
    },
    /** 查询详情 */
    getDetail(parms) {
@@ -235,4 +249,5 @@ export default {
 };
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
 </style>
@@ -1,7 +1,7 @@
 <template>
  <div class="register">
    <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">智慧仲裁系统</h3>
+      <h3 class="title">智慧仲裁后台管理系统</h3>
      <el-form-item prop="username">
        <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
@@ -61,7 +61,7 @@
    </el-form>
    <!--  底部  -->
    <div class="el-register-footer">
-      <span>Copyright © 2023 乙巢（上海）企业管理服务有限公司</span>
+      <span>Copyright © 2018-2023 Smart arbitration.vip All Rights Reserved.</span>
    </div>
  </div>
 </template>
@@ -2,12 +2,21 @@
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
      <el-form-item label="部门名称" prop="deptName">
-        <el-input v-model="queryParams.deptName" placeholder="请输入部门名称" clearable @keyup.enter.native="handleQuery" />
+        <el-input
          v-model="queryParams.deptName"
          placeholder="请输入部门名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="状态" prop="status">
        <el-select v-model="queryParams.status" placeholder="部门状态" clearable>
-          <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
+          <el-option
-            :value="dict.value" />
+            v-for="dict in dict.type.sys_normal_disable"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item>
@@ -18,22 +27,40 @@
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
-        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd(1)"
+        <el-button
-          v-hasPermi="['system:dept:add']">新增</el-button>
+          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['system:dept:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
-        <el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
+        <el-button
          type="info"
          plain
          icon="el-icon-sort"
          size="mini"
          @click="toggleExpandAll"
        >展开/折叠</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
-    <el-table v-if="refreshTable" v-loading="loading" :data="deptList" row-key="deptId" :default-expand-all="isExpandAll"
+    <el-table
-      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+      v-if="refreshTable"
      v-loading="loading"
      :data="deptList"
      row-key="deptId"
      :default-expand-all="isExpandAll"
      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
    >
      <el-table-column prop="deptName" label="部门名称" width="260"></el-table-column>
      <el-table-column prop="orderNum" label="排序" width="200"></el-table-column>
      <el-table-column prop="status" label="状态" width="100">
        <template slot-scope="scope">
-          <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status" />
+          <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
        </template>
      </el-table-column>
      <el-table-column label="创建时间" align="center" prop="createTime" width="200">
@@ -43,12 +70,28 @@
      </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-edit" @click="handleUpdate(scope.row)"
+          <el-button
-            v-hasPermi="['system:dept:edit']">修改</el-button>
+            size="mini"
-          <el-button size="mini" type="text" icon="el-icon-plus" @click="handleAdd(scope.row)"
+            type="text"
-            v-hasPermi="['system:dept:add']">新增</el-button>
+            icon="el-icon-edit"
-          <el-button v-if="scope.row.parentId != 0" size="mini" type="text" icon="el-icon-delete"
+            @click="handleUpdate(scope.row)"
-            @click="handleDelete(scope.row)" v-hasPermi="['system:dept:remove']">删除</el-button>
+            v-hasPermi="['system:dept:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-plus"
            @click="handleAdd(scope.row)"
            v-hasPermi="['system:dept:add']"
          >新增</el-button>
          <el-button
            v-if="scope.row.parentId != 0"
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:dept:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -57,12 +100,7 @@
    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-row>
-          <!-- <el-col :span="24" v-if="form.parentId !== 0">
+          <el-col :span="24" v-if="form.parentId !== 0">
            <el-form-item label="上级部门" prop="parentId">
              <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
            </el-form-item>
          </el-col> -->
          <el-col :span="24" v-if="flag">
            <el-form-item label="上级部门" prop="parentId">
              <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
            </el-form-item>
@@ -98,26 +136,14 @@
              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12">
            <el-form-item label="部门类型" prop="deptType">
              <el-input v-model="form.deptType" placeholder="请输入部门编码" maxlength="50" />
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="部门类型" prop="deptType">
              <el-select v-model="form.deptType" placeholder="请选择部门类型">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="部门状态">
              <el-radio-group v-model="form.status">
-                <el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value">{{ dict.label
+                <el-radio
-                }}</el-radio>
+                  v-for="dict in dict.type.sys_normal_disable"
                  :key="dict.value"
                  :label="dict.value"
                >{{dict.label}}</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
@@ -142,7 +168,6 @@ export default {
  components: { Treeselect },
  data() {
    return {
      flag: false,
      // 遮罩层
      loading: true,
      // 显示搜索条件
@@ -174,9 +199,6 @@ export default {
        deptName: [
          { required: true, message: "部门名称不能为空", trigger: "blur" }
        ],
        deptType: [
          { required: true, message: "部门类型不能为空", trigger: "blur" }
        ],
        orderNum: [
          { required: true, message: "显示排序不能为空", trigger: "blur" }
        ],
@@ -194,14 +216,7 @@ export default {
            trigger: "blur"
          }
        ]
-      },
+      }
      options: [{
        value: 1,
        label: '仲裁机构'
      }, {
        value: 2,
        label: '金融公司'
      },],
    };
  },
  created() {
@@ -257,12 +272,6 @@ export default {
    },
    /** 新增按钮操作 */
    handleAdd(row) {
      console.log(row, "LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL");
      if (row == 1) {
        this.flag = false;
      } else {
        this.flag = true;
      }
      this.reset();
      if (row != undefined) {
        this.form.parentId = row.deptId;
@@ -298,7 +307,7 @@ export default {
      });
    },
    /** 提交按钮 */
-    submitForm: function () {
+    submitForm: function() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.deptId != undefined) {
@@ -319,12 +328,12 @@ export default {
    },
    /** 删除按钮操作 */
    handleDelete(row) {
-      this.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项？').then(function () {
+      this.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项？').then(function() {
        return delDept(row.deptId);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
-      }).catch(() => { });
+      }).catch(() => {});
    }
  }
 };
@@ -4,35 +4,75 @@
      <!--部门数据-->
      <el-col :span="4" :xs="24">
        <div class="head-container">
-          <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search"
+          <el-input
-            style="margin-bottom: 20px" />
+            v-model="deptName"
            placeholder="请输入部门名称"
            clearable
            size="small"
            prefix-icon="el-icon-search"
            style="margin-bottom: 20px"
          />
        </div>
        <div class="head-container">
-          <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false"
+          <el-tree
-            :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all highlight-current
+            :data="deptOptions"
-            @node-click="handleNodeClick" />
+            :props="defaultProps"
            :expand-on-click-node="false"
            :filter-node-method="filterNode"
            ref="tree"
            node-key="id"
            default-expand-all
            highlight-current
            @node-click="handleNodeClick"
          />
        </div>
      </el-col>
      <!--用户数据-->
      <el-col :span="20" :xs="24">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
          <el-form-item label="用户名称" prop="userName">
-            <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px"
+            <el-input
-              @keyup.enter.native="handleQuery" />
+              v-model="queryParams.userName"
              placeholder="请输入用户名称"
              clearable
              style="width: 240px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="手机号码" prop="phonenumber">
-            <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px"
+            <el-input
-              @keyup.enter.native="handleQuery" />
+              v-model="queryParams.phonenumber"
              placeholder="请输入手机号码"
              clearable
              style="width: 240px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" placeholder="用户状态" clearable style="width: 240px">
+            <el-select
-              <el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
+              v-model="queryParams.status"
-                :value="dict.value" />
+              placeholder="用户状态"
              clearable
              style="width: 240px"
            >
              <el-option
                v-for="dict in dict.type.sys_normal_disable"
                :key="dict.value"
                :label="dict.label"
                :value="dict.value"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="创建时间">
-            <el-date-picker v-model="dateRange" style="width: 240px" value-format="yyyy-MM-dd" type="daterange"
+            <el-date-picker
-              range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+              v-model="dateRange"
              style="width: 240px"
              value-format="yyyy-MM-dd"
              type="daterange"
              range-separator="-"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            ></el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -42,24 +82,56 @@
        <el-row :gutter="10" class="mb8">
          <el-col :span="1.5">
-            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+            <el-button
-              v-hasPermi="['system:user:add']">新增</el-button>
+              type="primary"
              plain
              icon="el-icon-plus"
              size="mini"
              @click="handleAdd"
              v-hasPermi="['system:user:add']"
            >新增</el-button>
          </el-col>
          <el-col :span="1.5">
-            <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+            <el-button
-              v-hasPermi="['system:user:edit']">修改</el-button>
+              type="success"
              plain
              icon="el-icon-edit"
              size="mini"
              :disabled="single"
              @click="handleUpdate"
              v-hasPermi="['system:user:edit']"
            >修改</el-button>
          </el-col>
          <el-col :span="1.5">
-            <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+            <el-button
-              v-hasPermi="['system:user:remove']">删除</el-button>
+              type="danger"
              plain
              icon="el-icon-delete"
              size="mini"
              :disabled="multiple"
              @click="handleDelete"
              v-hasPermi="['system:user:remove']"
            >删除</el-button>
          </el-col>
          <el-col :span="1.5">
-            <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport"
+            <el-button
-              v-hasPermi="['system:user:import']">导入</el-button>
+              type="info"
              plain
              icon="el-icon-upload2"
              size="mini"
              @click="handleImport"
              v-hasPermi="['system:user:import']"
            >导入</el-button>
          </el-col>
          <el-col :span="1.5">
-            <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+            <el-button
-              v-hasPermi="['system:user:export']">导出</el-button>
+              type="warning"
              plain
              icon="el-icon-download"
              size="mini"
              @click="handleExport"
              v-hasPermi="['system:user:export']"
            >导出</el-button>
          </el-col>
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
        </el-row>
@@ -67,18 +139,18 @@
        <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
          <el-table-column type="selection" width="50" align="center" />
          <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
-          <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible"
+          <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
-            :show-overflow-tooltip="true" />
+          <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
-          <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible"
+          <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
-            :show-overflow-tooltip="true" />
+          <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" />
          <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible"
            :show-overflow-tooltip="true" />
          <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible"
            width="120" />
          <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
            <template slot-scope="scope">
-              <el-switch v-model="scope.row.status" active-value="0" inactive-value="1"
+              <el-switch
-                @change="handleStatusChange(scope.row)"></el-switch>
+                v-model="scope.row.status"
                active-value="0"
                inactive-value="1"
                @change="handleStatusChange(scope.row)"
              ></el-switch>
            </template>
          </el-table-column>
          <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
@@ -86,14 +158,28 @@
              <span>{{ parseTime(scope.row.createTime) }}</span>
            </template>
          </el-table-column>
-          <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
+          <el-table-column
            label="操作"
            align="center"
            width="160"
            class-name="small-padding fixed-width"
          >
            <template slot-scope="scope" v-if="scope.row.userId !== 1">
-              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+              <el-button
-                v-hasPermi="['system:user:edit']">修改</el-button>
+                size="mini"
-              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+                type="text"
-                v-hasPermi="['system:user:remove']">删除</el-button>
+                icon="el-icon-edit"
-              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)"
+                @click="handleUpdate(scope.row)"
-                v-hasPermi="['system:user:resetPwd', 'system:user:edit']">
+                v-hasPermi="['system:user:edit']"
              >修改</el-button>
              <el-button
                size="mini"
                type="text"
                icon="el-icon-delete"
                @click="handleDelete(scope.row)"
                v-hasPermi="['system:user:remove']"
              >删除</el-button>
              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:user:resetPwd', 'system:user:edit']">
                <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item command="handleResetPwd" icon="el-icon-key"
@@ -106,8 +192,13 @@
          </el-table-column>
        </el-table>
-        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        <pagination
-          @pagination="getList" />
+          v-show="total>0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
      </el-col>
    </el-row>
@@ -122,12 +213,7 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="归属部门" prop="deptId">
-              <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门">
+              <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
                <el-tooltip slot="option-label" slot-scope="{node, shouldShowCount, count,labelClassName, countClassName}"
                  :content="node.label" :class="labelClassName" placement="top-start">
                  <span>{{ node.label }}</span>
                </el-tooltip>
              </treeselect>
            </el-form-item>
          </el-col>
        </el-row>
@@ -151,7 +237,7 @@
          </el-col>
          <el-col :span="12">
            <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
-              <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password />
+              <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password/>
            </el-form-item>
          </el-col>
        </el-row>
@@ -159,16 +245,23 @@
          <el-col :span="12">
            <el-form-item label="用户性别">
              <el-select v-model="form.sex" placeholder="请选择性别">
-                <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
+                <el-option
-                  :value="dict.value"></el-option>
+                  v-for="dict in dict.type.sys_user_sex"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="状态">
              <el-radio-group v-model="form.status">
-                <el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value">{{ dict.label
+                <el-radio
-                }}</el-radio>
+                  v-for="dict in dict.type.sys_normal_disable"
                  :key="dict.value"
                  :label="dict.value"
                >{{dict.label}}</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
@@ -177,27 +270,30 @@
          <el-col :span="12">
            <el-form-item label="岗位">
              <el-select v-model="form.postIds" multiple placeholder="请选择岗位">
-                <el-option v-for="item in postOptions" :key="item.postId" :label="item.postName" :value="item.postId"
+                <el-option
-                  :disabled="item.status == 1"></el-option>
+                  v-for="item in postOptions"
                  :key="item.postId"
                  :label="item.postName"
                  :value="item.postId"
                  :disabled="item.status == 1"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="角色">
              <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
-                <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId"
+                <el-option
-                  :disabled="item.status == 1"></el-option>
+                  v-for="item in roleOptions"
                  :key="item.roleId"
                  :label="item.roleName"
                  :value="item.roleId"
                  :disabled="item.status == 1"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="身份证号码" prop="idCard">
              <el-input v-model="form.idCard" placeholder="请输入身份证号码" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
@@ -214,9 +310,18 @@
    <!-- 用户导入对话框 -->
    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
-      <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+      <el-upload
-        :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
+        ref="upload"
-        :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+        :limit="1"
        accept=".xlsx, .xls"
        :headers="upload.headers"
        :action="upload.url + '?updateSupport=' + upload.updateSupport"
        :disabled="upload.isUploading"
        :on-progress="handleFileUploadProgress"
        :on-success="handleFileSuccess"
        :auto-upload="false"
        drag
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip text-center" slot="tip">
@@ -224,8 +329,7 @@
            <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
          </div>
          <span>仅允许导入xls、xlsx格式文件。</span>
-          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
+          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>
            @click="importTemplate">下载模板</el-link>
        </div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
@@ -332,11 +436,6 @@ export default {
          { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
        ],
        email: [
          {
            required: true,
            message: '邮箱不能为空',
            trigger: 'blur',
          },
          {
            type: "email",
            message: "请输入正确的邮箱地址",
@@ -345,28 +444,10 @@ export default {
        ],
        phonenumber: [
          {
-            required: true,
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-            message: '联系电话不能为空',
+            message: "请输入正确的手机号码",
-            trigger: 'blur',
+            trigger: "blur"
-          },
+          }
          {
            pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
            message: '请输入正确的手机号码',
            trigger: 'blur',
          },
        ],
        idCard: [
          {
            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',
          },
        ]
      }
    };
@@ -389,10 +470,10 @@ export default {
    getList() {
      this.loading = true;
      listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
-        this.userList = response.rows;
+          this.userList = response.rows;
-        this.total = response.total;
+          this.total = response.total;
-        this.loading = false;
+          this.loading = false;
-      }
+        }
      );
    },
    /** 查询部门下拉树结构 */
@@ -414,11 +495,11 @@ export default {
    // 用户状态修改
    handleStatusChange(row) {
      let text = row.status === "0" ? "启用" : "停用";
-      this.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗？').then(function () {
+      this.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗？').then(function() {
        return changeUserStatus(row.userId, row.status);
      }).then(() => {
        this.$modal.msgSuccess(text + "成功");
-      }).catch(function () {
+      }).catch(function() {
        row.status = row.status === "0" ? "1" : "0";
      });
    },
@@ -485,7 +566,7 @@ export default {
        this.roleOptions = response.roles;
        this.open = true;
        this.title = "添加用户";
-        // this.form.password = this.initPassword;
+        this.form.password = this.initPassword;
      });
    },
    /** 修改按钮操作 */
@@ -512,18 +593,18 @@ export default {
        inputPattern: /^.{5,20}$/,
        inputErrorMessage: "用户密码长度必须介于 5 和 20 之间"
      }).then(({ value }) => {
-        resetUserPwd(row.userId, value).then(response => {
+          resetUserPwd(row.userId, value).then(response => {
-          this.$modal.msgSuccess("修改成功，新密码是：" + value);
+            this.$modal.msgSuccess("修改成功，新密码是：" + value);
-        });
+          });
-      }).catch(() => { });
+        }).catch(() => {});
    },
    /** 分配角色操作 */
-    handleAuthRole: function (row) {
+    handleAuthRole: function(row) {
      const userId = row.userId;
      this.$router.push("/system/user-auth/role/" + userId);
    },
    /** 提交按钮 */
-    submitForm: function () {
+    submitForm: function() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.userId != undefined) {
@@ -545,12 +626,12 @@ export default {
    /** 删除按钮操作 */
    handleDelete(row) {
      const userIds = row.userId || this.ids;
-      this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项？').then(function () {
+      this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项？').then(function() {
        return delUser(userIds);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
-      }).catch(() => { });
+      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
@@ -586,16 +667,4 @@ export default {
    }
  }
 };
-</script>
+</script>
 <style lang="scss" scoped>
 .head-container{
      width:220px;
      ::v-deep .el-tree-node {
      white-space: normal;
      .el-tree-node__content {
      height: 100%;
      align-items: start;
      }
    }
 }
 </style>
--- a/Show More
+++ b/Show More