瀏覽代碼

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

hanchaobo 2 年之前
父節點
當前提交
aa60d9608f

+ 2
- 0
src/api/caseManagement/caseManagement.js 查看文件

123
 export function confirmDate(data) {
123
 export function confirmDate(data) {
124
   return request({
124
   return request({
125
     url: "/caseApplication/confirmDate",
125
     url: "/caseApplication/confirmDate",
126
+    method: "post",
127
+    data: data,
126
   })
128
   })
127
 }
129
 }
128
 // 查看案件流程
130
 // 查看案件流程

+ 19
- 0
src/api/metting/metting.js 查看文件

1
+import request from '@/utils/request'
2
+
3
+// 生成会议号
4
+export function createRoomId(data) {
5
+  return request({
6
+    url: 'video/createRoomId',
7
+    method: 'get',
8
+    params: data
9
+  })
10
+}
11
+// 根据案件id查询房间号
12
+export function reserveConferenceList(data) {
13
+    return request({
14
+      url: 'video/reserveConferenceList',
15
+      method: 'get',
16
+      params: data
17
+    })
18
+  }
19
+

+ 154
- 66
src/views/caseManagement/caseList.vue 查看文件

59
             <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
59
             <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
60
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
60
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
61
                 <template slot-scope="scope">
61
                 <template slot-scope="scope">
62
-                    <el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="statusRole(scope.row.caseFlowId)">提交</el-button>
62
+                    <!-- <el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="statusRole(scope.row.caseFlowId)">提交</el-button> -->
63
                     <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
63
                     <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
64
                         icon="el-icon-edit">修改</el-button>
64
                         icon="el-icon-edit">修改</el-button>
65
                     <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
65
                     <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
66
-                    <el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button>
67
-                    <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印</el-button>
66
+                    <!-- <el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button> -->
67
+                    <!-- <el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印</el-button> -->
68
                     <el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
68
                     <el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
69
-                    <el-button size="mini" @click="caseLog(scope.row)" type="text" icon="el-icon-edit-outline">案件日志</el-button>
70
-                    <el-button size="mini" @click="paymentconfirmationRow(scope.row)" type="text" icon="el-icon-zoom-in">缴费确认</el-button>
71
-                    <el-button size="mini" @click="caseAccep(scope.row)" type="text" icon="el-icon-zoom-in">案件受理</el-button>
72
-                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text" icon="el-icon-edit">查看缴费单</el-button>
73
-                    <el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button>
74
-                    <el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button>                 
69
+                    <el-button size="mini" @click="caseLog(scope.row)" type="text"
70
+                        icon="el-icon-edit-outline">案件日志</el-button>
71
+                    <!-- <el-button size="mini" @click="paymentconfirmationRow(scope.row)" type="text" icon="el-icon-zoom-in">缴费确认</el-button> -->
72
+                    <!-- <el-button size="mini" @click="caseAccep(scope.row)" type="text" icon="el-icon-zoom-in">案件受理</el-button> -->
73
+                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text"
74
+                        icon="el-icon-edit">查看缴费单</el-button>
75
+                    <!-- <el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button> -->
76
+                    <!-- <el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button>                  -->
75
                     <el-button size="mini" type="text" icon="el-icon-edit"
77
                     <el-button size="mini" type="text" icon="el-icon-edit"
76
                         @click="evidenceUpload(scope.row)">证据修改</el-button>
78
                         @click="evidenceUpload(scope.row)">证据修改</el-button>
77
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)">缴费</el-button>
78
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="selectMediator(scope.row)">预约时间</el-button>
79
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="secretaryConfirm(scope.row)">秘书审核</el-button>
80
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="department(scope.row)">部门长审核</el-button>
81
-                    <el-button size="mini" type="text" icon="el-icon-tickets" @click="timeConfirm(scope.row)">确认调解时间</el-button>
79
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)">缴费</el-button> -->
80
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="selectMediator(scope.row)">预约时间</el-button> -->
81
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="secretaryConfirm(scope.row)">秘书审核</el-button> -->
82
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="department(scope.row)">部门长审核</el-button> -->
83
+                    <!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="timeConfirm(scope.row)">确认调解时间</el-button> -->
84
+                    <el-button size="mini" type="text" icon="el-icon-tickets" v-for="(item) in buttonList" :key="item.id"
85
+                        @click="caseClick(scope.row,item.id)" v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag])">{{ item.nodeName }}</el-button>
82
                 </template>
