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

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",

public/index.html

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

src/App.vue

@@ -2,6 +2,9 @@
   <div id="app">
     <router-view />
     <theme-picker />
+    <div class="onlyoffice">
+      <div id="placeholder"></div>
+    </div>
   </div>
 </template>
 
@@ -11,18 +14,94 @@ import ThemePicker from "@/components/ThemePicker";
 export default {
   name: "App",
   components: { ThemePicker },
-    metaInfo() {
-        return {
-            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
-            titleTemplate: title => {
-                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
-            }
-        }
+  data() {
+    return {
+      config: {},
+      flag: false
     }
+  },
+  mounted() {
+    console.log("app.vue");
+    this.config = {
+      "editorConfig": {
+        "mode": "edit",
+        "customization": {
+          "feedback": {
+            "visible": false
+          },
+          "help": false,
+          "goback": {
+            "blank": false
+          },
+          "macros": false,
+          "autosave": false,
+          "comments": false,
+          "review": {},
+          "hideRightMenu": true,
+          "anonymous": {
+            "request": false
+          },
+          "forcesave": true,
+          "logo": {},
+          "hideNotes": true
+        },
+        "plugins": {
+          "pluginsData": [],
+          "autostart": []
+        },
+        "callbackUrl": "http://121.40.189.20:9090/onlyOffice/save",
+        "lang": "zh-CN",
+        "user": {
+          "name": "OnlyOfficeUserName1",
+          "id": "1"
+        }
+      },
+      "docServiceApiUrl": "http://121.40.189.20:8899/web-apps/apps/api/documents/api.js",
+      "documentType": "word",
+      "document": {
+        "permissions": {
+          "edit": false,
+          "chat": false,
+          "review": false
+        },
+        "title": "调解申请书模板.docx",
+        "fileType": "docx",
+        "key": "6ae50056ac5e4e3ba09be430d444699c",
+        "url": "http://121.40.189.20:9090/download/6ae50056ac5e4e3ba09be430d444699c",
+        "info": {
+          "sharingSettings": [
+            {
+              "isLink": true,
+              "permissions": [
+                "Full Access"
+              ],
+              "user": "OnlyOfficeUserName1"
+            }
+          ],
+          "created": "2024-03-13 09:46:41"
+        }
+      },
+      "type": "desktop"
+    }
+    var docEditor = new DocsAPI.DocEditor("placeholder", this.config);
+  },
+  metaInfo() {
+    return {
+      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
+      titleTemplate: title => {
+        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
+      }
+    }
+  }
 };
 </script>
 <style scoped>
 #app .theme-picker {
   display: none;
 }
+
+.onlyoffice {
+  width: 0;
+  height: 0;
+}
 </style>

src/api/caseManagement/caseManagement.js

@@ -239,3 +239,18 @@ export function secretaryRoleByUserId(query) {
     params: query
   })
 }
+// 获取证件类型
+export function getIdType() {
+  return request({
+    url: '/system/dict/data/type/id_type',
+    method: 'get',
+  })
+}
+// 会议附件上传接口
+export function meetingUpload(data) {
+  return request({
+    url: '/video/upload',
+    method: 'post',
+    data: data
+  })
+}

src/api/deliveryRecord/deliveryRecord.js

@@ -17,4 +17,44 @@ export function smsList(data,params) {
         data: data,
         params:params
     })
+}
+//更新短信内容
+export function updateSendContent(data) {
+    return request({
+        url: 'shortMessage/updateSendContent',
+        method: 'post',
+        data: data,
+    })
+}
+// 分页查询短信
+export function recordList(data) {
+    return request({
+        url: '/shortMessage/recordList',
+        method: 'get',
+        params: data
+    })
+}
+// 重新发送短信
+export function reSendShortMessage(data) {
+    return request({
+        url: 'shortMessage/reSendShortMessage',
+        method: 'post',
+        data: data,
+    })
+}
+// 重新发送邮件
+export function reSendMailRecord(data) {
+    return request({
+        url: 'sendMailRecord/reSendMailRecord',
+        method: 'post',
+        data: data,
+    })
+}
+// 更新邮件发送记录
+export function update(data) {
+    return request({
+        url: 'sendMailRecord/update',
+        method: 'post',
+        data: data,
+    })
 }

src/api/login.js

@@ -65,6 +65,14 @@ export function sendCode(data) {
 		params:data
 	})
 }
+// 获取邮箱验证码
+export function sendEmailCode(data) {
+	return request({
+		url: '/weChatUser/sendEmailCode',
+		method: 'get',
+		params:data
+	})
+}
 // 注册方法
 export function wxregister(data) {
 	return request({
@@ -75,4 +83,34 @@ export function wxregister(data) {
 		method: 'post',
 		data: data
 	})
-}
+}
+// 检测用户名是否已经存在
+export function verifyUserName(data) {
+	return request({
+		url: '/weChatUser/verifyUserName',
+		method: 'get',
+		params:data
+	})
+}
+// 获取证件类型
+export function getIdType() {
+  return request({
+    url: '/system/dict/data/type/skipToken/id_type',
+    method: 'get',
+  })
+}
+// 获取pc端的EIDtoken
+export function selectIdentityAuthenticaEIDtoken() {
+  return request({
+    url: '/identityAuthentication/selectIdentityAuthenticaEIDtoken',
+    method: 'post'
+  })
+} 
+// H5轮询获取E证通Token状态
+export function selectPCEIDtokenStatus(data) {
+  return request({
+    url: '/identityAuthentication/selectPCEIDtokenStatus',
+    method: 'get',
+    params:data
+  })
+}

src/api/onlyoffice/onlyoffice.js

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

src/api/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" />
 
@@ -102,7 +97,8 @@ export default {
         type: 'warning'
       }).then(() => {
         this.$store.dispatch('LogOut').then(() => {
-          location.href = '/index';
+          // location.href = '/index';
+          this.$router.push({ path: '/Login' })
         })
       }).catch(() => {});
     }

src/main.js

@@ -13,9 +13,15 @@ import router from './router'
 import directive from './directive' // directive
 import plugins from './plugins' // plugins
 import { download } from '@/utils/request'
-
+import { Message } from 'element-ui'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+import { getToken } from '@/utils/auth'
+import { isRelogin } from '@/utils/request'
+import './assets/icons' // icon
+// 引入Iconfont 矢量图标库
 import './assets/icon/iconfont.css'
-import './permission' // permission control
+// import './permission' // permission control
 import { getDicts } from "@/api/system/dict/data";
 import { getConfigKey } from "@/api/system/config";
 import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/ruoyi";
@@ -37,8 +43,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 +58,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 +71,7 @@ Vue.component('ImagePreview', ImagePreview)
 Vue.use(directive)
 Vue.use(plugins)
 Vue.use(VueMeta)
+Vue.use(vueEsign)
 DictData.install()
 
 /**
@@ -75,7 +82,61 @@ DictData.install()
  * Currently MockJs will be used in the production environment,
  * please remove it before going online! ! !
  */
+NProgress.configure({ showSpinner: false })
 
+const whiteList = ['/login', '/register']
+
+router.beforeEach((to, from, next) => {
+  let path = to.fullPath
+  if(path.indexOf('token') != -1){
+    path = path.split('token=');
+    path = path[1];
+    Cookies.set("Admin-Token", path)
+  }
+  NProgress.start()
+  if (getToken()) {
+    to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
+    /* has token*/
+    if (to.path === '/login') {
+      next({ path: '/' })
+      NProgress.done()
+    } else {
+      if (store.getters.roles.length === 0) {
+        isRelogin.show = true
+        // 判断当前用户是否已拉取完user_info信息
+        store.dispatch('GetInfo').then(() => {
+          isRelogin.show = false
+          store.dispatch('GenerateRoutes').then(accessRoutes => {
+            // 根据roles权限生成可访问的路由表
+            router.addRoutes(accessRoutes) // 动态添加可访问路由表
+            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
+          })
+        }).catch(err => {
+            store.dispatch('LogOut').then(() => {
+              Message.error(err)
+              next({ path: '/' })
+            })
+          })
+      } else {
+        next()
+      }
+    }
+  } else {
+    // 没有token
+    if (whiteList.indexOf(to.path) !== -1) {
+      // 在免登录白名单，直接进入
+      next()
+    } else {
+      // next(`/login?redirect=${encodeURIComponent(to.fullPath)}`) // 否则全部重定向到登录页
+      next(`/login`)
+      NProgress.done()
+    }
+  }
+})
+
+router.afterEach(() => {
+  NProgress.done()
+})
 Vue.use(Element, {
   size: Cookies.get('size') || 'medium' // set element-ui default size
 })

src/permission.js

