Merge branch 'dev' of http://git.xayunmei.com/SH-Arbitrate/Mediation-Frontend into gyj

README.md

@@ -1,3 +1,30 @@
-# Mediation-Frontend
+## 开发
 
-调解系统PC端服务
+```bash
+# 克隆项目
+git clone https://gitee.com/y_project/RuoYi-Vue
+
+# 进入项目目录
+cd ruoyi-ui
+
+# 安装依赖
+npm install
+
+# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npmmirror.com
+
+# 启动服务
+npm run dev
+```
+
+浏览器访问 http://localhost:80
+
+## 发布
+
+```bash
+# 构建测试环境
+npm run build:stage
+
+# 构建生产环境
+npm run build:prod
+```

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ruoyi",
   "version": "3.8.6",
-  "description": "智慧仲裁管理系统",
+  "description": "调解系统",
   "author": "智慧仲裁",
   "license": "MIT",
   "scripts": {
@@ -48,8 +48,7 @@
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
+    "moment": "^2.29.4",
     "nprogress": "0.2.0",
     "qrcodejs2": "0.0.2",
     "quill": "1.3.7",

src/api/system/homepage.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 查询首页待办
+export function todoCount(data) {
+    return request({
+        url: '/caseApplication/todoCount',
+        method: 'get',
+        params: data
+    })
+}

src/components/ImageUpload/index.vue

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

src/components/RuoYi/Doc/index.vue

@@ -9,7 +9,8 @@ export default {
   name: 'RuoYiDoc',
   data() {
     return {
-      url: 'http://doc.ruoyi.vip/ruoyi-vue'
+      // url: 'http://doc.ruoyi.vip/ruoyi-vue'
+      url: '#'
     }
   },
   methods: {

src/layout/components/Navbar.vue

@@ -7,15 +7,10 @@
 
     <div class="right-menu">
       <template v-if="device!=='mobile'">
-        <!-- <search id="header-search" class="right-menu-item" />
-        
-        <el-tooltip content="源码地址" effect="dark" placement="bottom">
-          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
+        <!-- <search id="header-search" class="right-menu-item" /> -->
         <el-tooltip content="文档地址" effect="dark" placement="bottom">
           <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip> -->
+        </el-tooltip>
 
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 

src/main.js

@@ -4,7 +4,7 @@ import Cookies from 'js-cookie'
 
 import Element from 'element-ui'
 import './assets/styles/element-variables.scss'
-import './assets/icons' // icon
+
 import '@/assets/styles/index.scss' // global css
 import '@/assets/styles/ruoyi.scss' // ruoyi css
 import App from './App'
@@ -14,6 +14,8 @@ import directive from './directive' // directive
 import plugins from './plugins' // plugins
 import { download } from '@/utils/request'
 
+import './assets/icons' // icon
+// 引入Iconfont 矢量图标库
 import './assets/icon/iconfont.css'
 import './permission' // permission control
 import { getDicts } from "@/api/system/dict/data";
@@ -37,8 +39,9 @@ import DictTag from '@/components/DictTag'
 import VueMeta from 'vue-meta'
 // 字典数据组件
 import DictData from '@/components/DictData'
+//画布组件
+import vueEsign from 'vue-esign'
 import {checkPermi} from '@/utils/permission'
-import { statusRole } from '@/utils/permission'
 
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts
@@ -51,7 +54,6 @@ Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.download = download
 Vue.prototype.handleTree = handleTree
 Vue.prototype.checkPermi = checkPermi
-Vue.prototype.statusRole = statusRole
 
 // 全局组件挂载
 Vue.component('DictTag', DictTag)
@@ -65,6 +67,7 @@ Vue.component('ImagePreview', ImagePreview)
 Vue.use(directive)
 Vue.use(plugins)
 Vue.use(VueMeta)
+Vue.use(vueEsign)
 DictData.install()
 
 /**

src/router/index.js

@@ -100,7 +100,8 @@ export const dynamicRoutes = [
     children: [
       {
         path: 'role/:userId(\\d+)',
-        component: () => import('@/views/system/user/authRole'),
+        // component: () => import('@/views/system/user/authRole'),
+        component: (resolve) => require(['@/views/system/user/authRole'],resolve),
         name: 'AuthRole',
         meta: { title: '分配角色', activeMenu: '/system/user' }
       }
@@ -114,7 +115,8 @@ export const dynamicRoutes = [
     children: [
       {
         path: 'user/:roleId(\\d+)',
-        component: () => import('@/views/system/role/authUser'),
+        // component: () => import('@/views/system/role/authUser'),
+        component: (resolve) => require(['@/views/system/role/authUser'],resolve),
         name: 'AuthUser',
         meta: { title: '分配用户', activeMenu: '/system/role' }
       }

src/store/modules/permission.js

@@ -126,6 +126,7 @@ export const loadView = (view) => {
     return (resolve) => require([`@/views/${view}`], resolve)
   } else {
     // 使用 import 实现生产环境的路由懒加载
+    // return () => import(`@/views/${view}`)
     return (resolve) => require([`@/views/${view}`], resolve)
   }
 }

src/store/modules/user.js

@@ -50,7 +50,6 @@ const user = {
     GetInfo({ commit, state }) {
       return new Promise((resolve, reject) => {
         getInfo().then(res => {
-          sessionStorage.setItem('caseStatus', JSON.stringify(res.caseStatus))
           const user = res.user
           const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;
           if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组

src/utils/permission.js

@@ -24,7 +24,6 @@ export function checkPermi(value) {
     return false
   }
 }
-
 /**
  * 角色权限校验
  * @param {Array} value 校验值
@@ -48,43 +47,4 @@ export function checkRole(value) {
     console.error(`need roles! Like checkRole="['admin','editor']"`)
     return false
   }
-}
-
-/**
- * 状态权限校验
- * @param {Number} value 校验值
- * @returns {Boolean}
- */
-export function statusRole(value) {
-  let caseStatusStr = sessionStorage.getItem('caseStatus');
-  let caseStatus = [];
-  caseStatus = JSON.parse(caseStatusStr);
-  if (caseStatus.length == 0) {
-    return false
-  }
-  // if (caseStatus.includes(value)) {
-  //   // caseStatus.forEach(item => {
-  //   //   if (item == value) {
-  //   //     return true
-  //   //   }
-  //   // });
-  //   for(let i = 0;i < caseStatus.length;i++){
-  //     if(caseStatus[i] == value){
-  //       return true
-  //     }
-  //   }
-  // } else {
-  //   return false
-  // }
-  let flag = null;
-  for (let i = 0; i < caseStatus.length; i++) {
-    if (caseStatus[i] == value) {
-      flag = caseStatus[i]
-    }
-  }
-  if (flag == value) {
-    return true
-  } else {
-    return false
-  }
 }

src/utils/request.js

@@ -17,7 +17,8 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   baseURL: process.env.VUE_APP_BASE_API,
   // 超时
-  timeout: 10000
+  // timeout: 10000
+  timeout: 15000
 })
 
 // request拦截器
@@ -36,10 +37,6 @@ service.interceptors.request.use(config => {
     config.params = {};
     config.url = url;
   }
-  if (config.url === '/caseApplication/mediation') {
-    // 调解时对于特定的请求设置超时时间为20秒
-    config.timeout = 20000; // 20秒
-  }
   if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
     const requestObj = {
       url: config.url,

src/views/caseManagement/caseList.vue

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

src/views/caseManagement/components/caseAcceptance.vue

@@ -1,148 +1,148 @@
-<template>
-  <div>
-    <!-- 案件受理 -->
-    <el-dialog title="案件受理" :visible="showAcceptance" @close="cancel" :destroy-on-close="true" center>
-      <el-form ref="courtReviewform" :model="courtReviewform">
-        <el-form-item label="被申请人是否同意调解:">
-          <el-radio-group v-model="courtReviewform.agreeFlag">
-            <el-radio :label="1">是</el-radio>
-            <el-radio :label="0">否</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="调解方式:" v-if="courtReviewform.agreeFlag == 1">
-          <el-radio-group v-model="courtReviewform.mediationMethod">
-            <el-radio :label="1">线上调解</el-radio>
-            <el-radio :label="2">线下调解</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="是否纸质送达:" v-if="courtReviewform.agreeFlag == 1">
-          <el-radio-group v-model="courtReviewform.paperFlag">
-            <el-radio :label="1">是</el-radio>
-            <el-radio :label="0">否</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <!-- <el-form-item label="是否仲裁确认:" v-if="courtReviewform.agreeFlag == 1" >
-          <el-radio-group v-model="courtReviewform.arbitrateConfirm">
-            <el-radio :label="1">是</el-radio>
-            <el-radio :label="0">否</el-radio>
-          </el-radio-group>
-        </el-form-item> -->
-        <el-form-item v-if="courtReviewform.agreeFlag == 0" label="拒绝理由:" prop="rejectReason" :rules="[
-          {
-            required: true,
-            message: '拒绝理由不能为空',
-            trigger: 'blur',
-          },
-        ]">
-          <el-input v-model="courtReviewform.rejectReason" type="textarea" :rows="8" />
-        </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 { accept } from '@/api/caseManagement/caseManagement.js'
-export default {
-  name: "caseAcceptance",
-  props: ["showAcceptance", "caseAcceptanceData", "getList", "queryParams"],
-  data() {
-    return {
-      courtReviewform: {
-        mediationMethod: 2,
-        paperFlag: 0,
-        arbitrateConfirm: 0,
-        agreeFlag: 1
-      },
-    };
-  },
-  watch: {
-    showAcceptance(val) {
-      if (val) {
-        console.log(this.caseAcceptanceData)
-      }
-    },
-  },
-  methods: {
-    submitForm() {
-      this.$refs["courtReviewform"].validate((valid) => {
-        if (valid) {
-          let paramsdata = {
-            id: this.caseAcceptanceData.id,
-            caseFlowId: this.caseAcceptanceData.caseFlowId,
-            batchNumber: ""
-          }
-          let mergeValue = Object.assign({}, this.courtReviewform, paramsdata)
-          accept(mergeValue).then((res) => {
-            this.$modal.msgSuccess("确认成功");
-            this.$emit("getList", this.queryParams)
-            this.cancel();
-          })
-            .catch((err) => { });
-        }
-      });
-    },
-    cancel() {
-      this.$emit("cancelAcceptance");
-    },
-  },
-};
-</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;
-}
+<template>
+  <div>
+    <!-- 案件受理 -->
+    <el-dialog title="案件受理" :visible="showAcceptance" @close="cancel" :destroy-on-close="true" center>
+      <el-form ref="courtReviewform" :model="courtReviewform">
+        <el-form-item label="被申请人是否同意调解:">
+          <el-radio-group v-model="courtReviewform.agreeFlag">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="调解方式:" v-if="courtReviewform.agreeFlag == 1">
+          <el-radio-group v-model="courtReviewform.mediationMethod">
+            <el-radio :label="1">线上调解</el-radio>
+            <el-radio :label="2">线下调解</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="是否纸质送达:" v-if="courtReviewform.agreeFlag == 1">
+          <el-radio-group v-model="courtReviewform.paperFlag">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- <el-form-item label="是否仲裁确认:" v-if="courtReviewform.agreeFlag == 1" >
+          <el-radio-group v-model="courtReviewform.arbitrateConfirm">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item> -->
+        <el-form-item v-if="courtReviewform.agreeFlag == 0" label="拒绝理由:" prop="rejectReason" :rules="[
+          {
+            required: true,
+            message: '拒绝理由不能为空',
+            trigger: 'blur',
+          },
+        ]">
+          <el-input v-model="courtReviewform.rejectReason" type="textarea" :rows="8" />
+        </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 { accept } from '@/api/caseManagement/caseManagement.js'
+export default {
+  name: "caseAcceptance",
+  props: ["showAcceptance", "caseAcceptanceData", "getList", "queryParams"],
+  data() {
+    return {
+      courtReviewform: {
+        mediationMethod: 2,
+        paperFlag: 0,
+        arbitrateConfirm: 0,
+        agreeFlag: 1
+      },
+    };
+  },
+  watch: {
+    showAcceptance(val) {
+      if (val) {
+        console.log(this.caseAcceptanceData)
+      }
+    },
+  },
+  methods: {
+    submitForm() {
+      this.$refs["courtReviewform"].validate((valid) => {
+        if (valid) {
+          let paramsdata = {
+            id: this.caseAcceptanceData.id,
+            caseFlowId: this.caseAcceptanceData.caseFlowId,
+            batchNumber: ""
+          }
+          let mergeValue = Object.assign({}, this.courtReviewform, paramsdata)
+          accept(mergeValue).then((res) => {
+            this.$modal.msgSuccess("确认成功");
+            this.$emit("getList", this.queryParams)
+            this.cancel();
+          })
+            .catch((err) => { });
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelAcceptance");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.el-form-item {
+  margin-left: 10%;
+}
+
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+    // line-height: 48px;
+  }
+}
+
+.nowarbitrator {
+  margin-left: 10%;
+}
+
+::v-deep .el-form-item__error {
+  left: 90px;
+}
 </style>

src/views/caseManagement/components/caseFilingDetailsPage.vue

@@ -1,366 +1,366 @@
-<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>
-          <el-tabs v-model="activeName"  @tab-click="handleClick">
-            <el-tab-pane label="案件信息" name="five"></el-tab-pane>
-            <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" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
-            <el-tab-pane label="庭审笔录" name="six" v-if="caseFilingData.mediationMethod == '1'"></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==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=='fourth'">
-             <div style="margin-top:10px;" v-for="(item,index) in detailsAwardNum.caseAttachList" v-if="item.annexType==5">
-                 <video  style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index"  :src="fileURL+item.annexPath" controls="controls"></video>
-             </div>
-             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,5) == 0" description="暂无数据"></el-empty>
-         </div>
-         <div  v-show="activeName=='six'">
-             <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=='five'">
-              <el-form  :disabled="true" :model="detailsAwardNum"  label-width="130px"
-          class="demo-ruleForm">
-          <el-row>
-            <div style="display: inline-flex">
-              <div class="infoIcon"></div>
-              <div class="caseInfo">案件信息：</div>
-            </div>
-            <el-divider></el-divider>
-            <el-col :span="24">
-              <el-form-item label="申请人调解请求">
-                <el-input v-model="detailsAwardNum.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
-                  :autosize="{ minRows: 4, maxRows: 8 }" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="事实和理由">
-                <el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
-                  :autosize="{ minRows: 4, maxRows: 8 }" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
-                <el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
-                  :action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
-                  :before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="50"
-                  :on-exceed="handleExceed" :file-list="fileList">
-                  <el-button size="small" type="primary">点击上传</el-button>
-                  <div slot="tip" class="el-upload__tip">
-                    文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
-                  </div>
-                </el-upload>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="证据:">
-                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2">
-                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
-                    {{ item.annexName }}
-                  </div>
-                </div>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="调解申请书:">
-                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 3">
-                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
-                    {{ item.annexName }}
-                  </div>
-                </div>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="调解书:">
-                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
-                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
-                    {{ item.annexName }}
-                  </div>
-                </div>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <div style="display: inline-flex">
-                <div class="infoIcon"></div>
-                <div class="caseInfo">双方信息：</div>
-              </div>
-              <el-divider></el-divider>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
-                <el-radio-group v-model="detailsAwardNum.affiliate.organizeFlag">
-                  <el-radio :label="0">自然人</el-radio>
-                  <el-radio :label="1">机构</el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="申请机构名称">
-                <el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请机构名称" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="申请人">
-                <el-input v-model="detailsAwardNum.affiliate.applicationName"  placeholder="请输入申请人姓名" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="统一社会信用代码">
-                <el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入统一社会信用代码" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="申请人身份证号码">
-                <el-input v-model="detailsAwardNum.affiliate.code"  placeholder="请输入申请人的身份证号" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="申请人邮箱">
-                <el-input v-model="detailsAwardNum.affiliate.applicationEmail"  placeholder="请输入申请人邮箱" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="申请人电话">
-                <el-input v-model="detailsAwardNum.affiliate.applicationPhone"  placeholder="请输入申请人联系电话" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="法定代表人">
-                <el-input v-model="detailsAwardNum.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="申请人住所">
-                <el-input v-model="detailsAwardNum.affiliate.applicantHome" placeholder="请输入申请人住所" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="申请人联系地址">
-                <el-input v-model="detailsAwardNum.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="代理人联系电话">
-                <el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent"  placeholder="请输入代理人联系电话" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent">
-                <el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="代理人姓名" prop="affiliate.nameAgent">
-                <el-input v-model="detailsAwardNum.affiliate.nameAgent"  placeholder="请输入代理人姓名" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="代理人姓名" prop="affiliate.nameAgent">
-                <el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
-              <el-form-item label="代理人邮箱">
-                <el-input v-model="detailsAwardNum.affiliate.agentEmail"  placeholder="请输入代理人邮箱" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
-              <el-form-item label="代理人邮箱">
-                <el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人姓名">
-                <el-input v-model="detailsAwardNum.affiliate.respondentName" placeholder="请输入被申请人姓名" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人联系电话" >
-                <el-input v-model="detailsAwardNum.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人身份证号">
-                <el-input v-model="detailsAwardNum.affiliate.respondentIdentityNum"  placeholder="请输入被申请人身份证号" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人性别：">
-                <el-radio-group v-model="detailsAwardNum.affiliate.respondentSex">
-                  <el-radio :label="0">男</el-radio>
-                  <el-radio :label="1">女</el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth">
-                <el-date-picker  v-model="detailsAwardNum.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人申请人住所">
-                <el-input v-model="detailsAwardNum.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="被申请人邮箱">
-                <el-input v-model="detailsAwardNum.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-col :span="24">
-            <el-form-item v-for="item in detailsAwardNum.columnValueList" :label="item.name" :key="item.id">
-              <el-input type="textarea" v-model="item.value"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-form>
-         </div>
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import { getToken } from "@/utils/auth";
-export default {
-    props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts","caseFilingData"],
-  components: {
-    
-  },
-  data() {
-    return {
-     activeName: 'five',
-      fileURL: window.location.origin + "/API",
-      noData: false,
-      filedata: {
-        annexType: 2,
-      },
-      fileList: [],
-      headers: {
-        Authorization: "Bearer " + getToken(),
-      },
-    };
-  },
-watch: {
-    showarchiveDetails: {
-      handler(val) {
-        if (val) {
-          this.activeName = 'five'
-          // this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex)
-          console.log(this.detailsAwardNum)
-        }
-      },
-    },
-  },
-  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
-    },
-      /** 查看证据 */
-    fileDetil(val) {
-      window.open(this.fileURL + val);
-    },
-       /** 文件上传地址 */
-    UploadUrl() {
-      return window.location.origin + "/API/common/upload";
-    },
-        /**文件上传成功*/
-    handlSuccess(res, file) {
-      this.detailsAwardNum.caseAttachList.push({
-        annexId: res.annexId,
-      });
-    },
-        /**文件超出个数限制时的钩子*/
-    handleExceed(files, fileList) {
-      this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
-        } 个文件`
-      );
-    },
-    // 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
-    beforeRemove(file, fileList) {
-      return this.$confirm(`确定移除 ${file.name}？`);
-    },
-    handleRemove(file, fileList) {
-      this.caseAttachListArr = this.caseAttachListArr.filter(
-        (item) => item.annexId != file.annexId
-      );
-    },
-    handlePreview(file) {
-      window.open(
-        window.location.origin + "/API" + file.certificatePath,
-        "_blank"
-      );
-    },
-    handleClick(tab, event) {
-
-    },
-    
-    cancel() {
-      this.$emit("cancelDetail");
-    },
-  },
-}
-</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;
-  }
-}
+<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>
+          <el-tabs v-model="activeName"  @tab-click="handleClick">
+            <el-tab-pane label="案件信息" name="five"></el-tab-pane>
+            <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" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
+            <el-tab-pane label="庭审笔录" name="six" v-if="caseFilingData.mediationMethod == '1'"></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==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=='fourth'">
+             <div style="margin-top:10px;" v-for="(item,index) in detailsAwardNum.caseAttachList" v-if="item.annexType==5">
+                 <video  style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index"  :src="fileURL+item.annexPath" controls="controls"></video>
+             </div>
+             <el-empty v-if="isNoData(detailsAwardNum.caseAttachList,5) == 0" description="暂无数据"></el-empty>
+         </div>
+         <div  v-show="activeName=='six'">
+             <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=='five'">
+              <el-form  :disabled="true" :model="detailsAwardNum"  label-width="130px"
+          class="demo-ruleForm">
+          <el-row>
+            <div style="display: inline-flex">
+              <div class="infoIcon"></div>
+              <div class="caseInfo">案件信息：</div>
+            </div>
+            <el-divider></el-divider>
+            <el-col :span="24">
+              <el-form-item label="申请人调解请求">
+                <el-input v-model="detailsAwardNum.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
+                  :autosize="{ minRows: 4, maxRows: 8 }" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="事实和理由">
+                <el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
+                  :autosize="{ minRows: 4, maxRows: 8 }" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
+                <el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
+                  :action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
+                  :before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="50"
+                  :on-exceed="handleExceed" :file-list="fileList">
+                  <el-button size="small" type="primary">点击上传</el-button>
+                  <div slot="tip" class="el-upload__tip">
+                    文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
+                  </div>
+                </el-upload>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="证据:">
+                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2">
+                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
+                    {{ item.annexName }}
+                  </div>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="调解申请书:">
+                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 3">
+                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
+                    {{ item.annexName }}
+                  </div>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="调解书:">
+                <div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
+                  <div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
+                    {{ item.annexName }}
+                  </div>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div style="display: inline-flex">
+                <div class="infoIcon"></div>
+                <div class="caseInfo">双方信息：</div>
+              </div>
+              <el-divider></el-divider>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
+                <el-radio-group v-model="detailsAwardNum.affiliate.organizeFlag">
+                  <el-radio :label="0">自然人</el-radio>
+                  <el-radio :label="1">机构</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
+              <el-form-item label="申请机构名称">
+                <el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请机构名称" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
+              <el-form-item label="申请人">
+                <el-input v-model="detailsAwardNum.affiliate.applicationName"  placeholder="请输入申请人姓名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
+              <el-form-item label="统一社会信用代码">
+                <el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入统一社会信用代码" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
+              <el-form-item label="申请人身份证号码">
+                <el-input v-model="detailsAwardNum.affiliate.code"  placeholder="请输入申请人的身份证号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
+              <el-form-item label="申请人邮箱">
+                <el-input v-model="detailsAwardNum.affiliate.applicationEmail"  placeholder="请输入申请人邮箱" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
+              <el-form-item label="申请人电话">
+                <el-input v-model="detailsAwardNum.affiliate.applicationPhone"  placeholder="请输入申请人联系电话" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
+              <el-form-item label="法定代表人">
+                <el-input v-model="detailsAwardNum.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人住所">
+                <el-input v-model="detailsAwardNum.affiliate.applicantHome" placeholder="请输入申请人住所" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请人联系地址">
+                <el-input v-model="detailsAwardNum.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
+              <el-form-item label="代理人联系电话">
+                <el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent"  placeholder="请输入代理人联系电话" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
+              <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent">
+                <el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
+              <el-form-item label="代理人姓名" prop="affiliate.nameAgent">
+                <el-input v-model="detailsAwardNum.affiliate.nameAgent"  placeholder="请输入代理人姓名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
+              <el-form-item label="代理人姓名" prop="affiliate.nameAgent">
+                <el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
+              <el-form-item label="代理人邮箱">
+                <el-input v-model="detailsAwardNum.affiliate.agentEmail"  placeholder="请输入代理人邮箱" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
+              <el-form-item label="代理人邮箱">
+                <el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="被申请人姓名">
+                <el-input v-model="detailsAwardNum.affiliate.respondentName" placeholder="请输入被申请人姓名" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="被申请人联系电话" >
+                <el-input v-model="detailsAwardNum.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="被申请人身份证号">
+                <el-input v-model="detailsAwardNum.affiliate.respondentIdentityNum"  placeholder="请输入被申请人身份证号" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="被申请人性别：">
+                <el-radio-group v-model="detailsAwardNum.affiliate.respondentSex">
+                  <el-radio :label="0">男</el-radio>
+                  <el-radio :label="1">女</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth">
+                <el-date-picker  v-model="detailsAwardNum.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="被申请人申请人住所">
+                <el-input v-model="detailsAwardNum.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="被申请人邮箱">
+                <el-input v-model="detailsAwardNum.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-col :span="24">
+            <el-form-item v-for="item in detailsAwardNum.columnValueList" :label="item.name" :key="item.id">
+              <el-input type="textarea" v-model="item.value"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-form>
+         </div>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getToken } from "@/utils/auth";
+export default {
+    props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts","caseFilingData"],
+  components: {
+    
+  },
+  data() {
+    return {
+     activeName: 'five',
+      fileURL: window.location.origin + "/API",
+      noData: false,
+      filedata: {
+        annexType: 2,
+      },
+      fileList: [],
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+    };
+  },
+watch: {
+    showarchiveDetails: {
+      handler(val) {
+        if (val) {
+          this.activeName = 'five'
+          // this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex)
+          console.log(this.detailsAwardNum)
+        }
+      },
+    },
+  },
+  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
+    },
+      /** 查看证据 */
+    fileDetil(val) {
+      window.open(this.fileURL + val);
+    },
+       /** 文件上传地址 */
+    UploadUrl() {
+      return window.location.origin + "/API/common/upload";
+    },
+        /**文件上传成功*/
+    handlSuccess(res, file) {
+      this.detailsAwardNum.caseAttachList.push({
+        annexId: res.annexId,
+      });
+    },
+        /**文件超出个数限制时的钩子*/
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
+        } 个文件`
+      );
+    },
+    // 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    handleRemove(file, fileList) {
+      this.caseAttachListArr = this.caseAttachListArr.filter(
+        (item) => item.annexId != file.annexId
+      );
+    },
+    handlePreview(file) {
+      window.open(
+        window.location.origin + "/API" + file.certificatePath,
+        "_blank"
+      );
+    },
+    handleClick(tab, event) {
+
+    },
+    
+    cancel() {
+      this.$emit("cancelDetail");
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 500px !important;
+  overflow: auto !important;
+}
+::v-deep .el-dialog {
+  width: 850px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .el-icon-loading {
+    font-size: 50px;
+  }
+}
 </style>