86
                 </template>
83
             </el-table-column>
87
             </el-table-column>
84
         </el-table>
88
         </el-table>
92
             @cancelCompreess="cancelCompreess" :getList="getList">
96
             @cancelCompreess="cancelCompreess" :getList="getList">
93
         </caseCompressionPackage>
97
         </caseCompressionPackage>
94
         <!-- 案件详情 -->
98
         <!-- 案件详情 -->
95
-        <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess" :caseFlowNumber="caseFlowNumber">
99
+        <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"
100
+            :caseFlowNumber="caseFlowNumber">
96
         </mediationCaseDetails>
101
         </mediationCaseDetails>
97
         <!-- 案件日志 -->
102
         <!-- 案件日志 -->
98
         <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
103
         <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
103
         <payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
108
         <payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
104
             :queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow"></payDialog>
109
             :queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow"></payDialog>
105
         <!-- 缴费确认查看详情 -->
110
         <!-- 缴费确认查看详情 -->
106
-        <paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle" :detailform="detailform" :flag="flag" :paymentConfirma="paymentConfirma" :getList="getList"></paymentdetailsDialog>
111
+        <paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle"
112
+            :detailform="detailform" :flag="flag" :paymentConfirma="paymentConfirma" @getList="getList">
113
+        </paymentdetailsDialog>
107
         <!-- 案件受理 -->
114
         <!-- 案件受理 -->
108
-        <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance" :caseAcceptanceData="caseAcceptanceData" :getList="getList"></caseAcceptance>
115
+        <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
116
+            :caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
109
         <!-- 调解员弹窗 -->
117
         <!-- 调解员弹窗 -->
110
-        <selectMediator  @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData" @getList="getList" :queryParams="queryParams"></selectMediator>
118
+        <selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
119
+            @getList="getList" :queryParams="queryParams"></selectMediator>
111
         <!-- 秘书确认 -->
120
         <!-- 秘书确认 -->
112
-        <confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData" @getList="getList" :queryParams="queryParams"></confirmMediator>
121
+        <confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData"
122
+            @getList="getList" :queryParams="queryParams"></confirmMediator>
113
         <!-- 部门长确认 -->
123
         <!-- 部门长确认 -->
114
-        <departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable" :departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
124
+        <departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable"
125
+            :departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
115
         <!-- 秘书确认时间 -->
126
         <!-- 秘书确认时间 -->
116
-        <timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable" :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
127
+        <timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
128
+            :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
129
+        <!-- 待调解     -->
130
+        <mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
131
+            :mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>    
117
     </div>
132
     </div>
118
 </template>
133
 </template>
119
 
134
 
120
 <script>
135
 <script>
121
 import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl,listCaseLogRecord} from '@/api/caseManagement/caseManagement.js'
136
 import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl,listCaseLogRecord} from '@/api/caseManagement/caseManagement.js'
122
 import { listDept } from '@/api/system/dept.js'
137
 import { listDept } from '@/api/system/dept.js'
138
+import { queryCaseFlowInfo } from '@/api/caseprocessManagement/caseprocessManagement.js'
123
 import moment from "moment";
139
 import moment from "moment";
124
 import addCase from './components/addCase.vue'
140
 import addCase from './components/addCase.vue'
125
 import evidenceDialog from './components/evidenceDialog.vue';
141
 import evidenceDialog from './components/evidenceDialog.vue';
133
 import confirmMediator from './components/confirmMediator.vue'
149
 import confirmMediator from './components/confirmMediator.vue'
134
 import departmentMediator from './components/departmentMediator.vue'
150
 import departmentMediator from './components/departmentMediator.vue'