@@ -11,6 +11,7 @@ NProgress.configure({ showSpinner: false })
 const whiteList = ['/login', '/register']
 
 router.beforeEach((to, from, next) => {
+  console.log("**************************************");
   NProgress.start()
   if (getToken()) {
     to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
@@ -45,7 +46,8 @@ router.beforeEach((to, from, next) => {
       // 在免登录白名单，直接进入
       next()
     } else {
-      next(`/login?redirect=${encodeURIComponent(to.fullPath)}`) // 否则全部重定向到登录页
+      // next(`/login?redirect=${encodeURIComponent(to.fullPath)}`) // 否则全部重定向到登录页
+      next(`/login`)
       NProgress.done()
     }
   }

src/router/index.js

@@ -61,6 +61,16 @@ export const constantRoutes = [
     component: () => import('@/views/error/401'),
     hidden: true
   },
+  {
+    path: '/onlyoffice',
+    component: () => import('@/views/onlyoffice/onlyoffice'),
+    hidden: true
+  },
+  {
+    path: '/test',
+    component: () => import('@/views/test'),
+    hidden: true
+  },
   {
     path: '',
     component: Layout,
@@ -100,7 +110,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 +125,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/getters.js

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

src/store/modules/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

@@ -6,11 +6,15 @@ const user = {
     token: getToken(),
     name: '',
     avatar: '',
+    userId:null,
     roles: [],
     permissions: []
   },
 
   mutations: {
+    SET_USERID:(state,userId) => {
+      state.userId = userId
+    },
     SET_TOKEN: (state, token) => {
       state.token = token
     },
@@ -50,7 +54,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是否是一个非空数组
@@ -61,6 +64,7 @@ const user = {
           }
           commit('SET_NAME', user.userName)
           commit('SET_AVATAR', avatar)
+          commit('SET_USERID',user.userId)
           resolve(res)
         }).catch(error => {
           reject(error)
@@ -69,13 +73,14 @@ const user = {
     },
 
     // 退出系统
-    LogOut({ commit, state }) {
+    LogOut({ commit, state, dispatch }) {
       return new Promise((resolve, reject) => {
         logout(state.token).then(() => {
           commit('SET_TOKEN', '')
           commit('SET_ROLES', [])
           commit('SET_PERMISSIONS', [])
           removeToken()
+          dispatch('tagsView/delAllViews', null, { root: true })
           resolve()
         }).catch(error => {
           reject(error)

src/utils/permission.js

@@ -24,7 +24,6 @@ export function checkPermi(value) {
     return false
   }
 }
-
 /**
  * 角色权限校验
  * @param {Array} value 校验值
@@ -62,27 +61,7 @@ export function statusRole(value) {
   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) {
+  if (caseStatus.includes(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">
@@ -18,12 +18,13 @@
                     @keyup.enter.native="handleQuery" />
             </el-form-item> -->
             <el-form-item label="案件编号" prop="caseNum">
-                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable style="width: 240px"
-                    @keyup.enter.native="handleQuery" />
+                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" :disabled='queryDisable' clearable
+                    style="width: 240px" @keyup.enter.native="handleQuery" />
             </el-form-item>
             <el-form-item label="创建时间" prop="caseTime">
-                <el-date-picker v-model="caseTime" type="daterange" align="right" unlink-panels range-separator="至"
-                    start-placeholder="开始日期" end-placeholder="结束日期" clearable style="width: 240px" @change="caseTimeChange">
+                <el-date-picker v-model="caseTime" type="datetimerange" align="right" unlink-panels range-separator="至"
+                    start-placeholder="开始日期" end-placeholder="结束日期" clearable style="width: 240px" :default-time="['00:00:00', '23:59:59']"
+                    @change="caseTimeChange">
                 </el-date-picker>
             </el-form-item>
             <el-form-item>
@@ -33,7 +34,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">
@@ -45,8 +47,8 @@
             <el-table-column label="序号" type="index" align="center">
                 <template slot-scope="scope">
                     <span>{{
-                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
-                    }}</span>
+            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+        }}</span>
                 </template>
             </el-table-column>
             <!-- <el-table-column label="批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" /> -->
@@ -61,40 +63,41 @@
             <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" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="statusRole(scope.row.caseFlowId)">提交</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="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button> -->
-                    <!-- <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印</el-button> -->
-                    <el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
+                    <el-button size="mini" @click="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="paymentconfirmationRow(scope.row)" type="text" icon="el-icon-zoom-in">缴费确认</el-button> -->
-                    <!-- <el-button size="mini" @click="caseAccep(scope.row)" type="text" icon="el-icon-zoom-in">案件受理</el-button> -->
-                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text"
-                        icon="el-icon-edit">查看缴费单</el-button>
-                    <!-- <el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button> -->
-                    <!-- <el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">申请人签收</el-button> -->
-                    <!-- <el-button size="mini" @click="receivedMediation(scope.row)" type="text" icon="el-icon-edit-outline">被申请人签收</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" @click="payStatus(scope.row)">缴费</el-button> -->
-                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="selectMediator(scope.row)">预约时间</el-button> -->
-                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="secretaryConfirm(scope.row)">秘书审核</el-button> -->
-                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="department(scope.row)">部门长审核</el-button> -->
-                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="timeConfirm(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])">{{ item.nodeName }}</el-button>
+                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text" icon="el-icon-edit"
+                        v-if="scope.row.caseFlowId > 2">查看缴费单</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" v-if="scope.row.mediationFileFlag == 1"
+                        @click="mediationApplication(scope.row)" type="text" icon="el-icon-edit-outline">调解书</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) && (scope.row.appOperatorFlag == 1 || scope.row.resOperatorFlag == 1 || scope.row.otherFlag == 1 || scope.row.agentFlag == 1 || scope.row.mediatorFlag == 1)
+            ">{{ item.nodeName }}</el-button>
+                    </div>
                 </template>
             </el-table-column>
         </el-table>
-        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-            @pagination="getList(queryParams)" />
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getList(queryParams)" />
         <!-- 新增编辑详情 -->
         <addCase :addVisable="addVisable" :queryParams="queryParams" @cancelCaseAdd="cancelCaseAdd" @getList="getList"
-            :caseData="caseData" :caseDisabled="caseDisabled" :tabFlag="tabFlag" :addModifyData="addModifyData"></addCase>
+            :caseData="caseData" :caseDisabled="caseDisabled" :tabFlag="tabFlag" :addModifyData="addModifyData">
+        </addCase>
         <!-- 压缩包导入     -->
         <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
             @cancelCompreess="cancelCompreess" :getList="getList">
@@ -104,23 +107,28 @@
             :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 :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>
+        <payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId"
+            :payForm="payForm" :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>
+            :caseAcceptanceData="caseAcceptanceData" @getList="getList" :queryParams="queryParams"></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>
@@ -135,35 +143,54 @@
             :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
         <!-- 待调解     -->
         <mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
-            :mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>
+            :mediationData="mediationData" @getList="getList" :queryParams="queryParams" :applicant="applicant">
+        </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>
+        <!-- 调解申请书 -->
+        <mediationApplications :mediationAppVisable="mediationAppVisable" @cancelmediationApp="cancelmediationApp"
+            :mediationLise="mediationLise"></mediationApplications>
     </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";
+import mediationApplications from "./components/mediationApplications.vue"
 export default {
     name: "caseList",
     dicts: ["case_flow_node"],
@@ -176,14 +203,15 @@ export default {
         payDialog,
         paymentdetailsDialog,
         caseAcceptance,
-        selectMediator,//调解员弹窗
+        selectMediator, //调解员弹窗
         confirmMediator,
         departmentMediator,
         timeConfirm,
         mediation,
         confirmMediation,
         caseFilingDetailsPage,
-        respondentPay
+        respondentPay,
+        mediationApplications
     },
     data() {
         return {
@@ -191,6 +219,7 @@ export default {
                 pageNum: 1,
                 pageSize: 10,
             },
+            queryDisable: false,
             // 遮罩层
             loading: false,
             // 总条数
@@ -200,143 +229,166 @@ 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, //待调解弹窗
+            mediationAppVisable: false,//调解申请书
+            mediationLise: {},
+            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: {},
+            applicant: ""
         };
     },
     created() {
+        // this.queryParams.caseNum = this.$route.query.caseNum;
+        this.$set(this.queryParams, "caseNum", this.$route.query.caseNum);
+        console.log(this.$route.query)
+        if (this.$route.query.token) {
+            this.queryDisable = true;
+        } else {
+            this.queryDisable = false;
+        }
+        // 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);
+        });
+        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);
-        this.listDeptFn()
-        this.getButtonList()
     },
     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;
@@ -344,7 +396,7 @@ export default {
         },
         /** 查看详情 */
         checkDetail(val) {
-            this.addModifyData =2;
+            this.addModifyData = 2;
             this.addVisable = true;
             this.caseData = val;
             this.caseDisabled = true;
@@ -352,10 +404,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;
         },
@@ -402,10 +454,9 @@ export default {
             //         this.$modal.msgSuccess("立案申请成功");
             //     })
             //     .catch(() => { });
-            msCaseSignUrlApplyPC({ caseId: row.id }).then(res=>{
-                console.log(res,"PPPPPPPPPPPPPPPPPPPP");
+            msCaseSignUrlApplyPC({ caseId: row.id }).then((res) => {
                 window.open(res.data.sealUrl);
-            })
+            });
         },
         /** 选择调解员 */
         selectMediator(val) {
@@ -417,12 +468,13 @@ export default {
             this.timeVisable = true;
         },
         /** 调解 */
-        mediationClick(val){
+        mediationClick(val) {
             this.mediationVisable = true;
             this.mediationData = val;
+            this.applicant = val.applicationName;
         },
         /** 确认调解书 */
-        confirmMediation(val){
+        confirmMediation(val) {
             this.confirmTionVisable = true;
             this.confirmTionData = val;
         },
@@ -430,6 +482,12 @@ export default {
             caseApplicationSelectById(parms).then((res) => {
                 this.formPayDetail = res.data;
                 this.formPayDetailAffiliate = res.data.affiliate;
+                let applicantStr = '';
+                let resStr = '';
+                applicantStr = this.formPayDetailAffiliate.applicant.map(item => item.applicant.name).join(',');
+                resStr = this.formPayDetailAffiliate.res.map(item => item.res.name).join(',');
+                this.formPayDetailAffiliate.applicationName = applicantStr;
+                this.formPayDetailAffiliate.respondentName = resStr;
                 this.payForm.feePayable = res.data.feePayable;
                 this.payForm.caseId = res.data.id;
             });
@@ -438,6 +496,12 @@ export default {
             caseApplicationSelectById(parms).then((res) => {
                 this.formResPayDetail = res.data;
                 this.formResPay = res.data.affiliate;
+                let applicantStr = '';
+                let resStr = '';
+                applicantStr = this.formResPay.applicant.map(item => item.applicant.name).join(',');
+                resStr = this.formResPay.res.map(item => item.res.name).join(',');
+                this.formResPay.applicationName = applicantStr;
+                this.formResPay.respondentName = resStr;
                 this.resPayForm.feePayable = res.data.feePayable;
                 this.resPayForm.caseId = res.data.id;
             });
@@ -460,23 +524,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) {
@@ -512,14 +575,14 @@ export default {
             this.timeVisable = false;
         },
         /**取消调解 */
-        cancelMediation(){
+        cancelMediation() {
             this.timeConfirmVisable = false;
         },
         /** 取消确认调解弹窗 */
-        cancelConfirmTion(){
+        cancelConfirmTion() {
             this.confirmTionVisable = false;
         },
-        cancelMediation(){
+        cancelMediation() {
             this.mediationVisable = false;
         },
         cancelConfirm() {
@@ -548,162 +611,209 @@ 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.$confirm("你确定要案件送达吗？", "提示", {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+                callback: () => { },
+                beforeClose: (action, ctx, close) => {
+                    if (action !== 'confirm') {
+                        close();
+                        return;
+                    }
+                    ctx.confirmButtonLoading = true;
+                    msCaseFile(paramValues).then((res) => {
+                        this.$modal.msgSuccess("案件送达成功");
+                        close();
+                        this.getList(this.queryParams);
+                    }).finally(() => {
+                        ctx.confirmButtonLoading = false;
+                    })
+                }
+            }).finally(() => { })
+            // .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=>{
-                this.detailsAwardNum = res.data
-                console.log(this.detailsAwardNum)
-                this.flagLoadingS = false
-            })
+            let vals = { id: val.id };
+            caseApplicationSelectById(vals).then((res) => {
+                res.data.affiliate.applicant.forEach(item => {
+                    if (!item.applicant) {
+                        item.applicant = {}
+                    }
+                    if (!item.applicantAgent) {
+                        item.applicantAgent = {}
+                    }
+                })
+                res.data.affiliate.res.forEach(item => {
+                    if (!item.res) {
+                        item.res = {}
+                    }
+                    if (!item.resAgent) {
+                        item.resAgent = {}
+                    }
+                })
+                this.detailsAwardNum = res.data;
+                console.log(this.detailsAwardNum);
+                this.flagLoadingS = false;
+            });
         },
-        cancelDetail(){
-            this.showarchiveDetails = false
+        cancelDetail() {
+            this.showarchiveDetails = false;
+        },
+        // 调解书
+        mediationApplication(row) {
+            this.mediationLise = row
+            this.mediationAppVisable = true
+        },
+        cancelmediationApp() {
+            this.mediationAppVisable = false
         }
-        
     },
 };
 </script>

src/views/caseManagement/components/caseAcceptance.vue

@@ -1,148 +1,154 @@
-<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);
+        this.courtReviewform = {
+          mediationMethod: 2,
+          paperFlag: 0,
+          arbitrateConfirm: 0,
+          agreeFlag: 1
+        }
+      }
+    },
+  },
+  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/confirmMediator.vue

@@ -92,7 +92,7 @@ export default {
             if (val) {
                 this.mediatorArr = [];
                 this.selectReservationFn({ id: this.confirmData.id })
-                listMediator().then(res => {
+                listMediator({caseAppliId:this.confirmData.id}).then(res => {
                     this.tableData = res.data;
                 })
             }

src/views/caseManagement/components/departmentMediator.vue

@@ -3,10 +3,12 @@
         <el-dialog title="部门长确认调解员" :visible="departmentVisable" v-if="departmentVisable" @close="cancel" center
             :distroy-on-close="true">
             <div>
-                <div v-if="tableDataFlag">
+                <!-- v-if="tableDataFlag" -->
+                <div>
                     <div style="margin-bottom: 20px;">选择调解员</div>
                 </div>
-                <el-table v-if="tableDataFlag" ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
+                <!-- v-if="tableDataFlag" -->
+                <el-table  ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
                     @selection-change="handleSelectionChange">
                     <el-table-column type="selection" width="55">
                     </el-table-column>
@@ -92,7 +94,7 @@ export default {
             if (val) {
                 this.mediatorArr = [];
                 this.selectReservationFn({ id: this.departmentData.id })
-                listMediator().then(res => {
+                listMediator({caseAppliId:this.departmentData.id}).then(res => {
                     this.tableData = res.data;
                 })
             }
@@ -124,6 +126,7 @@ export default {
         },
         /**提交选择结果*/
         async submitMediator() {
+            console.log(this.multipleSelection,this.tableDataNow)
             if (this.multipleSelection.length == 0 && this.tableDataNow.length > 0) {
                 this.verifyMediatorFn({
                     id: this.departmentData.id,
@@ -138,7 +141,15 @@ export default {
                     mediatorId: this.multipleSelection[0].mediatorId,
                     mediatorName: this.multipleSelection[0].mediatorName,
                 })
-            } else if (this.multipleSelection.length > 1 && this.tableDataNow.length == 0) {
+            }else if(this.multipleSelection.length == 1){
+                this.verifyMediatorFn({
+                    id: this.departmentData.id,
+                    caseFlowId: this.departmentData.caseFlowId,
+                    mediatorId: this.multipleSelection[0].mediatorId,
+                    mediatorName: this.multipleSelection[0].mediatorName,
+                })
+                // && this.tableDataNow.length == 0
+            }else if (this.multipleSelection.length > 1) {
                 Message.error('最多选择一名调解员');
                 return
             }

src/views/caseManagement/components/mediation.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <el-dialog :title="title" :visible="mediationVisable" @close="cancel" center :distroy-on-close="true" width="1000px">
+    <el-dialog :title="title" :visible="mediationVisable" @close="cancel" center :distroy-on-close="true"
+      width="1000px">
       <el-form ref="form" :model="formData" label-width="180px">
         <div class="caseInfo">案件信息：</div>
         <el-divider></el-divider>
@@ -11,8 +12,8 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="申请人：" prop="affiliate.applicationName">
-              <el-input v-model="formData.affiliate.applicationName" :disabled="true" />
+            <el-form-item label="申请人：">
+              <el-input v-model="applicant" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -21,15 +22,15 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="案件标的：" prop="caseSubjectAmount">
+            <!-- <el-form-item label="案件标的：" prop="caseSubjectAmount">
               <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
-            </el-form-item>
+            </el-form-item> -->
           </el-col>
-          <el-col :span="12">
+          <!-- <el-col :span="12">
             <el-form-item label="调解费用：" prop="feePayable">
               <el-input v-model="formData.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
             </el-form-item>
-          </el-col>
+          </el-col> -->
           <el-col :span="12">
             <el-form-item label="调解员：" prop="mediatorName">
               <el-input v-model="formData.mediatorName" placeholder="请输入" :disabled="true" />
@@ -40,13 +41,13 @@
           <el-form-item label="申请人案件证据：">
             <div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
             <div v-for="(item, index) in applicateArr" :key="index" v-if="item.annexType == 2">
-              <a href="#" @click="toFile(item, index)" style="color: blue">{{ item.annexName }}</a>
+              <a href="#" @click="toFile2(item.annexPath)" style="color: blue">{{ item.annexName }}</a>
             </div>
           </el-form-item>
         </el-col>
-        <el-col :span="24" v-if="mediationType">
+        <el-col :span="24">
           <el-form-item label="调解结果:">
-            <el-radio-group v-model="mediaResult" :disabled="!isSecretaryRole" @change="resultsMediation">
+            <el-radio-group v-model="formData.mediaResult" :disabled="!selectRoido" @change="resultsMediation">
               <el-radio :label="1">达成调解</el-radio>
               <el-radio :label="2">未达成调解</el-radio>
               <el-radio :label="3">未达成调解但不在争议</el-radio>
@@ -55,14 +56,14 @@
             </el-radio-group>
           </el-form-item>
         </el-col>
-        <!-- <el-col :span="24">
-          <el-form-item label="是否和解" v-if="mediaResult==1">
-             <el-radio-group v-model="isReconci">
-                <el-radio :label="1">是</el-radio>
-                <el-radio :label="0">否</el-radio>
+        <el-col :span="24">
+          <el-form-item label="是否用印申请" v-if="formData.mediaResult == 1 && mediationData.mediationMethod == '1'">
+            <el-radio-group v-model="formData.sealFlag" :disabled="!selectRoido">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="0">否</el-radio>
             </el-radio-group>
           </el-form-item>
-        </el-col> -->
+        </el-col>
         <!-- <el-col :span="24">
           <el-form-item label="被申请人案件证据：">
             <div v-if="quiltArr.length == 0">被申请人暂未提供证据！</div>
@@ -81,7 +82,7 @@
         <el-col :span="24">
           <el-form-item label="调解书：" v-if="recordArrMediate.length > 0">
             <div v-for="(item, index) in recordArrMediate" :key="index" style="color: blue">
-              <a href="#" @click="toFileMediate(item.annexPath)">{{ item.annexName }}</a>
+              <a href="#" @click="toFileMediate(item.onlyOfficeFileId)">{{ item.annexName }}</a>
             </div>
           </el-form-item>
         </el-col>
@@ -98,29 +99,29 @@
         <!-- v-if="!mediationType" -->
         <el-col :span="24">
           <el-form-item label="上传调解书">
-            <el-upload class="upload-demo" accept=".png,.jpg,.doc,.docx,.txt,.pdf" ref="upload" :action="UploadUrl()"
-              :headers="headers" :data="filedata" :on-preview="handlePreview" :on-remove="handleRemove" :limit="1"
+            <el-upload class="upload-demo" accept=".doc,.docx,.pdf" ref="upload" :action="UploadUrl()"
+              :headers="headers" :data="filedata" :on-preview="handlePreview" :on-remove="handleRemove" :limit="2"
               :on-change="beforeUpload" :on-success="handlSuccess" :file-list="fileList">
               <el-button slot="trigger" size="small" :disabled="!isSecretaryRole" type="primary">选取文件</el-button>
               <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
-              <div slot="tip" class="el-upload__tip">只能上传.jpg，png，.doc，docx，.txt，.pdf文件</div>
+              <div slot="tip" class="el-upload__tip">只能上传.doc，docx，pdf文件</div>
             </el-upload>
           </el-form-item>
         </el-col>
         <!-- </el-form> -->
       </el-form>
       <el-button @click="openmeeting" type="primary" v-if="mediationType">{{ isSecretaryRole ? '发起会议' :
-        '进入会议' }}</el-button>
-      <!-- v-if="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'" -->
+      '进入会议' }}</el-button>
       <el-button @click="openArbitrationresults" type="primary"
         v-if="this.recordArrMediate.length <= 0 && mediationData.mediationMethod == '1' && isSecretaryRole">确认会议结果</el-button>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancel" class="endbutton1" round>
           <span>取 消</span>
         </el-button>
-        <el-button v-if="isSecretaryRole" @click="submitMediation" :disabled="this.recordArrMediate.length <= 0 && mediationData.mediationMethod == '1'"
+        <el-button v-if="isSecretaryRole" :loading="loadingSubmit" @click="submitMediation"
+          :disabled="this.recordArrMediate.length <= 0 && mediationData.mediationMethod == '1' && isSecretaryRole"
           class="endbutton1" type="primary" round>
-          <span>提 交</span>
+          提 交
         </el-button>
       </div>
     </el-dialog>
@@ -139,9 +140,10 @@ import { getUserProfile } from "@/api/system/user";
 import { reserveConferenceList } from "@/api/metting/metting.js";
 import { getToken } from "@/utils/auth";
 export default {
-  props: ["mediationVisable", "mediationData", "queryParams"],
+  props: ["mediationVisable", "mediationData", "queryParams", "applicant"],
   data() {
     return {
+      sealFlag: 1,
       loanStartDate: "",
       codes: null,
       title: "线上调解",
@@ -154,7 +156,9 @@ export default {
       mediaResult: 1,
       // isReconci:0,
       formData: {
-        affiliate: {}
+        affiliate: {},
+        mediaResult: 1,
+        sealFlag: 1,
       },
       user: "",
       userId: null,
@@ -165,14 +169,21 @@ export default {
       },
       filedata: {
         annexType: 7,
+        isMediaBook: 1,
+        caseId:null
       },
       fileList: [],
       attachList: [],
       isSecretaryRole: true,
+      loadingSubmit: false,
+      selectRoido: true
     };
   },
   watch: {
     mediationVisable(val) {
+      this.attachList = [];
+      this.formData.mediaResult = 1;
+      this.formData.sealFlag = 1;
       this.recordArr = [];
       this.recordArrMediate = [];
       if (this.mediationData.mediationMethod == "1") {
@@ -181,6 +192,7 @@ export default {
       } else if (this.mediationData.mediationMethod == "2") {
         this.title = "线下调解";
         this.mediationType = false;
+        this.selectRoido = true
       }
       if (val) {
         this.caseApplicationSelectByIdFn({
@@ -188,6 +200,11 @@ export default {
         });
         this.getUser();
       }
+    },
+    recordArrMediate(val) {
+      if (val.length >= 1) {
+        this.selectRoido = false;
+      }
     }
   },
   created() { },
@@ -195,32 +212,49 @@ export default {
     // 根据用户id查询是否为调解员
     secretaryRoleByUserIdFn() {
       secretaryRoleByUserId({
-        userId: this.userId
+        userId: this.userId,
+        caseId: this.mediationData.id
       }).then(res => {
         this.isSecretaryRole = res.data.isSecretaryRole;
       })
     },
     /**上传地址*/
     UploadUrl() {
-      return window.location.origin + "/API/common/upload";
+      return window.location.origin + "/API/video/upload";
     },
     handlePreview(file) {
     },
     handleRemove(file, fileList) {
-
+      let updatedArray = this.attachList.filter(item => item.annexId != file.response.annexId);
+      this.attachList = updatedArray;
     },
     beforeUpload(flie, fileList) {
+      this.filedata.caseId =  this.mediationData.id
+  
       this.fileList = fileList;
     },
     handlSuccess(res, file) {
+      const fileSuccess = [{ annexId: res.annexId, annexType: res.annexType,annexName:res.newFileName,annexPath:res.fileName,onlyOfficeFileId:res.onlyOfficeFileId}]
       this.codes = res.code
-      this.attachList = [{ annexId: res.annexId }];
+      this.attachList.push({ annexId: res.annexId, annexType: res.annexType });
+      this.recordArrMediate = fileSuccess;
       // this.$set(this.mediationData, "attachList", {annexId:res.annexId});
     },
     /** 获取案件详情信息 */
     caseApplicationSelectByIdFn(data) {
       caseApplicationSelectById(data).then(res => {
-        this.formData = res.data;
+        if (res.data.mediaResult) {
+          this.formData = res.data;
+        } else {
+          this.formData = res.data;
+          this.formData.mediaResult = 1;
+        }
+        if (res.data.sealFlag == 1 || res.data.sealFlag == 0) {
+          this.formData = res.data;
+        } else {
+          this.formData = res.data;
+          this.formData.sealFlag = 1;
+        }
         this.applicateArr = res.data.caseAttachList;
         res.data.caseAttachList.forEach(item => {
           if (item.annexType == 6) {
@@ -229,6 +263,7 @@ export default {
             this.recordArrMediate.push(item);
           }
         });
+        
       });
     },
     /** 获取用户信息 */
@@ -241,9 +276,10 @@ export default {
     },
     /** 发起会议 */
     openmeeting() {
+      this.mediationVisable = false
       window.open(
-        // `http://localhost:8080/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.formData.roomId}&type=tiaojie`
-        `https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.formData.roomId}&type=tiaojie`
+        // `http://localhost:8080/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.formData.roomId}&type=tiaojie&token=${getToken()}`
+        `https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.formData.roomId}&type=tiaojie&token=${getToken()}`
       );
     },
     /**提交仲裁结果 */
@@ -252,7 +288,6 @@ export default {
       caseApplicationSelectById({
         id: this.mediationData.id
       }).then(res => {
-        console.log(res)
         res.data.caseAttachList.forEach(item => {
           if (item.annexType == 6) {
             this.recordArr.push(item);
@@ -263,7 +298,8 @@ export default {
         id: this.mediationData.id,
         caseFlowId: this.mediationData.caseFlowId,
         batchNumber: "",
-        mediaResult: this.mediaResult,
+        mediaResult: this.formData.mediaResult,
+        sealFlag: this.formData.sealFlag
       }).then(res => {
         caseApplicationSelectById({
           id: this.mediationData.id
@@ -275,14 +311,19 @@ export default {
           });
         });
       })
-      this.isSecretaryRole = false
+      // this.selectRoido = true;
     },
     /** 庭审笔录附件 */
     toFile2(annexPath) {
       window.open(window.location.origin + "/API" + annexPath, "_black");
     },
-    toFileMediate(annexPath) {
-      window.open(window.location.origin + "/API" + annexPath, "_black");
+    toFileMediate(val) {
+      if (this.checkPermi(['caseManagement:list:editOffice'])) {
+        this.$router.push({ path: '/onlyoffice', query: { id: val, flag: 1 } })
+      } else {
+        this.$router.push({ path: '/onlyoffice', query: { id: val, flag: 0 } })
+      }
+      // window.open(window.location.origin + "/API" + annexPath, "_black");
     },
     /** 生成调解书 */
     mediationFn(data) {
@@ -290,45 +331,64 @@ export default {
         this.$modal.msgSuccess("成功");
         this.$emit("cancelMediation");
         this.$emit("getList", this.queryParams);
+        this.loadingSubmit = false;
+      }).catch(err => {
+        this.loadingSubmit = false;
       });
     },
     cancel() {
       this.$emit("cancelMediation");
     },
-    
-    submitMediation: _.debounce(function() {
+
+    submitMediation() {
       if (this.fileList.length < 1 && !this.mediationType && this.mediationData.mediationMethod == "2") {
         this.$modal.msgError("请上传调解书");
         return
+      } else {
+        this.loadingSubmit = true;
       }
       let mediationVal = {}
+
       if (this.codes == 200) {
+        if (this.formData.mediaResult != 1) {
+          this.sealFlag = 0
+        }
         mediationVal = {
           id: this.mediationData.id,
           caseFlowId: this.mediationData.caseFlowId,
           attachList: this.attachList,
-          // isReconci:this.isReconci,
-          mediaResult: this.mediaResult,
+          mediaResult: this.formData.mediaResult,
         }
       } else {
+        if (this.formData.mediaResult != 1) {
+          this.sealFlag = 0
+        }
         mediationVal = {
           id: this.mediationData.id,
           caseFlowId: this.mediationData.caseFlowId,
-          mediaResult: this.mediaResult,
+          sealFlag: this.sealFlag,
+          attachList: this.attachList,
+          mediaResult: this.formData.mediaResult,
         }
       }
+      console.log(mediationVal)
       this.mediationFn(mediationVal);
-    },5000),
+    },
     resultsMediation() {
 
     }
   }
 };
 </script>
-  
+
 <style lang="scss" scoped>
 .steps {
   display: flex;
   flex-wrap: wrap;
 }
+
+::v-deep .el-input--medium .el-input__inner {
+  height: 40px;
+  line-height: 40px;
+}
 </style>

src/views/caseManagement/components/mediationApplications.vue

@@ -0,0 +1,131 @@
+<template>
+    <div>
+        <el-dialog title="调解书" :visible="mediationAppVisable" width="500px" @close="cancel" center
+            :distroy-on-close="true">
+            <div>
+                <div>
+                    <span style="font-weight: bold;">下载调解书</span>
+                </div>
+                <div style="margin-top: 10px;">
+                    <div style="color: blue; cursor: pointer" v-for="(item, index) in getFileListV"
+                        v-if="item.annexType == 7 || item.annexType == 13" @click="downloadApplic(item.annexPath)">{{
+            item.annexName }}</div>
+                </div>
+            </div>
+            <div style="margin-top: 30px;">
+                <div>
+                    <span style="font-weight: bold;">上传调解书</span>
+                </div>
+                <div style="margin-top: 10px;">
+                    <el-upload class="upload-demo" accept=".doc,.docx,.pdf" ref="upload" :action="UploadUrl()"
+                        :headers="headers" :data="filedata" :on-preview="handlePreview" :on-remove="handleRemove"
+                        :auto-upload="false" :limit="1" :on-change="beforeUpload" :on-success="handlSuccess"
+                        :file-list="fileList">
+                        <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+                        <div slot="tip" class="el-upload__tip">只能上传.doc，docx,pdf文件</div>
+                    </el-upload>
+                </div>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
+                <el-button @click="submitMediator" class="endbutton1" type="primary" round><span>确 认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { getFileList, meetingUpload } from "@/api/caseManagement/caseManagement.js"
+import { createRoomId } from '@/api/metting/metting.js'
+import { getToken } from "@/utils/auth";
+import moment from "moment";
+export default {
+    props: ["mediationAppVisable", "mediationLise", "queryParams"],
+    data() {
+        return {
+            getFileListV: [],
+            fileURL: window.location.origin + "/API",
+            fileList: [],
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            filedata: {
+                isMediaBook:1,
+                annexType: null,
+                caseId: null
+            },
+        };
+    },
+    watch: {
+        mediationAppVisable(val) {
+            this.fileList = []
+            if (val) {
+                let dataValue = {
+                    caseAppliId: this.mediationLise.id,
+                }
+                console.log(dataValue)
+                this.getFileListFn(dataValue)
+            }
+        },
+    },
+
+    methods: {
+        /**上传地址*/
+        UploadUrl() {
+            return window.location.origin + "/API/video/upload";
+        },
+        handlePreview(file) {
+        },
+        handleRemove(file, fileList) {
+
+        },
+        beforeUpload(flie, fileList) {
+            function getFileExtension(filename) {
+                const parts = filename.split('.');
+                return parts.length > 1 ? parts.pop() : '';
+            }
+            const extension = getFileExtension(flie.name);
+            if (extension == 'docx' || extension == 'doc') {
+                this.filedata.annexType = 7
+            } else if (extension == 'pdf') {
+                this.filedata.annexType = 7
+            }
+            this.filedata.caseId = this.mediationLise.id
+            this.fileList = fileList;
+            const isLt2M = flie.size / 1024 / 1024 < 50; // 小于50MB
+            if (!isLt2M) {
+                this.$message.error('上传的文件大小不能超过 50MB!');
+            }
+            return isLt2M;
+        },
+        handlSuccess(res, file) {
+            if (res.code == 200) {
+                this.$modal.msgSuccess("上传成功");
+                this.$emit("cancelmediationApp");
+            }
+        },
+        cancel() {
+            this.$emit("cancelmediationApp");
+        },
+        // 获取申请书附件
+        async getFileListFn(vals) {
+            await getFileList(vals).then(res => {
+                this.getFileListV = res.data
+            })
+        },
+        // 下载申请书
+        downloadApplic(val) {
+            window.open(this.fileURL + val);
+        },
+        /**提交选择结果*/
+        async submitMediator() {
+            this.$refs.upload.submit()
+
+
+        },
+    },
+
+};
+</script>
+
+<style lang="scss" scoped></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/payDialog.vue

@@ -23,11 +23,11 @@
             {{ formPayDetail.caseStatusName }}
           </el-tag>
         </el-descriptions-item>
-        <el-descriptions-item label="驳回原因" v-if="formPayDetail.reason">
+        <!-- <el-descriptions-item label="驳回原因" v-if="formPayDetail.reason">
           <el-tag size="mini" type='danger' effect="dark">
             {{ formPayDetail.reason }}
           </el-tag>
-        </el-descriptions-item>
+        </el-descriptions-item> -->
       </el-descriptions>
       <div class="paySelectType">
         <el-radio-group v-model="paySelect" @input="changPayType">
@@ -56,9 +56,13 @@
         <div id="qrcodeImg"></div>
       </div>
       <div class="payTitle">{{ payMain }}</div>
+      <div v-if="formPayDetail.reason">
+        <span>驳回原因:</span>
+        <div style="width:95%;">{{ formPayDetail.reason }}</div>
+      </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="payCancel" class="endbutton" round><span>取 消</span></el-button>
-        <el-button @click="submitUpload" class="endbutton" type="primary" round><span>确认缴费</span></el-button>
+        <el-button @click="payCancel" round><span>取 消</span></el-button>
+        <el-button @click="submitUpload" type="primary" :disabled="payFlagSubmit" round><span>确认缴费</span></el-button>
       </div>
     </el-dialog>
   </div>
@@ -88,7 +92,8 @@ export default {
         payType:1,
         payOrderList:[],
         caseId:null
-      }
+      },
+      payFlagSubmit:true
     };
   },
   methods: {
@@ -112,6 +117,7 @@ export default {
         annexId: res.annexId,
         annexName:res.annexName
       });
+      this.payFlagSubmit = false;
     },
     submitUpload() {
       if (this.fileList.length < 1) {
@@ -128,7 +134,7 @@ export default {
     handleRemove(file, fileList) {
       (this.submitForm.payOrderList = []),
       fileList.forEach((item) => {
-          this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
+          this.submitForm.payOrderList.push({ annexId:item.response.annexId,annexName:item.response.annexName });
         });
     },
     handlePreview(file) {
@@ -187,7 +193,7 @@ export default {
       this.submitForm.caseId = this.payId;
       }
     }
-  }
+  },
 };
 </script>
 

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.length > 0">
-          <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.length > 0">
-          <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&&form.caseAttachList.length>0 ">
+          <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&&form.resCaseAttachList.length>0">
+          <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/caseManagement/components/respondentPay.vue

@@ -57,8 +57,8 @@
         </div>
         <div class="resPayTitle">{{ payMain }}</div>
         <div slot="footer" class="dialog-footer">
-          <el-button @click="payCancel" class="endbutton" round><span>取 消</span></el-button>
-          <el-button @click="submitUpload" class="endbutton" type="primary" round><span>确认缴费</span></el-button>
+          <el-button @click="payCancel" round><span>取 消</span></el-button>
+          <el-button @click="submitUpload" type="primary" :disabled="payFlagSubmit" round><span>确认缴费</span></el-button>
         </div>
       </el-dialog>
     </div>
@@ -88,7 +88,8 @@
           payType:1,
           payOrderList:[],
           caseId:null
-        }
+        },
+        payFlagSubmit:true
       };
     },
     methods: {
@@ -112,6 +113,7 @@
           annexId: res.annexId,
           annexName:res.annexName
         });
+        this.payFlagSubmit = false;
       },
       submitUpload() {
         if (this.fileList.length < 1) {
@@ -128,7 +130,7 @@
       handleRemove(file, fileList) {
         (this.submitForm.payOrderList = []),
         fileList.forEach((item) => {
-            this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
+            this.submitForm.payOrderList.push({ annexId:item.response.annexId,annexName:item.response.annexName });
           });
       },
       handlePreview(file) {

src/views/caseManagement/components/selectMediator.vue

@@ -47,8 +47,15 @@ export default {
     watch: {
         mediatorVisable(val) {
             if (val) {
-                listMediator().then(res=>{
+                listMediator({caseAppliId: this.mediatorData.id}).then(res=>{
                     this.tableData = res.data;
+                    this.tableData.forEach((item)=> {
+                        if (item.echoFlag) {
+                            this.$nextTick(()=>{
+                                this.$refs.multipleTable.toggleRowSelection(item, true);
+                            })
+                        }
+                    })
                 })
             }
         }
@@ -88,7 +95,6 @@ export default {
         },
         handleSelectionChange(val) {
             this.multipleSelection = val;
-            // console.log(this.multipleSelection,"LLLLLLLLLLLLLLLLL");
         }
     },
 };

src/views/caseManagement/components/timeConfirm.vue

@@ -87,10 +87,11 @@ export default {
             this.createRoomIdFn({
                 caseId: this.timeConfirmData.id
             })
-            if (this.formLabelAlign.name == '') {
+            if (!this.formLabelAlign.name) {
                 Message.error('请选择时间');
                 return
             }
+            console.log(this.formLabelAlign.name)
             this.formLabelAlign.name = moment(
                 this.formLabelAlign.name
             ).format("YYYY-MM-DD HH:mm:ss");

src/views/caseprocessManagement/caseprocessManage.vue

@@ -33,6 +33,12 @@
             <el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true" />
             <el-table-column label="驳回节点" align="center" prop="backFlowName" :show-overflow-tooltip="true" />
             <el-table-column label="关联角色" align="center" prop="roleNames" :show-overflow-tooltip="true" />
+            <el-table-column label="节点图标" align="center" prop="nodeIcon" :show-overflow-tooltip="true">
+                <template slot-scope="scope">
+                    <img v-if="scope.row.fileName" class="nodeIcon" :src="iconHead+scope.row.fileName"/>
+                    <span v-else>暂无图标</span>
+                </template>
+            </el-table-column>
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
                     <el-button size="mini" @click="moveDown(scope.row)" type="text" icon="el-icon-arrow-down"></el-button>
@@ -80,10 +86,14 @@ export default {
             dataList: [],
             addvisiable: false,//新增弹窗
             editData: {},
+            iconHead: process.env.VUE_APP_BASE_API
         };
     },
     created() {
-        this.getList(this.queryParams)
+        this.getList(this.queryParams);
+    },
+    computed: {
+        
     },
     methods: {
         // 删除
@@ -160,4 +170,9 @@ export default {
 };
 </script>
   
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.nodeIcon {
+    width: 20%;
+    height: 20%;
+}
+</style>

src/views/caseprocessManagement/components/addNodeprocess.vue

@@ -4,7 +4,7 @@
             <el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
                 class="demo-ruleForm">
                 <el-form-item label="节点名称" prop="nodeName">
-                    <el-select v-model="ruleForm.nodeName" placeholder="请选择" @change="changenodeName">
+                    <el-select v-model="ruleForm.nodeName" placeholder="请选择">
                         <el-option v-for="dict in dict.type.case_flow_node" :key="dict.value" :label="dict.label"
                             :value="dict.value"></el-option>
                     </el-select>
@@ -28,6 +28,20 @@
                 <el-form-item label="权限字符" prop="buttonAuthFlag">
                     <el-input v-model="ruleForm.buttonAuthFlag" placeholder="请输入"></el-input>
                 </el-form-item>
+                <el-form-item label="节点图标" prop="nodeIcon">
+                    <el-upload
+                      class="avatar-uploader"
+                      :action="uploadImgUrl"
+                      :show-file-list="false"
+                      :headers="headers"
+                      :data="filedata" 
+                      :on-success="handleAvatarSuccess"
+                      :before-upload="beforeAvatarUpload">
+                      <img v-if="imageUrl" :src="imgSvgUrl" class="avatar">
+                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                      <div slot="tip" class="el-upload__tip">只能上传SVG图片</div>
+                    </el-upload>
+                </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
                 <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
@@ -39,6 +53,7 @@
 <script>
 import { queryCaseFlowInfo, saveCaseFlow } from "@/api/caseprocessManagement/caseprocessManagement.js";
 import { listRole } from "@/api/system/role";
+import { getToken } from "@/utils/auth";
 export default {
     props: ["addvisiable", "editData", "queryParams"],
     dicts: ["case_flow_node"],
@@ -49,7 +64,9 @@ export default {
             backflowArr: [],//驳回节点
             roleArr: [],//关联角色
             isImg: false,
-            filedata: {},
+            filedata: {
+                annexType: 11,
+            },
             flagBtn: false,
             ruleForm: {},
             rules: {
@@ -67,24 +84,46 @@ export default {
                 ]
             },
             dealvalue: [],
+            imageUrl: '',
+            uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            fileName: '',
+            imgSvgUrl: ''
         };
     },
     watch: {
         addvisiable(val) {
             if (val) {
                 this.ruleForm = this.editData;
+                this.fileName = '',
                 this.getRoles();
-                this.getbackflowArr()
+                this.getbackflowArr();
+                if (this.ruleForm && this.ruleForm.fileName) {
+                    this.imgSvgUrl = process.env.VUE_APP_BASE_API + this.ruleForm.fileName;
+                    this.imageUrl = process.env.VUE_APP_BASE_API + this.ruleForm.fileName;
+                    this.fileName = this.ruleForm.fileName
+                } else {
+                    this.imgSvgUrl = ''
+                    this.imageUrl = ''
+                }
             }
+        },
+        fileName: {
+            handler(val) {
+                if (val) {
+                    this.imgSvgUrl = this.imageUrl
+                }
+            },
+            deep: true
         }
+
     },
     created() {
 
     },
     methods: {
-        changenodeName(val) {
-            console.log(val, 'changeval');
-        },
         // 获取驳回节点数据
         getbackflowArr() {
             let queryParams2 = {
@@ -119,6 +158,19 @@ export default {
         cancel() {
             this.$emit("cancelAdd");
         },
+        // 图标上传
+        handleAvatarSuccess(res, file) {
+        this.fileName = ''
+            this.imageUrl = URL.createObjectURL(file.raw);
+            this.fileName = file.response.fileName
+        },
+        beforeAvatarUpload(file) {
+            const isSvg = file.type === 'image/svg+xml';
+            if (!isSvg) {
+            this.$message.error('上传图片只能是 SVG 格式!');
+            }
+            return isSvg;
+        },
         // 提交
         submitForm() {
             this.$refs['ruleForm'].validate((valid) => {
@@ -141,7 +193,8 @@ export default {
                             backFlowId: this.ruleForm.backFlowId,
                             roleIds: this.ruleForm.roleIds,
                             sort: this.ruleForm.sort,
-                            buttonAuthFlag: this.ruleForm.buttonAuthFlag
+                            buttonAuthFlag: this.ruleForm.buttonAuthFlag,
+                            fileName: this.fileName
                         }
                     } else {
                         let nodevalue = this.dict.type.case_flow_node;
@@ -158,7 +211,8 @@ export default {
                             caseStatusName: this.ruleForm.caseStatusName,
                             backFlowId: this.ruleForm.backFlowId,
                             roleIds: this.ruleForm.roleIds,
-                            buttonAuthFlag: this.ruleForm.buttonAuthFlag
+                            buttonAuthFlag: this.ruleForm.buttonAuthFlag,
+                            fileName: this.fileName
                         }
                     }
                     if (params.backFlowId == undefined) {
@@ -181,4 +235,31 @@ export default {
 ::v-deep .el-select {
     width: 100%;
 }
+.avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+//   .avatar-uploader .el-upload:hover {
+//     border-color: #409EFF;
+//   }
+  .avatar-uploader-icon {
+    border: 1px dashed #d9d9d9;
+    font-size: 28px;
+    color: #8c939d;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+  }
+  .avatar-uploader-icon:hover {
+    border-color: #409EFF;
+  }
+  .avatar {
+    width: 100px;
+    height: 100px;
+    display: block;
+  }
 </style>

src/views/deliveryRecord/components/emailEdits.vue

@@ -0,0 +1,57 @@
+<template>
+    <div>
+        <el-dialog title="编辑内容" :visible="emailVidable"  @close="cancel" center
+            :distroy-on-close="true">
+            <div>
+                <el-input type="textarea" :rows="6" placeholder="请输入内容" v-model="sendData">
+                </el-input>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
+                <el-button @click="submitSend" class="endbutton1" type="primary" round><span>确 认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import {
+    updateSendContent,update
+} from "@/api/deliveryRecord/deliveryRecord.js";
+export default {
+    props: ["emailVidable", "emailRow","queryParams"],
+    data() {
+        return {
+            sendData:''
+        };
+    },
+    watch: {
+        emailVidable(val){
+            if(val){
+                this.sendData = this.emailRow.mailContent;
+            }
+        }
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelEmail");
+        },
+        submitSend() {
+            console.log(this.emailRow.mailContent)
+            this.updateSendContentFn({
+                id:this.emailRow.id,
+                mailContent:this.sendData
+            })
+        },
+        updateSendContentFn(data){
+            update(data).then(res=>{
+                this.$message.success('更新成功');
+                this.$emit("cancelEmail");
+                this.$emit('getList',this.queryParams);
+            })
+        }
+    },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/deliveryRecord/components/resend.vue

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

src/views/deliveryRecord/emailRecord.vue

@@ -27,7 +27,14 @@
             <!-- 缴费人 -->
             <!-- <el-table-column label="案件状态" align="center" prop="caseStatusName" /> -->
             <el-table-column label="内容" align="center" prop="mailContent"></el-table-column>
+            <el-table-column label="操作" align="center">
+                <template  slot-scope="scope">
+                    <el-button size="mini" type="text" @click="emailEditing(scope.row)" icon="el-icon-s-promotion">邮箱编辑</el-button>
+                    <el-button v-if="scope.row.sendStatus == '未发送'" size="mini" type="text" @click="resendCounts(scope.row)" icon="el-icon-s-promotion">重新发送</el-button>
+                </template>
+            </el-table-column>
         </el-table>
+        <emailEdits :emailVidable="emailVidable" @cancelEmail="cancelEmail"   @getList="getList" :queryParams="queryParams" :emailRow="emailRow"></emailEdits>
         <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
             @pagination="getList(queryParams)" />
 
@@ -36,14 +43,14 @@
   
 <script>
 import {
-    emailList,
+    emailList,reSendMailRecord
 } from "@/api/deliveryRecord/deliveryRecord.js";
-
+import emailEdits from "./components/emailEdits.vue";
 import { getDicts } from '@/api/system/dict/data.js'
 export default {
     name: "paymentList",
     dicts: ["case_status"],
-    components: {},
+    components: {emailEdits},
     data() {
         return {
             queryParams: {
@@ -60,6 +67,9 @@ export default {
             // 校验表单
             rules: {},
             dataList: [],
+            emailVidable:false,
+            emailRow:{},
+            sendStatusMessage:false,
         };
     },
     created() {
@@ -89,14 +99,37 @@ export default {
                         item.sendStatus = "未发送"
                     } else if (item.sendStatus == 1) {
                         item.sendStatus = "已发送"
-                    } else {
-                        item.sendStatus = "未发送"
+
                     }
                 })
                 this.total = response.total;
                 this.loading = false;
             });
         },
+        // 邮箱编辑内容
+        emailEditing(data){
+            this.emailVidable = true
+            this.emailRow = data;
+            console.log(data)
+        },
+        // 关闭弹窗
+        cancelEmail(){
+            this.emailVidable = false
+        },
+        // 重新发送
+        resendCounts(row){
+           if(row.sendStatus=='未发送'){
+            row.sendStatus = 0
+           }else if(row.sendStatus=='已发送'){
+            row.sendStatus = 1
+           }
+            reSendMailRecord(row).then(res=>{
+                console.log(res)
+                this.$message.success('发送成功');
+                this.getList(this.queryParams);
+            })
+            
+        }
     },
 };
 </script>

src/views/deliveryRecord/smsRecord.vue

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

src/views/index.vue

@@ -1,27 +1,149 @@
 <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="iconHead + item.fileName" alt="" />
+        </div>
+        <div class="cardMain1">
+          <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: [], //案件代办状态
+      iconHead: process.env.VUE_APP_BASE_API
     };
   },
+  watch: {
+    $route(val) {
+    if (val) {
+      this.gettodoCount();
+    }
+    }
+  },
+  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;
+      cursor: pointer;
+
+      .badge {
+        width: 50px;
+        height: 30px;
+        text-align: center;
+        line-height: 30px;
+        font-size: 18px;
+        font-weight: 500;
+        color: red;
+        border-radius: 10px 30px 10px 30px;
+        background-color: #1296DB;
+        position: absolute;
+        right: 0;
+      }
+
+      .cardMain {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        margin-top: 40px;
+        .iconImg {
+          width: 100px;
+          height: 110px;
+        }
+      }
+      .cardMain1 {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        .imgTitle {
+          font-size: 15px;
+          font-weight: 900;
+        }
+      }
+    }
+  }
+}
 </style>
 

src/views/login.vue

@@ -10,109 +10,177 @@
     </div>
     <!-- 右侧 -->
     <div class="rightBox">
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h2 class="title">用户登录</h2>
-      <el-form-item prop="username">
-        <el-input
-          v-model="loginForm.username"
-          type="text"
-          auto-complete="off"
-          placeholder="账号"
+      <el-form
+        ref="loginForm"
+        :model="loginForm"
+        :rules="loginRules"
+        class="login-form"
+      >
+        <h2 class="title">用户登录</h2>
+        <el-form-item prop="username">
+          <el-input
+            v-model="loginForm.username"
+            type="text"
+            auto-complete="off"
+            placeholder="账号"
+          >
+            <svg-icon
+              slot="prefix"
+              icon-class="user"
+              class="el-input__icon input-icon"
+            />
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="password">
+          <el-input
+            v-model="loginForm.password"
+            type="password"
+            auto-complete="off"
+            placeholder="密码"
+            @keyup.enter.native="handleLogin"
+          >
+            <svg-icon
+              slot="prefix"
+              icon-class="password"
+              class="el-input__icon input-icon"
+            />
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="code" v-if="captchaEnabled">
+          <el-input
+            v-model="loginForm.code"
+            auto-complete="off"
+            placeholder="验证码"
+            style="width: 63%"
+            @keyup.enter.native="handleLogin"
+          >
+            <svg-icon
+              slot="prefix"
+              icon-class="validCode"
+              class="el-input__icon input-icon"
+            />
+          </el-input>
+          <div class="login-code">
+            <img :src="codeUrl" @click="getCode" class="login-code-img" />
+          </div>
+        </el-form-item>
+        <el-checkbox
+          v-model="loginForm.rememberMe"
+          style="margin: 0px 0px 25px 0px"
+          >记住密码</el-checkbox
         >
-          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="code" v-if="captchaEnabled">
-        <el-input
-          v-model="loginForm.code"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter.native="handleLogin"
-        >
-          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
-        </div>
-      </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
-      <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="medium"
-          type="primary"
-          style="width:100%;"
-          @click.native.prevent="handleLogin"
-        >
-          <span v-if="!loading">登 录</span>
-          <span v-else>登 录 中...</span>
-        </el-button>
-        <div style="float: right;" v-if="register">
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
-        </div>
-      </el-form-item>
-    </el-form>
+        <el-form-item style="width: 100%">
+          <el-button
+            :loading="loading"
+            size="medium"
+            type="primary"
+            style="width: 100%"
+            @click.native.prevent="handleLogin"
+          >
+            <span v-if="!loading">登 录</span>
+            <span v-else>登 录 中...</span>
+          </el-button>
+          <div style="float: right" v-if="register">
+            <!-- <router-link class="link-type" :to="'/register'">立即注册</router-link> -->
+            <el-button
+              type="text"
+              v-if="buttonReg"
+              @click="registrationLink('/register')"
+              >立即注册</el-button
+            >
+          </div>
+          <div class="registerImg" v-show="closeImgs">
+            <div class="closeImg" @click="closeImg">
+              <img
+                style="width: 25px; height: 25px"
+                src="../assets/images/closed.png"
+                alt=""
+              />
+              <span style="padding-left: 100px">扫码人脸核验</span>
+            </div>
+            <div id="qrcodeImg" style="padding-left: 76px"></div>
+          </div>
+        </el-form-item>
+      </el-form>
+    </div>
+    <!-- 注册时选择是否 -->
+    <div>
+      <el-dialog
+        title="是否需要人脸核实"
+        :visible.sync="centerDialogVisible"
+        width="30%"
+        center
+      >
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="facialVerification('/register')" type="primary"
+            >是</el-button
+          >
+          <el-button @click="noFacialVerification('/register')" type="primary"
+            >否</el-button
+          >
+        </span>
+      </el-dialog>
     </div>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</span>
+      <div>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</div>
+      <div>Version：1.1.3</div>
     </div>
   </div>
 </template>
 
 <script>
-import { getCodeImg } from "@/api/login";
+import {
+  getCodeImg,
+  selectIdentityAuthenticaEIDtoken,
+  selectPCEIDtokenStatus,
+} from "@/api/login";
 import Cookies from "js-cookie";
-import { encrypt, decrypt } from '@/utils/jsencrypt'
+import QRCode from "qrcodejs2";
+import { encrypt, decrypt } from "@/utils/jsencrypt";
 
 export default {
   name: "Login",
   data() {
     return {
       codeUrl: "",
+      closeImgs: false,
+      centerDialogVisible: false,
+      buttonReg: true,
+      eidTokens: {},
+      timer: null,
+      pathVal: "",
       loginForm: {
         username: "admin",
         password: "admin123",
         rememberMe: false,
         code: "",
-        uuid: ""
+        uuid: "",
       },
       loginRules: {
         username: [
-          { required: true, trigger: "blur", message: "请输入您的账号" }
+          { required: true, trigger: "blur", message: "请输入您的账号" },
         ],
         password: [
-          { required: true, trigger: "blur", message: "请输入您的密码" }
+          { required: true, trigger: "blur", message: "请输入您的密码" },
         ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+        code: [{ required: true, trigger: "change", message: "请输入验证码" }],
       },
       loading: false,
       // 验证码开关
       captchaEnabled: true,
       // 注册开关
       register: true,
-      redirect: undefined
+      redirect: undefined,
     };
   },
   watch: {
     $route: {
-      handler: function(route) {
+      handler: function (route) {
         this.redirect = route.query && route.query.redirect;
       },
-      immediate: true
-    }
+      immediate: true,
+    },
   },
   created() {
     this.getCode();
@@ -120,8 +188,9 @@ export default {
   },
   methods: {
     getCode() {
-      getCodeImg().then(res => {
-        this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
+      getCodeImg().then((res) => {
+        this.captchaEnabled =
+          res.captchaEnabled === undefined ? true : res.captchaEnabled;
         if (this.captchaEnabled) {
           this.codeUrl = "data:image/gif;base64," + res.img;
           this.loginForm.uuid = res.uuid;
@@ -131,38 +200,110 @@ export default {
     getCookie() {
       const username = Cookies.get("username");
       const password = Cookies.get("password");
-      const rememberMe = Cookies.get('rememberMe')
+      const rememberMe = Cookies.get("rememberMe");
       this.loginForm = {
         username: username === undefined ? this.loginForm.username : username,
-        password: password === undefined ? this.loginForm.password : decrypt(password),
-        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
+        password:
+          password === undefined ? this.loginForm.password : decrypt(password),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
       };
     },
     handleLogin() {
-      this.$refs.loginForm.validate(valid => {
+      this.$refs.loginForm.validate((valid) => {
         if (valid) {
           this.loading = true;
           if (this.loginForm.rememberMe) {
             Cookies.set("username", this.loginForm.username, { expires: 30 });
-            Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
-            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
+            Cookies.set("password", encrypt(this.loginForm.password), {
+              expires: 30,
+            });
+            Cookies.set("rememberMe", this.loginForm.rememberMe, {
+              expires: 30,
+            });
           } else {
             Cookies.remove("username");
             Cookies.remove("password");
-            Cookies.remove('rememberMe');
+            Cookies.remove("rememberMe");
           }
-          this.$store.dispatch("Login", this.loginForm).then(() => {
-            this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
-          }).catch(() => {
-            this.loading = false;
-            if (this.captchaEnabled) {
-              this.getCode();
-            }
-          });
+          this.$store
+            .dispatch("Login", this.loginForm)
+            .then(() => {
+              this.$router.push({ path: this.redirect || "/" }).catch(() => {});
+            })
+            .catch(() => {
+              this.loading = false;
+              if (this.captchaEnabled) {
+                this.getCode();
+              }
+            });
         }
       });
+    },
+    // 生成二维码
+    qrcode(url) {
+      // 前端根据 URL 生成微信支付二维码
+      document.getElementById("qrcodeImg").innerHTML = "";
+      return new QRCode("qrcodeImg", {
+        width: 200,
+        height: 200,
+        text: url,
+        colorDark: "#000",
+        colorLight: "#fff",
+      });
+    },
+    registrationLink(path) {
+      this.centerDialogVisible = true;
+    },
+    // 是人脸核实
+    facialVerification(path) {
+      this.centerDialogVisible = false;
+      this.pathVal = path;
+      // clearInterval(this.timer);
+      selectIdentityAuthenticaEIDtoken().then((res) => {
+        this.closeImgs = true;
+        this.buttonReg = false;
+        let url = res.data.Url;
+        this.eidTokens = {
+          eidToken: res.data.EidToken,
+        };
+        this.timer = setInterval(() => {
+          this.getSelectPCEIDtokenStatus(this.eidTokens);
+        }, 10000);
+        this.qrcode(url);
+      });
+    },
+    // 不用人脸核实
+    noFacialVerification(path) {
+      this.$router.push(path);
+    },
+    // H5轮询获取E证通Token状态
+    getSelectPCEIDtokenStatus(data) {
+      selectPCEIDtokenStatus(data).then((res) => {
+        if (res.data.certificationStatus == 0) {
+          // this.$router.push(this.pathVal);
+          this.$router.push({
+            path:this.pathVal,
+            query:{
+              identityNo:res.data.identityNo,
+              name:res.data.name
+            }
+          })
+        }
+      });
+    },
+    // 关闭弹框
+    closeImg() {
+      clearInterval(this.timer);
+      this.closeImgs = false;
+      this.buttonReg = true;
+    },
+  },
+  beforeDestroy() {
+    // 清除计时器
+    if (this.timer) {
+      clearInterval(this.timer);
     }
-  }
+  },
 };
 </script>
 
@@ -172,23 +313,28 @@ export default {
   justify-content: center;
   align-items: center;
   height: 100%;
+
   .leftBox {
     width: 50%;
     height: 90%;
+
     .leftIcon {
-      height: 10%;
+      height: 20%;
       width: 100%;
-      margin: 5% 10% 1% 15%;
+      margin: 0% 10% 1% 15%;
+
       .Icon {
-        width: 45px;
-        height: 45px;
-        background-image: url("../assets/images/mediate.svg");
+        width: 100px;
+        height: 105px;
+        background-image: url("../assets/images/logos.png");
         background-size: cover;
       }
+
       div {
-        font-size: 17px;
+        font-size: 18px;
       }
     }
+
     .leftImage {
       width: 100%;
       height: 90%;
@@ -198,7 +344,7 @@ export default {
       background-size: cover;
     }
   }
-  
+
   .rightBox {
     width: 50%;
     height: 90%;
@@ -207,6 +353,7 @@ export default {
     align-items: center;
   }
 }
+
 .title {
   margin: 0px auto 30px auto;
   text-align: center;
@@ -219,36 +366,43 @@ export default {
   background: #ffffff;
   width: 400px;
   padding: 25px 25px 5px 25px;
+
   .el-input {
     height: 38px;
+
     input {
       height: 38px;
     }
   }
+
   .input-icon {
     height: 39px;
     width: 14px;
     margin-left: 2px;
   }
 }
+
 .login-tip {
   font-size: 13px;
   text-align: center;
   color: #bfbfbf;
 }
+
 .login-code {
   width: 33%;
   height: 38px;
   float: right;
+
   img {
     cursor: pointer;
     vertical-align: middle;
   }
 }
+
 .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 +411,16 @@ export default {
   font-family: Arial;
   font-size: 12px;
   letter-spacing: 1px;
+
+  div {
+    height: 30%;
+  }
+}
+
+.registerImg {
+  border: 1px solid #c0c0c0;
+  width: 350px;
+  height: 250px;
 }
 .login-code-img {
   height: 38px;

src/views/onlyoffice/onlyoffice.vue

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

src/views/register.vue

@@ -1,9 +1,13 @@
 <template>
   <div class="register">
+      <div class="leftIcon">
+        <div class="Icon"></div>
+        <div>智慧调解系统</div>
+      </div>
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">若依后台管理系统</h3>
+      <h3 class="title">智慧调解系统注册</h3>
       <el-form-item prop="userName">
-        <el-input v-model="registerForm.userName" type="text" auto-complete="off" placeholder="账号">
+        <el-input v-model="registerForm.userName" type="text" auto-complete="off" @blur="changeInput" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
@@ -19,15 +23,45 @@
           <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
+      <el-form-item prop="nationality">
+        <el-select v-model="registerForm.nationality" placeholder="请选择国籍" auto-complete="off" style="width: 100%;">
+          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+          <el-option v-for="item in nationalityList" :key="item.id" :label="item.value" :value="item.id">
+
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="idType">
+        <el-select v-model="registerForm.idType" placeholder="证件类型" auto-complete="off" style="width: 100%;">
+          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+          <el-option v-for="item in idTypeList" :key="Number(item.dictValue)" :label="item.dictLabel" :value="Number(item.dictValue)">
+
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item prop="identityNo">
-        <el-input v-model="registerForm.identityNo" type="text" auto-complete="off" placeholder="身份证号码">
+        <el-input v-model="registerForm.identityNo" type="text" auto-complete="off" placeholder="证件号码">
+          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="identityNo" v-if="registerForm.idType === 1">
+        <el-input v-model="registerForm.identityNo" type="text" auto-complete="off" placeholder="护照号码">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="email">
-        <el-input v-model="registerForm.email" type="text" auto-complete="off" placeholder="邮箱">
+        <el-input v-model="registerForm.email" type="text" auto-complete="off" placeholder="邮箱" style="width:63%;">
           <svg-icon slot="prefix" icon-class="email" class="el-input__icon input-icon" />
         </el-input>
+        <div class="register-code">
+          <el-button type="primary" :disabled="emailDisabled"  @click="getEmailNumber(registerForm.email)">{{ emailText
+          }}</el-button>
+        </div>
+      </el-form-item>
+      <el-form-item prop="emailVerifyCode">
+        <el-input v-model="registerForm.emailVerifyCode" type="text" auto-complete="off" placeholder="邮箱验证码">
+          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+        </el-input>
       </el-form-item>
       <el-form-item prop="name">
         <el-input v-model="registerForm.name" type="text" auto-complete="off" placeholder="用户名">
@@ -77,14 +111,14 @@
       </el-form-item>
     </el-form>
     <!--  底部  -->
-    <div class="el-register-footer">
+    <!-- <div class="el-register-footer">
       <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script>
-import { getCodeImg, register, sendCode, wxregister } from "@/api/login";
+import { getCodeImg, register, sendCode, wxregister,verifyUserName,getIdType,sendEmailCode } from "@/api/login";
 import { listRoleNotoken } from "@/api/system/role.js"
 export default {
   name: "Register",
@@ -98,7 +132,9 @@ export default {
     };
     return {
       codeText: "发送验证码",
+      emailText:"发送验证码",
       codeDisabled: false,
+      emailDisabled:false,
       codeUrl: "",
       registerForm: {
         userName: "",
@@ -107,11 +143,21 @@ export default {
         confirmPassword: "",
         code: "",
         uuid: "",
+        nationality:0,
+        idType:0,
+        identityNo:"",
+        name:""
       },
       registerRules: {
-        username: [
+        userName: [
           { required: true, trigger: "blur", message: "请输入您的账号" },
-          { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
+          { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' },
+          {
+            pattern:
+            /^[0-9a-zA-Z]*$/g,
+            message: '只能输入英文或者数字',
+            trigger: 'blur',
+          },
         ],
         password: [
           { required: true, trigger: "blur", message: "请输入您的密码" },
@@ -125,18 +171,18 @@ export default {
         identityNo: [
           {
             required: true,
-            message: '被申请人身份证号不能为空',
-            trigger: 'blur',
-          },
-          {
-            pattern:
-              /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
-            message: '请输入正确的身份证号码',
+            message: '证件号码不能为空',
             trigger: 'blur',
           },
+          // {
+          //   pattern:
+          //     /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+          //   message: '请输入正确的身份证号码',
+          //   trigger: 'blur',
+          // },
         ],
         email: [
-          { required: true, trigger: "blur", message: "请再次输入您的密码" },
+          { required: true, trigger: "blur", message: "请输入您的邮箱" },
           {
             pattern:
               /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
@@ -163,24 +209,59 @@ export default {
           },
         ],
         verifyCode: [
-          { required: true, trigger: "blur", message: "请输入验证码" },
+          { required: true, trigger: "blur", message: "请输入短信验证码" },
+        ],
+        emailVerifyCode:[
+        { required: true, trigger: "blur", message: "请输入邮箱验证码" },
+        ],
+        idType: [
+          { required: true, trigger: "blur", message: "请选择证件类型" },
+        ],
+        nationality: [
+          { required: true, trigger: "blur", message: "请选择国籍" },
         ],
       },
       loading: false,
       captchaEnabled: true,
-      roleList: []
+      roleList: [],
+      nationalityList:[
+        {
+          value:'境内',
+          id:0
+        },
+        {
+          value:'境外',
+          id:1
+        }
+      ],
+      idTypeList:[
+      
+      ]
     };
   },
   created() {
     this.getCode();
     this.getListRole();
+    this.getIdTypeFn();
+    this.registerForm.identityNo = this.$route.query.identityNo;
+    this.registerForm.name = this.$route.query.name;
+    console.log(this.$route.query.identityNo)
   },
   methods: {
+    changeInput(){
+      verifyUserName({userName:this.registerForm.userName})
+    },
+    /** 获取证件类型 */
+    getIdTypeFn(){
+      getIdType().then(res=>{
+        this.idTypeList = res.data;
+      })
+    },
     /**获取角色 */
     getListRole() {
       listRoleNotoken().then(res => {
-        console.log(res, "PPPPPPPPPPPPPPPPPPPPPPPPPPPP");
-        this.roleList = res.data;
+        const roleList = res.data.filter((item) => item.roleName == '申请人' || item.roleName == '被申请人');
+        this.roleList = roleList;
       })
     },
     getCode() {
@@ -197,8 +278,8 @@ export default {
         if (valid) {
           this.loading = true;
           wxregister(this.registerForm).then(res => {
-            const username = this.registerForm.username;
-            this.$alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", '系统提示', {
+            const userName = this.registerForm.userName;
+            this.$alert("<font color='red'>恭喜你，您的账号 " + userName + " 注册成功！</font>", '系统提示', {
               dangerouslyUseHTMLString: true,
               type: 'success'
             }).then(() => {
@@ -237,6 +318,28 @@ export default {
 
       })
     },
+    // 获取邮箱验证码
+    getEmailNumber(emailValue){
+      sendEmailCode({email:emailValue}).then(res=>{
+        if(res.code != 200){
+          this.$modal.msgError(res.msg);
+          return
+        }else{
+          this.$modal.msgSuccess('发送成功');
+          let time = 60;
+          let timer = setInterval(() => {
+            time--;
+            this.emailDisabled = true;
+            this.emailText = time + 's重试'
+            if (time == 0) {
+              clearInterval(timer)
+              this.emailText = '发送验证码'
+              this.emailDisabled = false;
+            }
+          }, 1000)
+        }
+      })
+    }
   }
 };
 </script>
@@ -246,9 +349,25 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  // height: 100%;
+  // background-image: url("../assets/images/login-background.jpg");
+  background-image: url("../assets/images/login.svg");
   background-size: cover;
+  .leftIcon {
+      position: relative;
+      width: 200px;
+      height: 155px;
+      top:-300px;
+      left: -300px;
+
+      .Icon {
+        width: 100px;
+        height: 105px;
+        background-image: url("../assets/images/logos.png");
+        background-size: cover;
+      }
+    }
+  
 }
 
 .title {
@@ -261,7 +380,7 @@ export default {
   border-radius: 6px;
   background: #ffffff;
   width: 400px;
-  height: 90%;
+  height: 80%;
   padding: 25px 25px 5px 25px;
 
   // .el-input {

src/views/system/user/index.vue

@@ -189,6 +189,13 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item  label="证件号码" prop="idCard">
+              <el-input v-model="form.idCard" placeholder="请输入证件号码"  maxlength="18"  />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="备注">

src/views/test.vue

@@ -0,0 +1,79 @@
+<template>
+    <div>
+        <el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic">
+            <el-form-item prop="email" label="邮箱" :rules="[
+            { required: true, message: '请输入邮箱地址', trigger: 'blur' },
+            { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
+        ]">
+                <el-input v-model="dynamicValidateForm.email"></el-input>
+            </el-form-item>
+            <div v-for="(item, index) in dynamicValidateForm.domains" :key="item.key">
+                <el-form-item :label="'域名' + index" :prop="'domains.' + index + '.value.name'" :rules="{
+            required: true, message: '域名不能为空', trigger: 'blur'
+        }">
+                    <el-input v-model="item.value.name"></el-input>
+                </el-form-item>
+                <el-form-item :label="'链接' + index" :prop="'domains.' + index + '.value.url'" :rules="{
+            required: true, message: '链接不能为空', trigger: 'blur'
+        }">
+                    <el-input v-model="item.value.url"></el-input>
+                </el-form-item>
+                <el-button @click.prevent="removeDomain(item)">删除</el-button>
+            </div>
+            <el-form-item>
+                <el-button type="primary" @click="submitForm('dynamicValidateForm')">提交</el-button>
+                <el-button @click="addDomain">新增域名</el-button>
+                <el-button @click="resetForm('dynamicValidateForm')">重置</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            dynamicValidateForm: {
+                domains: [{
+                    value: {
+                        name: "",
+                        url: ""
+                    }
+                }],
+                email: ''
+            },
+            data: { "applicant": { "id": 123, "caseAppliId": 5453163805296176, "userId": null, "applicantDeptId": null, "code": null, "compLegalPerson": null, "roleType": 1, "groupOrder": 2, "operatorFlag": 0, "phone": "17691225077", "email": "1129801211@qq.com", "name": "白贵勇", "home": "西安", "address": "西安", "idCard": "612429198708193335", "idType": null, "nationality": null, "birth": null, "sex": null, "resName": null }, "applicantAgent": null, "res": { "id": 124, "caseAppliId": 5453163805296176, "userId": null, "applicantDeptId": null, "code": null, "compLegalPerson": null, "roleType": 3, "groupOrder": 2, "operatorFlag": 0, "phone": "18792927508", "email": "1322446236@qq.com", "name": "王琼", "home": "西安", "address": "西安", "idCard": "14050219970814622X", "idType": null, "nationality": null, "birth": null, "sex": null, "resName": null }, "resAgent": null }
+        };
+    },
+    methods: {
+        submitForm(formName) {
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    alert('submit!');
+                    console.log(this.dynamicValidateForm);
+
+                } else {
+                    console.log('error submit!!');
+                    return false;
+                }
+            });
+        },
+        resetForm(formName) {
+            this.$refs[formName].resetFields();
+        },
+        removeDomain(item) {
+            var index = this.dynamicValidateForm.domains.indexOf(item)
+            if (index !== -1) {
+                this.dynamicValidateForm.domains.splice(index, 1)
+            }
+        },
+        addDomain() {
+            this.dynamicValidateForm.domains.push({
+                value: {
+                    name: "",
+                    key: Date.now()
+                },
+            });
+        }
+    }
+}
+</script>

vue.config.js

@@ -11,13 +11,13 @@ const name = process.env.VUE_APP_TITLE || '调解系统' // 网页标题
 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
-// const API = 'http://121.40.189.20:9001'  //生产
+// const API = 'http://121.40.189.20:7001'  //生产
 const API = 'http://121.40.189.20:6001'  //测试
 // const API = 'http://192.168.3.18:6001'  //B
 // const API = 'http://172.16.0.237:6001' //Q
-// const API = 'http://172.16.1.43:6001' //w
+// const API = 'http://172.16.1.26: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')