src/views/caseManagement/components/mediationCaseDetails.vue

@@ -1,93 +1,93 @@
-<template>
-    <div>
-        <el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
-            <div class="loading" v-if="flagLoading">
-                <i class="el-icon-loading"></i>
-            </div>
-            <div v-else>
-                <el-steps class="steps" :active="finishCasenode.length">
-                    <el-step :title="item.content" :description="(item.createNickName || '') + (item.caseNodeTime || '')+(item.nextRoleName || '')" v-for="(item,index) in stepNumber" :key="index"></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.js'
-export default {
-    props: ["processVisable","processData","caseFlowNumber"],
-    data() {
-        return {
-            processId:null,
-            pageData:{},
-            caseStatus:0,
-            finishCasenode:[],
-            stepNumber:[],
-            flagLoading:true
-            
-        };
-    },
-    watch: {
-        processVisable(val){
-            if(val){
-                this.processId = this.caseFlowNumber.id;
-                this.selectCaseProgressFn({caseId:this.processId});
-                
-            }
-        }
-    },
-    
-    methods: {
-        cancel() {
-            this.$emit("cancelViewProcess");
-        },
-        selectCaseProgressFn(data){
-            selectCaseProgress(data).then(res=>{
-                let finishCasenode = res.data.data.finishCasenode;;
-                this.finishCasenode = finishCasenode;
-                let inCasenode = res.data.data.inCasenode;
-                let nextCasenode = res.data.data.nextCasenode;
-                this.stepNumber= [...finishCasenode,...inCasenode,...nextCasenode];
-                this.flagLoading =false
-                
-            })
-        }
-    },
-};
-</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;
-    }
-    ::v-deep .el-dialog__body {
-    height: 500px !important;
-    overflow: auto !important;
-    }
-    ::v-deep .el-dialog {
-    width: 800px;
-    background: #ffffff;
-    border-radius: 20px;
-    }
-    .loading {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-        .el-icon-loading {
-            font-size: 50px;
-        }
-    }
+<template>
+    <div>
+        <el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
+            <div class="loading" v-if="flagLoading">
+                <i class="el-icon-loading"></i>
+            </div>
+            <div v-else>
+                <el-steps class="steps" :active="finishCasenode.length">
+                    <el-step :title="item.content" :description="(item.createNickName || '') + (item.caseNodeTime || '')+(item.nextRoleName || '')" v-for="(item,index) in stepNumber" :key="index"></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.js'
+export default {
+    props: ["processVisable","processData","caseFlowNumber"],
+    data() {
+        return {
+            processId:null,
+            pageData:{},
+            caseStatus:0,
+            finishCasenode:[],
+            stepNumber:[],
+            flagLoading:true
+            
+        };
+    },
+    watch: {
+        processVisable(val){
+            if(val){
+                this.processId = this.caseFlowNumber.id;
+                this.selectCaseProgressFn({caseId:this.processId});
+                
+            }
+        }
+    },
+    
+    methods: {
+        cancel() {
+            this.$emit("cancelViewProcess");
+        },
+        selectCaseProgressFn(data){
+            selectCaseProgress(data).then(res=>{
+                let finishCasenode = res.data.data.finishCasenode;;
+                this.finishCasenode = finishCasenode;
+                let inCasenode = res.data.data.inCasenode;
+                let nextCasenode = res.data.data.nextCasenode;
+                this.stepNumber= [...finishCasenode,...inCasenode,...nextCasenode];
+                this.flagLoading =false
+                
+            })
+        }
+    },
+};
+</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;
+    }
+    ::v-deep .el-dialog__body {
+    height: 500px !important;
+    overflow: auto !important;
+    }
+    ::v-deep .el-dialog {
+    width: 800px;
+    background: #ffffff;
+    border-radius: 20px;
+    }
+    .loading {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+        .el-icon-loading {
+            font-size: 50px;
+        }
+    }
 </style>