135
 import timeConfirm from './components/timeConfirm.vue'
151
 import timeConfirm from './components/timeConfirm.vue'
152
+import mediation from './components/mediation.vue'
136
 export default {
153
 export default {
137
     name: "caseList",
154
     name: "caseList",
138
     dicts: ["case_flow_node"],
155
     dicts: ["case_flow_node"],
148
         selectMediator,//调解员弹窗
165
         selectMediator,//调解员弹窗
149
         confirmMediator,
166
         confirmMediator,
150
         departmentMediator,
167
         departmentMediator,
151
-        timeConfirm
168
+        timeConfirm,
169
+        mediation
152
     },
170
     },
153
     data() {
171
     data() {
154
         return {
172
         return {
170
             formPayDetail: {},
188
             formPayDetail: {},
171
             payId: null,
189
             payId: null,
172
             payForm: {},
190
             payForm: {},
173
-            openCompressedPackages:false,//压缩包导入弹窗
174
-            processVisable:false,//案件详情
175
-            showcaseLog:false,//案件日志
176
-            openDialog:false,//确认缴费和缴费详情
191
+            openCompressedPackages: false,//压缩包导入弹窗
192
+            processVisable: false,//案件详情
193
+            showcaseLog: false,//案件日志
194
+            openDialog: false,//确认缴费和缴费详情
177
             detailform: {}, //缴费详情数据
195
             detailform: {}, //缴费详情数据
178
             evidenceVisable: false,//证据修改弹窗
196
             evidenceVisable: false,//证据修改弹窗
197
+            mediationVisable:false,//待调解弹窗
198
+            mediationData:{},
179
             payTitle:"",//缴费标题
199
             payTitle:"",//缴费标题
180
             paymentConfirma:{},//缴费确认
200
             paymentConfirma:{},//缴费确认
181
             showAcceptance:false,//案件受理弹框
201
             showAcceptance:false,//案件受理弹框
195
             deptList: [],
215
             deptList: [],
196
             payTitle: '',
216
             payTitle: '',
197
             tabFlag: false,
217
             tabFlag: false,
198
-            confirmData:{},
199
-            departmentVisable:false,
200
-            departmentData:{},
201
-            timeConfirmVisable:false,
202
-            timeConfirmData:{}
218
+            confirmData: {},
219
+            departmentVisable: false,
220
+            departmentData: {},
221
+            timeConfirmVisable: false,
222
+            timeConfirmData: {},
223
+            buttonList: []
203
         };
224
         };
204
     },
225
     },
205
     created() {
226
     created() {
206
         this.getList(this.queryParams);
227
         this.getList(this.queryParams);
207
         this.listDeptFn()
228
         this.listDeptFn()
229
+        this.getButtonList()
208
     },
230
     },
209
     methods: {
231
     methods: {
232
+        /**所有按钮事件 */
233
+        caseClick(val,type){
234
+            if(type == 1){
235
+                // 提交案件
236
+                this.onsubmitRow(val);
237
+            }else if(type == 2){
238
+                // 缴费
239
+                this.payStatus(val);
240
+            }else if(type == 3){
241
+                // 确认缴费
242
+                this.paymentconfirmationRow(val);
243
+            }else if(type == 4){
244
+                // 受理分配
245
+                this.caseAccep(val);
246
+            }else if(type == 5){
247
+                // 选择调解员
248
+                this.selectMediator(val);
249
+            }else if(type == 6){
250
+                // 核实调解员
251
+                this.secretaryConfirm(val);
252
+            }else if(type == 7){
253
+                // 确认调解员
254
+                this.department(val);
255
+            }else if(type == 8){
256
+                // 确定调解时间
257
+                this.timeConfirm(val);
258
+            }else if(type == 9){
259
+                // 调解
260
+                this.mediationClick(val)
261
+            }else if(type == 10){
262
+                // 确认调解书
263
+            }else if(type == 11){
264
+                // 签名
265
+            }else if(type == 12){
266
+                // 用印申请
267
+            }else if(type == 13){
268
+                // 用印
269
+            }else if(type == 14){
270
+                // 归档
271
+            }else if(type == 15){
272
+                // 签收
273
+            }else if(type == 16){
274
+                // 结束
275
+            }
276
+        },
277
+        /**查询按钮列表 */
278
+        getButtonList() {
279
+            queryCaseFlowInfo({
280
+                pageNum: 1,
281
+                pageSize: 100000
282
+            }).then(res => {
283
+                this.buttonList = res.rows;
284
+            })
285
+        },
210
         /** 新增案件 */
286
         /** 新增案件 */
211
         addCase() {
287
         addCase() {
212
             this.addVisable = true;
288
             this.addVisable = true;
245
             this.$modal
321
             this.$modal
246
                 .confirm("是否提交立案申请?")
322
                 .confirm("是否提交立案申请?")
247
                 .then(function () {
323
                 .then(function () {
248
-                    return submitCaseApply({ id: row.id,caseFlowId:row.caseFlowId });
324
+                    return submitCaseApply({ id: row.id, caseFlowId: row.caseFlowId });
249
                 })
325
                 })
250
                 .then(() => {
326
                 .then(() => {
251
                     this.getList(this.queryParams);
327
                     this.getList(this.queryParams);
254
                 .catch(() => { });
330
                 .catch(() => { });
255
         },
331
         },
256
         /** 选择调解员 */
332
         /** 选择调解员 */
257
-        selectMediator(val){
333
+        selectMediator(val) {
258
             this.mediatorVisable = true;
334
             this.mediatorVisable = true;
259
             this.mediatorData = val;
335
             this.mediatorData = val;
260
         },
336
         },
261
         /** 预约时间 */
337
         /** 预约时间 */
262
-        selectTime(val){
338
+        selectTime(val) {
263
             this.timeVisable = true;
339
             this.timeVisable = true;
264
         },
340
         },
341
+        /** 调解 */
342
+        mediationClick(val){
343
+            this.mediationVisable = true;
344
+            this.mediationData = val;
345
+        },
265
         getDetail(parms) {
346
         getDetail(parms) {
266
             caseApplicationSelectById(parms).then((res) => {
347
             caseApplicationSelectById(parms).then((res) => {
267
                 this.formPayDetail = res.data;
348
                 this.formPayDetail = res.data;
270
             });
351
             });
271
         },
352
         },
272
         /** 确认调解员 */
353
         /** 确认调解员 */
273
-        secretaryConfirm(val){
354
+        secretaryConfirm(val) {
274
             this.confirmVisable = true;
355
             this.confirmVisable = true;
275
             this.confirmData = val;
356
             this.confirmData = val;
276
         },
357
         },
277
         /** 部门长确认调解员 */
358
         /** 部门长确认调解员 */
278
-        department(val){
359
+        department(val) {
279
             this.departmentVisable = true;
360
             this.departmentVisable = true;
280
             this.departmentData = val;
361
             this.departmentData = val;
281
         },
362
         },
282
         /**确认时间 */
363
         /**确认时间 */
283
-        timeConfirm(val){
364
+        timeConfirm(val) {
284
             this.timeConfirmVisable = true;
365
             this.timeConfirmVisable = true;
285
             this.timeConfirmData = val;
366
             this.timeConfirmData = val;
286
         },
367
         },
327
             this.openPay = false;
408
             this.openPay = false;
328
         },
409
         },
329
         /** 取消调解员弹窗 */
410
         /** 取消调解员弹窗 */
330
-        cancelMediator(){
411
+        cancelMediator() {
331
             this.mediatorVisable = false;
412
             this.mediatorVisable = false;
332
         },
413
         },
333
         /** 取消预约时间弹窗 */
414
         /** 取消预约时间弹窗 */
334
-        cancelTime(){
415
+        cancelTime() {
335
             this.timeVisable = false;
416
             this.timeVisable = false;
336
         },
417
         },
337
-        cancelConfirm(){
418
+        /**取消调解 */
419
+        cancelMediation(){
420
+            this.timeConfirmVisable = false;
421
+        },
422
+        cancelMediation(){
423
+            this.mediationVisable = false;
424
+        },
425
+        cancelConfirm() {
338
             this.confirmVisable = false;
426
             this.confirmVisable = false;
339
         },
427
         },
340
-        cancelDepartment(){
428
+        cancelDepartment() {
341
             this.departmentVisable = false;
429
             this.departmentVisable = false;
342
         },
430
         },
343
-        cancelTimeConfirm(){
431
+        cancelTimeConfirm() {
344
             this.timeConfirmVisable = false;
432
             this.timeConfirmVisable = false;
345
         },
433
         },
346
         /** 搜索按钮操作 */
434
         /** 搜索按钮操作 */
364
         },
452
         },
365
         // 法律顾问用印申请
453
         // 法律顾问用印申请
366
         consultantApplica(row) {
454
         consultantApplica(row) {
367
-            let paramsValue ={
368
-                caseId:row.id,
369
-                batchNumber:"",
370
-                caseFlowId:row.caseFlowId
455
+            let paramsValue = {
456
+                caseId: row.id,
457
+                batchNumber: "",
458
+                caseFlowId: row.caseFlowId
371
             }
459
             }
372
             this.$modal.confirm("你确定要用印申请吗?").then((res) => {
460
             this.$modal.confirm("你确定要用印申请吗?").then((res) => {
373
-                sealApply(paramsValue).then(res=>{
461
+                sealApply(paramsValue).then(res => {
374
                     this.getList(this.queryParams);
462
                     this.getList(this.queryParams);
375
                     this.$modal.msgSuccess("用印申请成功");
463
                     this.$modal.msgSuccess("用印申请成功");
376
                 })
464
                 })
380
         },
468
         },
381
         // 部门长用印申请
469
         // 部门长用印申请
382
         departmentApplica(row) {
470
         departmentApplica(row) {
383
-             this.$modal.confirm("你确定要用印确认吗?").then((res) => {
384
-                 let paramsValue ={
385
-                     caseId:row.id
386
-                 }
387
-                 selectSealUrl(paramsValue).then(res=>{
388
-                     window.open(res.data.sealUrl)
389
-                     this.$modal.confirm("你确认用印了吗?").then((res) => {
390
-                     this.getList(this.queryParams);
471
+            this.$modal.confirm("你确定要用印确认吗?").then((res) => {
472
+                let paramsValue = {
473
+                    caseId: row.id
474
+                }
475
+                selectSealUrl(paramsValue).then(res => {
476
+                    window.open(res.data.sealUrl)
477
+                    this.$modal.confirm("你确认用印了吗?").then((res) => {
478
+                        this.getList(this.queryParams);
391
                     }).catch(() => {
479
                     }).catch(() => {
392
 
480
 
393
                     })
481
                     })
394
-                 })
482
+                })
395
             }).catch(() => {
483
             }).catch(() => {
396
 
484
 
397
             })
485
             })
398
         },
486
         },
399
         // 案件受理
487
         // 案件受理
400
-        caseAccep(row){
488
+        caseAccep(row) {
401
             this.caseAcceptanceData = row
489
             this.caseAcceptanceData = row
402
             this.showAcceptance = true
490
             this.showAcceptance = true
403
         },
491
         },
404
-        cancelAcceptance(){
492
+        cancelAcceptance() {
405
             this.showAcceptance = false
493
             this.showAcceptance = false
406
         },
494
         },
407
         // 缴费确认
495
         // 缴费确认
408
-        paymentconfirmationRow(row){
496
+        paymentconfirmationRow(row) {
409
             this.paymentConfirma = row
497
             this.paymentConfirma = row
410
             console.log(this.paymentConfirma)
498
             console.log(this.paymentConfirma)
411
             this.paymentDetails({
499
             this.paymentDetails({
412
-                id:row.id
500
+                id: row.id
413
             })
501
             })
414
             this.openDialog = true
502
             this.openDialog = true
415
             this.payTitle = "缴费确认"
503
             this.payTitle = "缴费确认"
416
             this.flag = 0;
504
             this.flag = 0;
417
             this.detailform = {}
505
             this.detailform = {}
418
         },
506
         },
419
-        cancelpaymentdetails(){
507
+        cancelpaymentdetails() {
420
             this.openDialog = false
508
             this.openDialog = false
421
         },
509
         },
422
         // 查看缴费确认
510
         // 查看缴费确认
423
-        viewpaymentformRow(row){
424
-             this.paymentDetails({
425
-                id:row.id
511
+        viewpaymentformRow(row) {
512
+            this.paymentDetails({
513
+                id: row.id
426
             })
514
             })
427
             this.payTitle = "缴费单详情"
515
             this.payTitle = "缴费单详情"
428
             this.flag = 1;
516
             this.flag = 1;
430
             this.openDialog = true
518
             this.openDialog = true
431
         },
519
         },
432
         // 缴费详情
520
         // 缴费详情
433
-        paymentDetails(val){
434
-            selectPaymentDetail(val).then(res=>{
521
+        paymentDetails(val) {
522
+            selectPaymentDetail(val).then(res => {
435
                 this.detailform = res.data;
523
                 this.detailform = res.data;
436
             })
524
             })
437
         },
525
         },

+ 149
- 0
src/views/caseManagement/components/mediation.vue 查看文件

1
+<template>
2
+    <div>
3
+        <el-dialog :title="title" :visible="mediationVisable" @close="cancel" center :distroy-on-close="true" width="1000px">
4
+            <el-form ref="form" :model="formData" label-width="180px">
5
+                <div class="caseInfo">案件信息:</div>
6
+                <el-divider></el-divider>
7
+                <el-row>
8
+                    <el-col :span="12">
9
+                        <el-form-item label="案件编号:" prop="caseNum">
10
+                            <el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="true" />
11
+                        </el-form-item>
12
+                    </el-col>
13
+                    <el-col :span="12">
14
+                        <el-form-item label="申请人:" prop="applicationOrganName">
15
+                            <el-input v-model="formData.affiliate.applicationOrganName" :disabled="true" />
16
+                        </el-form-item>
17
+                    </el-col>
18
+                    <el-col :span="12">
19
+                        <el-form-item label="被申请人:" prop="respondentName">
20
+                            <el-input v-model="mediationData.respondentName" :disabled="true" />
21
+                        </el-form-item>
22
+                    </el-col>
23
+                    <el-col :span="12">
24
+                        <el-form-item label="案件标的:" prop="caseSubjectAmount">
25
+                            <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
26
+                        </el-form-item>
27
+                    </el-col>
28
+                    <el-col :span="12">
29
+                        <el-form-item label="调解费用:" prop="feePayable">
30
+                            <el-input v-model="formData.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
31
+                        </el-form-item>
32
+                    </el-col>
33
+                    <el-col :span="12">
34
+                        <el-form-item label="调解员:" prop="mediatorName">
35
+                            <el-input v-model="formData.mediatorName" placeholder="请输入" :disabled="true" />
36
+                        </el-form-item>
37
+                    </el-col>
38
+                </el-row>
39
+                <el-col :span="24">
40
+                    <el-form-item label="申请人案件证据:">
41
+                        <div v-if="applicateArr.length == 0">申请人暂未提供证据!</div>
42
+                        <div v-else v-for="(item, index) in applicateArr" :key="index">
43
+                            <a href="#" @click="toFile(item, index)" style="color: blue">
44
+                                {{ item.annexName }}
45
+                            </a>
46
+                        </div>
47
+                    </el-form-item>
48
+                </el-col>
49
+                <el-col :span="24">
50
+                    <el-form-item label="被申请人案件证据:">
51
+                        <div v-if="quiltArr.length == 0">被申请人暂未提供证据!</div>
52
+                        <div v-for="(item, index) in quiltArr" :key="index">
53
+                            <a href="#" @click="toFile1(item, index)" style="color: blue">
54
+                                {{ item.annexName }}
55
+                            </a>
56
+                        </div>
57
+                    </el-form-item>
58
+                </el-col>
59
+                <el-col :span="24" v-if="recordArr.length > 0">
60
+                    <el-form-item label="庭审笔录:">
61
+                        <div v-for="(item, index) in recordArr" :key="index" style="color: blue">
62
+                            <a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
63
+                        </div>
64
+                    </el-form-item>
65
+                </el-col>
66
+                <el-col :span="24">
67
+                    <el-form-item label="预约会议房间号:">
68
+                        <div>{{ roomId }}</div>
69
+                    </el-form-item>
70
+                </el-col>
71
+                <el-col :span="24">
72
+                    <el-form-item label="开庭时间:">
73
+                        <div>{{ formData.hearDate }}</div>
74
+                    </el-form-item>
75
+                </el-col>
76
+                <!-- </el-form> -->
77
+            </el-form>
78
+            <div slot="footer" class="dialog-footer">
79
+                <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
80
+                <el-button @click="submitMediation" class="endbutton1"><span>提 交</span></el-button>
81
+            </div>
82
+        </el-dialog>
83
+    </div>
84
+</template>
85
+<!-- hearDate -->
86
+<script>
87
+import { caseApplicationSelectById } from '@/api/caseManagement/caseManagement.js'
88
+import { reserveConferenceList } from '@/api/metting/metting.js'
89
+export default {
90
+    props: ["mediationVisable", "mediationData", "queryParams"],
91
+    data() {
92
+        return {
93
+            loanStartDate: "",
94
+            title: "开庭调解",
95
+            applicateArr:[],
96
+            quiltArr:[],
97
+            recordArr:[],
98
+            roomId:null,
99
+            startTime:null,
100
+            formData:{}
101
+        };
102
+    },
103
+    watch: {
104
+        mediationVisable(val) {
105
+            if (val) {
106
+                this.caseApplicationSelectByIdFn({
107
+                    id:this.mediationData.id
108
+                })
109
+                this.reserveConferenceListFn({
110
+                    caseId:this.mediationData.id
111
+                })
112
+            }
113
+        },
114
+    },
115
+    created() {
116
+        if(this.mediationData.mediationMethod == '1'){
117
+            this.title = '开庭调解'
118
+        }else{
119
+            this.title = '书面调解'
120
+        }
121
+    },
122
+    methods: {
123
+        /** 获取案件详情信息 */
124
+        caseApplicationSelectByIdFn(data){
125
+            caseApplicationSelectById(data).then(res=>{
126
+                this.formData = res.data;
127
+            })
128
+        },
129
+        /** 获取已经预约的会议 */
130
+        reserveConferenceListFn(data){
131
+            reserveConferenceList(data).then(res=>{
132
+                console.log(res,"LLLLLLLLLLLLLLLLLLLLLLLLLLL");
133
+            })
134
+        },
135
+        cancel() {
136
+            this.$emit("cancelMediation");
137
+        },
138
+        submitMediation() {
139
+
140
+        }
141
+    },
142
+};
143
+</script>
144
+  
145
+<style lang="scss" scoped>
146
+.steps {
147
+    display: flex;
148
+    flex-wrap: wrap;
149
+}</style>

+ 10
- 0
src/views/caseManagement/components/selectMediator.vue 查看文件

48
 <script>
48
 <script>
49
 import { Message } from 'element-ui'
49
 import { Message } from 'element-ui'
50
 import { listMediator,updateBooking } from '@/api/caseManagement/caseManagement.js'
50
 import { listMediator,updateBooking } from '@/api/caseManagement/caseManagement.js'
51
+import { createRoomId } from '@/api/metting/metting.js'
51
 import moment from "moment";
52
 import moment from "moment";
52
 export default {
53
 export default {
53
     props: ["mediatorVisable", "mediatorData","queryParams"],
54
     props: ["mediatorVisable", "mediatorData","queryParams"],
104
                     userName:item.mediatorName
105
                     userName:item.mediatorName
105
                 })
106
                 })
106
             })
107
             })