src/views/caseManagement/components/mediationCaseLog.vue

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

src/views/caseManagement/components/paymentdetailsDialog.vue

@@ -1,169 +1,169 @@
-<template>
-  <div>
-    <el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
-      <el-form ref="form" :model="form" label-width="180px">
-        <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.applicationName" placeholder="" />
-        </el-form-item> -->
-        <el-form-item label="缴费金额：" prop="feePayable">
-          <el-input v-model="form.feePayable" :disabled="true"/>
-        </el-form-item>
-        <el-form-item label="申请人缴费凭证：" v-if="form.caseAttachList">
-          <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index"
-            @click="preview(item.annexPath)">
-            {{ item.annexName }}
-          </div>
-        </el-form-item>
-        <el-form-item label="被申请人缴费凭证：" v-if="form.resCaseAttachList">
-          <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.resCaseAttachList" :key="index"
-            @click="preview(item.annexPath)">
-            {{ item.annexName }}
-          </div>
-        </el-form-item>
-        <!-- 判断缴费是否通过 -->
-        <el-form-item label="是否缴费通过：" v-if="flag == 0">
-          <el-radio-group v-model="yesOrNo">
-            <el-radio :label="1">通过</el-radio>
-            <el-radio :label="0">驳回</el-radio>
-          </el-radio-group>   
-        </el-form-item>
-        <!-- 缴费驳回原因-->
-        <el-form-item label="驳回原因：" v-if="yesOrNo == 0" prop="reason" :rules="[{ required: true, message: '请输入驳回原因',trigger: 'blur',},]">
-          <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.reason"></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">确认已缴费</el-button> -->
-        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确 认</el-button>
-        <el-button @click="cancel" class="endbutton1">取 消</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { confirmPaid, resConfirmPaid } from '@/api/caseManagement/caseManagement.js'
-export default {
-  props: ["openDialog", "title", "flag", "detailform", "getList", "paymentConfirma", "queryParams",'isapplicant'],
-  data() {
-    return {
-      form: {
-        reason: '',//驳回原因
-      },
-      yesOrNo: 1,
-      srcList: [],
-    };
-  },
-  watch: {
-    detailform: {
-      handler(val) {
-        if (val) {
-          this.form = val;
-        }
-      },
-    },
-    openDialog: {
-      handler(val) {
-        if (val) {
-          this.yesOrNo = 1
-        }
-      }
-    }
-  },
-  methods: {
-    preview(data) {
-      window.open(
-        window.location.origin + "/API" + data,
-        "_blank"
-      );
-    },
-    // 确认缴费
-    submitForm() {
-      let paramsVal = {
-        caseId: this.paymentConfirma.id,
-        batchNumber: "",
-        caseFlowId: this.paymentConfirma.caseFlowId,
-        yesOrNo: this.yesOrNo,
-        reason: this.form.reason
-      }
-      this.$refs["form"].validate((valid) => {
-      if (valid) {
-      if (this.isapplicant) {
-        confirmPaid(paramsVal).then((res) => {
-          this.$message({
-            message: "确认成功",
-            type: "success",
-          });
-          this.cancel();
-          this.$emit("getList", this.queryParams);
-        })
-        console.log('申请人');
-      } else {
-        // 被申请人 resConfirmPaid
-        resConfirmPaid(paramsVal).then((res) => {
-          this.$message({
-            message: "确认成功",
-            type: "success",
-          });
-          this.cancel();
-          this.$emit("getList", this.queryParams);
-        })
-        console.log('被申请人');
-      }
-      }
-      })
-    },
-    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;
-  }
-}
+<template>
+  <div>
+    <el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
+      <el-form ref="form" :model="form" label-width="180px">
+        <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.applicationName" placeholder="" />
+        </el-form-item> -->
+        <el-form-item label="缴费金额：" prop="feePayable">
+          <el-input v-model="form.feePayable" :disabled="true"/>
+        </el-form-item>
+        <el-form-item label="申请人缴费凭证：" v-if="form.caseAttachList">
+          <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index"
+            @click="preview(item.annexPath)">
+            {{ item.annexName }}
+          </div>
+        </el-form-item>
+        <el-form-item label="被申请人缴费凭证：" v-if="form.resCaseAttachList">
+          <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.resCaseAttachList" :key="index"
+            @click="preview(item.annexPath)">
+            {{ item.annexName }}
+          </div>
+        </el-form-item>
+        <!-- 判断缴费是否通过 -->
+        <el-form-item label="是否缴费通过：" v-if="flag == 0">
+          <el-radio-group v-model="yesOrNo">
+            <el-radio :label="1">通过</el-radio>
+            <el-radio :label="0">驳回</el-radio>
+          </el-radio-group>   
+        </el-form-item>
+        <!-- 缴费驳回原因-->
+        <el-form-item label="驳回原因：" v-if="yesOrNo == 0" prop="reason" :rules="[{ required: true, message: '请输入驳回原因',trigger: 'blur',},]">
+          <el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.reason"></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">确认已缴费</el-button> -->
+        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确 认</el-button>
+        <el-button @click="cancel" class="endbutton1">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { confirmPaid, resConfirmPaid } from '@/api/caseManagement/caseManagement.js'
+export default {
+  props: ["openDialog", "title", "flag", "detailform", "getList", "paymentConfirma", "queryParams",'isapplicant'],
+  data() {
+    return {
+      form: {
+        reason: '',//驳回原因
+      },
+      yesOrNo: 1,
+      srcList: [],
+    };
+  },
+  watch: {
+    detailform: {
+      handler(val) {
+        if (val) {
+          this.form = val;
+        }
+      },
+    },
+    openDialog: {
+      handler(val) {
+        if (val) {
+          this.yesOrNo = 1
+        }
+      }
+    }
+  },
+  methods: {
+    preview(data) {
+      window.open(
+        window.location.origin + "/API" + data,
+        "_blank"
+      );
+    },
+    // 确认缴费
+    submitForm() {
+      let paramsVal = {
+        caseId: this.paymentConfirma.id,
+        batchNumber: "",
+        caseFlowId: this.paymentConfirma.caseFlowId,
+        yesOrNo: this.yesOrNo,
+        reason: this.form.reason
+      }
+      this.$refs["form"].validate((valid) => {
+      if (valid) {
+      if (this.isapplicant) {
+        confirmPaid(paramsVal).then((res) => {
+          this.$message({
+            message: "确认成功",
+            type: "success",
+          });
+          this.cancel();
+          this.$emit("getList", this.queryParams);
+        })
+        console.log('申请人');
+      } else {
+        // 被申请人 resConfirmPaid
+        resConfirmPaid(paramsVal).then((res) => {
+          this.$message({
+            message: "确认成功",
+            type: "success",
+          });
+          this.cancel();
+          this.$emit("getList", this.queryParams);
+        })
+        console.log('被申请人');
+      }
+      }
+      })
+    },
+    cancel() {
+      this.$emit("cancelpaymentdetails");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 50%;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
 </style>

src/views/index.vue

@@ -1,27 +1,129 @@
 <template>
   <div class="app-container home">
-    调解系统
+    <div class="header">
+      <div class="iconTitle"></div>
+      <div class="headerMain">我的待办</div>
+    </div>
+    <div class="homeMain">
+      <div class="cardList" v-for="(item, index) in pendingTasks" :key="index" @click="pushPage(item.caseFlowId)">
+        <div class="badge">{{item.caseCount}}</div>
+        <div class="cardMain">
+          <img class="iconImg" src="@/assets/images/daiban.png" alt="" />
+        </div>
+        <div class="cardMain">
+          <div class="imgTitle">{{ item.caseStatusName }}</div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
+import { todoCount } from "@/api/system/homepage.js";
 export default {
   name: "Index",
   data() {
     return {
       // 版本号
-      version: "3.8.6"
+      version: "3.8.6",
+      pendingTasks: [], //案件代办状态
     };
   },
+  created() {
+    this.gettodoCount();
+  },
   methods: {
     goTarget(href) {
       window.open(href, "_blank");
+    },
+    // 查询代办状态
+    gettodoCount() {
+      todoCount({}).then((res) => {
+      this.pendingTasks = res.data.toDoCountList
+      console.log(res.data.toDoCountList, "this.pendingTasks");
+      });
+    },
+    // 点击待办按钮跳转
+    pushPage(status) {
+      this.$router.push({ path: '/caseManagement/caseManagement/caseList', query: { caseFlowId: status + '' } })
     }
-  }
+  },
 };
 </script>
 
 <style scoped lang="scss">
+.home {
+  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  color: #676a6c;
+  overflow-x: hidden;
+  background-color: #f1f1f1;
+  height: 100vh;
+
+  .header {
+    width: 100%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+
+    .iconTitle {
+      width: 5px;
+      height: 25px;
+      background-color: #0f5c9b;
+      margin-right: 25px;
+    }
+
+    .headerMain {
+      font-size: 20px;
+    }
+  }
+
+  .homeMain {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+
+    .cardList {
+      width: 13%;
+      height: 200px;
+      border-radius: 30px;
+      background-color: #ffffff;
+      position: relative;
+      margin-right: 38px;
+      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: 15px;
+          font-weight: 900;
+        }
+      }
+    }
+  }
+}
 </style>
 