108
+            await this.createRoomIdFn({
109
+                caseId:this.mediatorData.id
110
+            })
107
             await this.updateBookingFn({
111
             await this.updateBookingFn({
108
                 id:this.mediatorData.id,
112
                 id:this.mediatorData.id,
109
                 caseFlowId:this.mediatorData.caseFlowId,
113
                 caseFlowId:this.mediatorData.caseFlowId,
118
                 this.$emit('getList', this.queryParams);
122
                 this.$emit('getList', this.queryParams);
119
             })
123
             })
120
         },
124
         },
125
+        // 生成会议房间号
126
+        async createRoomIdFn(data){
127
+            await createRoomId(data).then(res=>{
128
+                console.log(res,"房间号");
129
+            })
130
+        },
121
         handleSelectionChange(val) {
131
         handleSelectionChange(val) {
122
             this.multipleSelection = val;
132
             this.multipleSelection = val;
123
             // console.log(this.multipleSelection,"LLLLLLLLLLLLLLLLL");
133
             // console.log(this.multipleSelection,"LLLLLLLLLLLLLLLLL");

+ 10
- 11
src/views/caseManagement/components/timeConfirm.vue 查看文件

13
                     <div style="margin-top: 20px;margin-bottom: 20px;">时间</div>
13
                     <div style="margin-top: 20px;margin-bottom: 20px;">时间</div>
14
                     <el-form label-position="right" label-width="80px" :model="formLabelAlign" :disabled="confirmShow">
14
                     <el-form label-position="right" label-width="80px" :model="formLabelAlign" :disabled="confirmShow">
15
                         <el-form-item label="时间">
15
                         <el-form-item label="时间">
16
-                            <el-date-picker v-if="!confirmShow" v-model="formLabelAlign.time[0]" type="datetime" placeholder="选择日期时间">
16
+                            <el-date-picker v-if="!confirmShow" v-model="formLabelAlign.name" type="datetime" placeholder="选择日期时间">
17
                             </el-date-picker>
17
                             </el-date-picker>
18
                             <el-input v-else v-model="formLabelAlign.name"></el-input>
18
                             <el-input v-else v-model="formLabelAlign.name"></el-input>
19
                         </el-form-item>
19
                         </el-form-item>
103
                     id: this.timeConfirmData.id,
103
                     id: this.timeConfirmData.id,
104
                     caseFlowId: this.timeConfirmData.caseFlowId,
104
                     caseFlowId: this.timeConfirmData.caseFlowId,
105
                     // userList: userArr,
105
                     // userList: userArr,
106
-                    herDates: this.formLabelAlign.time
106
+                    herDates: [this.formLabelAlign.name]
107
                 })
107
                 })
108
             } else {
108
             } else {
109
-                if (this.multipleSelection.length > 1) {
110
-                    Message.error('最多选择一名调解员');
111
-                    return
112
-                } else if (this.multipleSelection.length < 1) {
113
-                    Message.error('至少选择一名调解员');
114
-                    return
115
-                }
109
+                // if (this.multipleSelection.length > 1) {
110
+                //     Message.error('最多选择一名调解员');
111
+                //     return
112
+                // } else if (this.multipleSelection.length < 1) {
113
+                //     Message.error('至少选择一名调解员');
114
+                //     return
115
+                // }
116
                 if (this.formLabelAlign.time.length < 1) {
116
                 if (this.formLabelAlign.time.length < 1) {
117
                     Message.error('至少选择一个时间');
117
                     Message.error('至少选择一个时间');
118
                     return
118
                     return
132
                 this.verifyMediatorFn({
132
                 this.verifyMediatorFn({
133
                     id: this.timeConfirmData.id,
133
                     id: this.timeConfirmData.id,
134
                     caseFlowId: this.timeConfirmData.caseFlowId,
134
                     caseFlowId: this.timeConfirmData.caseFlowId,
135
-                    // userList: this.mediatorArr,
136
-                    herDates: this.formLabelAlign.time
135
+                    herDates: [this.formLabelAlign.name]
137
                 })
136
                 })
138
             }
137
             }
139
         },
138
         },