src/views/login.vue

@@ -67,7 +67,8 @@
     </div>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</span>
+      <div>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</div>
+      <div>Version：1.0.1</div>
     </div>
   </div>
 </template>
@@ -247,8 +248,8 @@ export default {
 }
 .el-login-footer {
   background-color: rgb(126, 131, 135);
-  height: 40px;
-  line-height: 40px;
+  height: 55px;
+  line-height: 55px;
   position: fixed;
   bottom: 0;
   width: 100%;
@@ -257,6 +258,9 @@ export default {
   font-family: Arial;
   font-size: 12px;
   letter-spacing: 1px;
+  div {
+    height: 30%;
+  }
 }
 .login-code-img {
   height: 38px;

vue.config.js

@@ -17,7 +17,7 @@ const API = 'http://121.40.189.20:7001'  //测试
 // const API = 'http://172.16.0.237:6001' //Q
 // const API = 'http://172.16.1.43:6001' //w
 
-// vue.config.js 配置说明
+// vue.config.js 配置说明 
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
 // 这里只列一部分，具体配置参考文档
 module.exports = {
@@ -39,8 +39,10 @@ module.exports = {
     port: port,
     open: true,
     proxy: {
-      // detail: https://cli.vuejs.org/config/#devserver-proxy
+      // detail: https://cli.vuejs.org/config/#devserver-proxy 
       [process.env.VUE_APP_BASE_API]: {
+        // target: `http://192.168.3.77:8080`,
+        // target: `http://121.40.189.20:9001`,
         target: API,
         changeOrigin: true,
         pathRewrite: {
@@ -59,7 +61,6 @@ module.exports = {
   },
   configureWebpack: {
     name: name,
-    devtool: '#eval-source-map',
     resolve: {
       alias: {
         '@': resolve('src')