Quellcode durchsuchen

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

fz vor 2 Jahren
Ursprung
Commit
42cb2e9604

+ 8
- 0
src/api/awardManagement/awardManagement.js Datei anzeigen

105
         method: 'post',
105
         method: 'post',
106
         data: data
106
         data: data
107
     })
107
     })
108
+}
109
+// 裁决书列表查询裁决书
110
+export function selectSignSealUrl(data) {
111
+    return request({
112
+        url: '/caseApplication/selectSignSealUrl',
113
+        method: 'post',
114
+        data: data
115
+    })
108
 }
116
 }

+ 8
- 0
src/api/caseManagement/caseManagement.js Datei anzeigen

17
     data: data,
17
     data: data,
18
   });
18
   });
19
 }
19
 }
20
+// 生成庭审笔录
21
+export function creatTrialRecord(data) {
22
+  return request({
23
+    url: "/caseApplication/creatTrialRecord",
24
+    method: "post",
25
+    data: data,
26
+  });
27
+}
20
 // 组庭确认
28
 // 组庭确认
21
 export function pendTralSure(data) {
29
 export function pendTralSure(data) {
22
   return request({
30
   return request({

+ 8
- 8
src/router/index.js Datei anzeigen

65
     path: '',
65
     path: '',
66
     component: Layout,
66
     component: Layout,
67
     redirect: 'index',
67
     redirect: 'index',
68
-    children: [
69
-      {
70
-        path: 'index',
71
-        component: () => import('@/views/index'),
72
-        name: 'Index',
73
-        meta: { title: '首页', icon: 'dashboard', affix: true }
74
-      }
75
-    ]
68
+    // children: [
69
+    //   {
70
+    //     path: 'index',
71
+    //     component: () => import('@/views/index'),
72
+    //     name: 'Index',
73
+    //     meta: { title: '首页', icon: 'dashboard', affix: true }
74
+    //   }
75
+    // ]
76
   },
76
   },
77
   {
77
   {
78
     path: '/user',
78
     path: '/user',

+ 6
- 3
src/views/awardManagement/listofAwards.vue Datei anzeigen

90
     adjudicationCaseFile,
90
     adjudicationCaseFile,
91
     adjudicationStamp,
91
     adjudicationStamp,
92
     selectSignUrl,
92
     selectSignUrl,
93
-    selectSealUrl
93
+    selectSealUrl,
94
+    selectSignSealUrl
94
 } from "@/api/awardManagement/awardManagement";
95
 } from "@/api/awardManagement/awardManagement";
95
 import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
96
 import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
96
 import mailawardDialog from './components/MailawardDialog.vue';
97
 import mailawardDialog from './components/MailawardDialog.vue';
168
 
169
 
169
             switch (type) {
170
             switch (type) {
170
                 case 0:
171
                 case 0:
171
-                    let url = row.filearbitraUrl;
172
-                    window.open(url)
172
+                    selectSignSealUrl({ id: row.id }).then(res => {
173
+                        let url = res.data.filearbitraUrl;
174
+                        window.open(url)
175
+                    })
173
                     break;
176
                     break;
174
                 case 1:
177
                 case 1:
175
                     this.getDetail({ id: row.id });
178
                     this.getDetail({ id: row.id });

+ 20
- 26
src/views/caseManagement/caseList.vue Datei anzeigen

280
             "
280
             "
281
             >开庭审理</el-button
281
             >开庭审理</el-button
282
           >
282
           >
283
-          <el-button
283
+          <!-- <el-button
284
             size="mini"
284
             size="mini"
285
             type="text"
285
             type="text"
286
             icon="el-icon-document"
286
             icon="el-icon-document"
290
               checkPermi(['caseManagement:list:createaward'])
290
               checkPermi(['caseManagement:list:createaward'])
291
             "
291
             "
292
             >生成裁决书</el-button
292
             >生成裁决书</el-button
293
-          >
294
-          <!-- <el-button
295
-            size="mini"
296
-            type="text"
297
-            icon="el-icon-receiving"
298
-            @click="fileRow(scope.row)"
299
-            v-if="scope.row.caseStatus == 16"
300
-            v-hasPermi="['monitor:online:forceLogout']"
301
-            >归档</el-button
302
           > -->
293
           > -->
303
         </template>
294
         </template>
304
       </el-table-column>
295
       </el-table-column>
535
     /** 搜索按钮操作 */
526
     /** 搜索按钮操作 */
536
     handleQuery() {
527
     handleQuery() {
537
       this.queryParams.caseStatusList = [];
528
       this.queryParams.caseStatusList = [];
529
+      if (!this.queryParams.caseStatus ) {
530
+        this.queryParams.caseStatusList = [0, 1, 2, 5, 6, 7, 8, 9, 10]
531
+      }
538
       this.queryParams.pageNum = 1;
532
       this.queryParams.pageNum = 1;
539
       this.getcaseApply(this.queryParams);
533
       this.getcaseApply(this.queryParams);
540
     },
534
     },
721
     canceltrialincourt() {
715
     canceltrialincourt() {
722
       this.showtrialincourt = false;
716
       this.showtrialincourt = false;
723
     },
717
     },
724
-    //  生成裁决书
725
-    generateawardRow(row) {
726
-      console.log(row, "生成裁决书");
727
-      this.$modal
728
-        .confirm("确定生成裁决书吗?")
729
-        .then(function () {
730
-          return document({ id: row.id });
731
-        })
732
-        .then((res) => {
733
-          if (res.code == 200) {
734
-            this.getcaseApply(this.queryParams);
735
-            this.$modal.msgSuccess("裁决书生成成功");
736
-          }
737
-        })
738
-        .catch(() => {});
739
-    },
718
+    //  生成裁决书 2023.10.15裁决书生成为自动,已合并如庭审提交
719
+    // generateawardRow(row) {
720
+    //   console.log(row, "生成裁决书");
721
+    //   this.$modal
722
+    //     .confirm("确定生成裁决书吗?")
723
+    //     .then(function () {
724
+    //       return document({ id: row.id });
725
+    //     })
726
+    //     .then((res) => {
727
+    //       if (res.code == 200) {
728
+    //         this.getcaseApply(this.queryParams);
729
+    //         this.$modal.msgSuccess("裁决书生成成功");
730
+    //       }
731
+    //     })
732
+    //     .catch(() => {});
733
+    // },
740
     // 归档
734
     // 归档
741
     fileRow(row) {
735
     fileRow(row) {
742
       console.log(row, "归档");
736
       console.log(row, "归档");

+ 23
- 17
src/views/caseManagement/components/adjudicaterecordDialog.vue Datei anzeigen

13
         label-width="180px"
13
         label-width="180px"
14
         :disabled="true"
14
         :disabled="true"
15
       >
15
       >
16
-        <p>案件信息:</p>
16
+        <div class="caseInfo">案件信息:</div>
17
         <el-divider></el-divider>
17
         <el-divider></el-divider>
18
         <el-row>
18
         <el-row>
19
           <el-col :span="12">
19
           <el-col :span="12">
299
         </el-col>
299
         </el-col>
300
       </el-form>
300
       </el-form>
301
       <div slot="footer" class="dialog-footer">
301
       <div slot="footer" class="dialog-footer">
302
-        <el-button type="primary" @click="submitForm">提交庭审笔录</el-button>
302
+        <el-button type="primary" @click="submitForm">提交仲裁结果</el-button>
303
         <el-button @click="cancel">取 消</el-button>
303
         <el-button @click="cancel">取 消</el-button>
304
       </div>
304
       </div>
305
     </el-dialog>
305
     </el-dialog>
326
           this.applicateArr = [];
326
           this.applicateArr = [];
327
           this.quiltArr = [];
327
           this.quiltArr = [];
328
           this.formData = this.form;
328
           this.formData = this.form;
329
-          setTimeout(() => {    
330
-          this.adjudicatename.caseAttachList.forEach(item => {
331
-            if (item.annexType == 2) {
332
-                this.applicateArr.push({
333
-                  annexName: item.annexName,
334
-                  annexPath: item.annexPath,
335
-                });
336
-              }
337
-              if (item.annexType == 6) {
338
-                this.quiltArr.push({
339
-                  annexName: item.annexName,
340
-                  annexPath: item.annexPath,
341
-                });
342
-              }
343
-          });
329
+          setTimeout(() => {
330
+            if (this.adjudicatename.caseAttachList.length > 0) {
331
+              this.adjudicatename.caseAttachList.forEach(item => {
332
+                if (item.annexType == 2) {
333
+                    this.applicateArr.push({
334
+                      annexName: item.annexName,
335
+                      annexPath: item.annexPath,
336
+                    });
337
+                  }
338
+                  if (item.annexType == 6) {
339
+                    this.quiltArr.push({
340
+                      annexName: item.annexName,
341
+                      annexPath: item.annexPath,
342
+                    });
343
+                  }
344
+              });
345
+            }          
344
           }, 500);
346
           }, 500);
345
           this.form2 = {};
347
           this.form2 = {};
346
         }
348
         }
395
   background: #ffffff;
397
   background: #ffffff;
396
   border-radius: 20px;
398
   border-radius: 20px;
397
 }
399
 }
400
+.caseInfo {
401
+  font-size: 17px;
402
+  font-weight: 600;
403
+}
398
 </style>
404
 </style>

+ 144
- 67
src/views/caseManagement/components/trialincourtDialog.vue Datei anzeigen

12
         label-width="180px"
12
         label-width="180px"
13
         :disabled="true"
13
         :disabled="true"
14
       >
14
       >
15
-        <p>案件信息:</p>
15
+        <div class="caseInfo">案件信息:</div>
16
         <el-divider></el-divider>
16
         <el-divider></el-divider>
17
         <el-row>
17
         <el-row>
18
           <el-col :span="12">
18
           <el-col :span="12">
124
           </el-form-item>
124
           </el-form-item>
125
         </el-col> -->
125
         </el-col> -->
126
         <el-col :span="24">
126
         <el-col :span="24">
127
-            <el-form-item
128
-              label="申请人案件证据:"
129
-            >
130
-              <div v-if="applicateArr.length == 0">申请人暂未提供证据!</div>
131
-              <div v-else v-for="(item, index) in applicateArr" :key="index">
132
-                <a href="#" @click="toFile(item, index)" style="color: blue">
133
-                  {{ item.annexName }}
134
-                </a>
135
-              </div>
136
-            </el-form-item>
127
+          <el-form-item label="申请人案件证据:">
128
+            <div v-if="applicateArr.length == 0">申请人暂未提供证据!</div>
129
+            <div v-else v-for="(item, index) in applicateArr" :key="index">
130
+              <a href="#" @click="toFile(item, index)" style="color: blue">
131
+                {{ item.annexName }}
132
+              </a>
133
+            </div>
134
+          </el-form-item>
137
         </el-col>
135
         </el-col>
138
         <el-col :span="24">
136
         <el-col :span="24">
139
-            <el-form-item
140
-              label="被申请人案件证据:"
141
-            >
137
+          <el-form-item label="被申请人案件证据:">
142
             <div v-if="quiltArr.length == 0">被申请人暂未提供证据!</div>
138
             <div v-if="quiltArr.length == 0">被申请人暂未提供证据!</div>
143
             <div v-for="(item, index) in quiltArr" :key="index">
139
             <div v-for="(item, index) in quiltArr" :key="index">
144
-                <a href="#" @click="toFile1(item, index)" style="color: blue">
145
-                  {{ item.annexName }}
146
-                </a>
140
+              <a href="#" @click="toFile1(item, index)" style="color: blue">
141
+                {{ item.annexName }}
142
+              </a>
147
             </div>
143
             </div>
148
-            </el-form-item>
144
+          </el-form-item>
149
         </el-col>
145
         </el-col>
150
-      <!-- </el-form> -->
146
+        <el-col :span="24" v-if="recordArr.length > 0">
147
+          <el-form-item label="庭审笔录:">
148
+            <div
149
+              v-for="(item, index) in recordArr"
150
+              :key="index"
151
+              style="color: blue"
152
+            >
153
+              <a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
154
+            </div>
155
+          </el-form-item>
156
+        </el-col>
157
+        <!-- </el-form> -->
151
       </el-form>
158
       </el-form>
152
-      <el-button @click="openmeeting" type="primary"
153
-        >发起会议
154
-        <!-- <iframe src="http://47.97.117.253:9005/#/">发起会议</iframe> -->
155
-      </el-button>
156
-      <el-button @click="openArbitrationresults" type="primary"
159
+      <el-button @click="openmeeting" type="primary">发起会议</el-button>
160
+      <el-button
161
+        @click="openArbitrationresults"
162
+        type="primary"
163
+        v-if="this.recordArr.length <= 0"
157
         >生成庭审笔录</el-button
164
         >生成庭审笔录</el-button
158
-      >    
159
-      <div slot="footer" class="dialog-footer">
160
-        <!-- <el-button @click="submitForm" class="endbutton"
161
-          ><span>结束审理</span></el-button
162
-        > -->
163
-        <el-button @click="openArbitrationresults" class="endbutton"
164
-        ><span>提交庭审笔录</span></el-button
165
       >
165
       >
166
+      <div slot="footer" class="dialog-footer">
167
+        <el-button
168
+          class="endbutton"
169
+          :disabled="showsubmit && recordArr.length == 0"
170
+          @click="submitResults"
171
+          >提交</el-button
172
+        >
166
         <el-button @click="cancel" class="endbutton1"
173
         <el-button @click="cancel" class="endbutton1"
167
           ><span>关 闭</span></el-button
174
           ><span>关 闭</span></el-button
168
         >
175
         >
169
       </div>
176
       </div>
170
     </el-dialog>
177
     </el-dialog>
171
     <el-dialog
178
     <el-dialog
172
-      title="提交庭审笔录"
179
+      title="生成庭审笔录"
173
       :visible="showArbitrationresults"
180
       :visible="showArbitrationresults"
174
       @close="closeArbitrationresults"
181
       @close="closeArbitrationresults"
175
       center
182
       center
283
       </el-form>
290
       </el-form>
284
       <div slot="footer" class="dialog-footer">
291
       <div slot="footer" class="dialog-footer">
285
         <el-button @click="submitForm" class="endbutton">
292
         <el-button @click="submitForm" class="endbutton">
286
-          <span>提交</span></el-button
293
+          <span>确定</span></el-button
287
         >
294
         >
288
         <el-button @click="closeArbitrationresults" class="endbutton1"
295
         <el-button @click="closeArbitrationresults" class="endbutton1"
289
           ><span>取 消</span></el-button
296
           ><span>取 消</span></el-button
295
 
302
 
296
 <script>
303
 <script>
297
 import { getUserProfile } from "@/api/system/user";
304
 import { getUserProfile } from "@/api/system/user";
298
-import { writtenHear } from "@/api/caseManagement/caseManagement.js";
305
+import {
306
+  writtenHear,
307
+  creatTrialRecord,
308
+  document,
309
+} from "@/api/caseManagement/caseManagement.js";
299
 
310
 
300
 export default {
311
 export default {
301
   props: ["showtrialincourt", "adjudicatename", "form", "queryParams"],
312
   props: ["showtrialincourt", "adjudicatename", "form", "queryParams"],
305
       user: "",
316
       user: "",
306
       showArbitrationresults: false,
317
       showArbitrationresults: false,
307
       form2: {},
318
       form2: {},
308
-      applicateArr: [],//申请人案件资料
309
-      quiltArr: [],//被申请人案件资料
319
+      applicateArr: [], //申请人案件资料
320
+      quiltArr: [], //被申请人案件资料
321
+      recordArr: [], //笔录附件
322
+      showsubmit: true, //生成庭审笔录,方可提交
323
+      annexName: "", //笔录文件名
324
+      annexPath: "", //笔录文件地址
310
     };
325
     };
311
   },
326
   },
312
   watch: {
327
   watch: {
313
     showtrialincourt: {
328
     showtrialincourt: {
314
       handler(val) {
329
       handler(val) {
315
         if (val) {
330
         if (val) {
316
-          this.formData = this.form;      
331
+          this.formData = this.form;
317
           this.applicateArr = [];
332
           this.applicateArr = [];
318
           this.quiltArr = [];
333
           this.quiltArr = [];
319
-          setTimeout(() => {    
320
-          this.adjudicatename.caseAttachList.forEach(item => {
321
-            if (item.annexType == 2) {
322
-                this.applicateArr.push({
323
-                  annexName: item.annexName,
324
-                  annexPath: item.annexPath,
325
-                });
326
-              }
327
-              if (item.annexType == 6) {
328
-                this.quiltArr.push({
329
-                  annexName: item.annexName,
330
-                  annexPath: item.annexPath,
331
-                });
332
-              }
333
-          });
334
-          }, 500);
334
+          this.recordArr = [];
335
+          setTimeout(() => {
336
+            if (this.adjudicatename.caseAttachList.length > 0) {
337
+              this.adjudicatename.caseAttachList.forEach((item) => {
338
+                // 申请人案件附件
339
+                if (item.annexType == 2) {
340
+                  this.applicateArr.push({
341
+                    annexName: item.annexName,
342
+                    annexPath: item.annexPath,
343
+                  });
344
+                }
345
+                // 被申请人案件附件
346
+                if (item.annexType == 6) {
347
+                  this.quiltArr.push({
348
+                    annexName: item.annexName,
349
+                    annexPath: item.annexPath,
350
+                  });
351
+                }
352
+                // 笔录生成附件
353
+                if (item.annexType == 7) {
354
+                  this.recordArr.push({
355
+                    annexName: item.annexName,
356
+                    annexPath: item.annexPath,
357
+                  });
358
+                }
359
+              });
360
+            }
361
+          }, 1000);
335
         }
362
         }
336
       },
363
       },
337
     },
364
     },
340
     this.getUser();
367
     this.getUser();
341
   },
368
   },
342
   methods: {
369
   methods: {
343
-     // 详情显示,展示申请人案件文件
370
+    // 详情显示,展示申请人案件文件
344
     toFile(item, index) {
371
     toFile(item, index) {
345
       window.open(
372
       window.open(
346
         window.location.origin + "/API" + this.applicateArr[index].annexPath,
373
         window.location.origin + "/API" + this.applicateArr[index].annexPath,
354
         "_black"
381
         "_black"
355
       );
382
       );
356
     },
383
     },
384
+    // 庭审笔录附件
385
+    toFile2(item, index) {
386
+      window.open(
387
+        window.location.origin + "/API" + this.recordArr[index].annexPath,
388
+        "_black"
389
+      );
390
+    },
357
     getUser() {
391
     getUser() {
358
       getUserProfile().then((response) => {
392
       getUserProfile().then((response) => {
359
         this.user = response.data.userName;
393
         this.user = response.data.userName;
361
     },
395
     },
362
     // 打开会议
396
     // 打开会议
363
     openmeeting() {
397
     openmeeting() {
364
-      // window.open('https://txroom.xayunmei.com');
365
-      window.open(`https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}`);
398
+      window.open(
399
+        `https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}`
400
+      );
366
     },
401
     },
367
     // 提交仲裁结果
402
     // 提交仲裁结果
368
     openArbitrationresults() {
403
     openArbitrationresults() {
371
     closeArbitrationresults() {
406
     closeArbitrationresults() {
372
       this.showArbitrationresults = false;
407
       this.showArbitrationresults = false;
373
     },
408
     },
409
+    // 提交庭审笔录弹框结果
374
     submitForm() {
410
     submitForm() {
375
       this.$refs["form2"].validate((valid) => {
411
       this.$refs["form2"].validate((valid) => {
376
         if (valid) {
412
         if (valid) {
377
-          writtenHear({
413
+          //   writtenHear({
414
+          //     caseAppliId: this.formData.id,
415
+          //     evidenDetermi: this.form2.evidenDetermi,
416
+          //     factDetermi: this.form2.factDetermi,
417
+          //     caseSketch: this.form2.caseSketch,
418
+          //     arbitrateThink: this.form2.arbitrateThink,
419
+          //     rulingFollows: this.form2.rulingFollows,
420
+          //   })
421
+          //     .then((res) => {
422
+          //       this.$modal.msgSuccess("提交成功");
423
+          //       this.cancel();
424
+          //       this.closeArbitrationresults();
425
+          //       this.$emit("getcaseApply", this.queryParams);
426
+          //     })
427
+          //     .catch((err) => {});
428
+          creatTrialRecord({
378
             caseAppliId: this.formData.id,
429
             caseAppliId: this.formData.id,
379
             evidenDetermi: this.form2.evidenDetermi,
430
             evidenDetermi: this.form2.evidenDetermi,
380
             factDetermi: this.form2.factDetermi,
431
             factDetermi: this.form2.factDetermi,
383
             rulingFollows: this.form2.rulingFollows,
434
             rulingFollows: this.form2.rulingFollows,
384
           })
435
           })
385
             .then((res) => {
436
             .then((res) => {
437
+              res.data.caseAttachList.forEach((item) => {
438
+                if (item.annexType == 7) {
439
+                  this.recordArr.push({
440
+                    annexName: item.annexName,
441
+                    annexPath: item.annexPath,
442
+                  });
443
+                }
444
+              });
386
               this.$modal.msgSuccess("提交成功");
445
               this.$modal.msgSuccess("提交成功");
387
-              this.cancel();
446
+              this.showsubmit = false;
388
               this.closeArbitrationresults();
447
               this.closeArbitrationresults();
389
-              this.$emit("getcaseApply", this.queryParams);
390
             })
448
             })
391
             .catch((err) => {});
449
             .catch((err) => {});
392
         }
450
         }
395
     cancel() {
453
     cancel() {
396
       this.$emit("canceltrialincourt");
454
       this.$emit("canceltrialincourt");
397
     },
455
     },
456
+    // 提交开庭审理结果
457
+    submitResults() {
458
+      console.log(this.formData.id, "this.formData.id");
459
+      let id = this.formData.id;
460
+      document({
461
+        id: id,
462
+      }).then((res) => {
463
+        console.log(res, "提交开庭审理结果");
464
+        if (res.code == 200) {
465
+          this.$emit("getcaseApply", this.queryParams);
466
+          this.cancel();
467
+        }
468
+      });
469
+    },
398
   },
470
   },
399
 };
471
 };
400
 </script>
472
 </script>
410
   height: 37px;
482
   height: 37px;
411
   background: #488de2;
483
   background: #488de2;
412
   border-radius: 19px;
484
   border-radius: 19px;
485
+  color: #ffffff;
413
   span {
486
   span {
414
     width: 96px;
487
     width: 96px;
415
     height: 15px;
488
     height: 15px;
425
   background: #ffffff;
498
   background: #ffffff;
426
   border: 1px solid #d0d0d0;
499
   border: 1px solid #d0d0d0;
427
   border-radius: 19px;
500
   border-radius: 19px;
428
-  span {
429
-    width: 31px;
430
-    height: 13px;
431
-    font-size: 16px;
432
-    font-family: Microsoft YaHei;
433
-    font-weight: 400;
434
-    color: #959595;
435
-  }
501
+  // span {
502
+  //   width: 31px;
503
+  //   height: 13px;
504
+  //   font-size: 16px;
505
+  //   font-family: Microsoft YaHei;
506
+  //   font-weight: 400;
507
+  color: #959595;
508
+  // }
509
+}
510
+.caseInfo {
511
+  font-size: 17px;
512
+  font-weight: 600;
436
 }
513
 }
437
 </style>
514
 </style>

+ 120
- 10
src/views/index.vue Datei anzeigen

5
       <div class="headerMain">我的待办事项</div>
5
       <div class="headerMain">我的待办事项</div>
6
     </div>
6
     </div>
7
     <div class="homeMain">
7
     <div class="homeMain">
8
-        <div class="cardList">
8
+        <div class="cardList" v-hasPermi="['home:caseApplyCheck']">
9
           <!-- <div class="badge">32</div> -->
9
           <!-- <div class="badge">32</div> -->
10
           <div class="cardMain" style="margin-top: 50px;">
10
           <div class="cardMain" style="margin-top: 50px;">
11
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
11
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
12
           </div>
12
           </div>
13
           <div class="cardMain">
13
           <div class="cardMain">
14
-            <div class="imgTitle">待审查案件</div>
14
+            <div class="imgTitle">待立案审查</div>
15
           </div>
15
           </div>
16
         </div>
16
         </div>
17
-        <div class="cardList">
17
+        <div class="cardList" v-hasPermi="['home:caseApplyPay']">
18
           <!-- <div class="badge">32</div> -->
18
           <!-- <div class="badge">32</div> -->
19
           <div class="cardMain" style="margin-top: 50px;">
19
           <div class="cardMain" style="margin-top: 50px;">
20
-            <img class="iconImg" src="@/assets/images/daijiaofei.png" alt="">
20
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
21
+          </div>
22
+          <div class="cardMain">
23
+            <div class="imgTitle">待缴费</div>
24
+          </div>
25
+        </div>
26
+        <div class="cardList" v-hasPermi="['home:caseApplyPayCheck']">
27
+          <!-- <div class="badge">32</div> -->
28
+          <div class="cardMain" style="margin-top: 50px;">
29
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
30
+          </div>
31
+          <div class="cardMain">
32
+            <div class="imgTitle">待缴费确认</div>
33
+          </div>
34
+        </div>
35
+        <div class="cardList" v-hasPermi="['home:caseApplyEvidence']">
36
+          <!-- <div class="badge">32</div> -->
37
+          <div class="cardMain" style="margin-top: 50px;">
38
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
39
+          </div>
40
+          <div class="cardMain">
41
+            <div class="imgTitle">待案件质证</div>
42
+          </div>
43
+        </div>
44
+        <div class="cardList" v-hasPermi="['home:caseApplyGroupCheck']">
45
+          <!-- <div class="badge">32</div> -->
46
+          <div class="cardMain" style="margin-top: 50px;">
47
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
21
           </div>
48
           </div>
22
           <div class="cardMain">
49
           <div class="cardMain">
23
-            <div class="imgTitle">待缴费案件</div>
50
+            <div class="imgTitle">待组庭审核</div>
24
           </div>
51
           </div>
25
         </div>
52
         </div>
26
-        <div class="cardList">
53
+        <div class="cardList" v-hasPermi="['home:caseApplyGroupConfirm']">
27
           <!-- <div class="badge">32</div> -->
54
           <!-- <div class="badge">32</div> -->
28
           <div class="cardMain" style="margin-top: 50px;">
55
           <div class="cardMain" style="margin-top: 50px;">
29
-            <img class="iconImg" src="@/assets/images/peisongzhong.png" alt="">
56
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
57
+          </div>
58
+          <div class="cardMain">
59
+            <div class="imgTitle">待组庭确定</div>
60
+          </div>
61
+        </div>
62
+        <div class="cardList" v-hasPermi="['home:caseApplyGroupNotice']">
63
+          <!-- <div class="badge">32</div> -->
64
+          <div class="cardMain" style="margin-top: 50px;">
65
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
66
+          </div>
67
+          <div class="cardMain">
68
+            <div class="imgTitle">待组庭通知</div>
69
+          </div>
70
+        </div>
71
+        <div class="cardList" v-hasPermi="['home:caseApplyArbitrateWay']">
72
+          <!-- <div class="badge">32</div> -->
73
+          <div class="cardMain" style="margin-top: 50px;">
74
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
75
+          </div>
76
+          <div class="cardMain">
77
+            <div class="imgTitle">待审核仲裁方式</div>
78
+          </div>
79
+        </div>
80
+        <div class="cardList" v-hasPermi="['home:caseApplyGroupOnline']">
81
+          <!-- <div class="badge">32</div> -->
82
+          <div class="cardMain" style="margin-top: 50px;">
83
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
30
           </div>
84
           </div>
31
           <div class="cardMain">
85
           <div class="cardMain">
32
-            <div class="imgTitle">待送达案件</div>
86
+            <div class="imgTitle">待开庭审理</div>
87
+          </div>
88
+        </div>
89
+        <div class="cardList" v-hasPermi="['home:caseApplyGroupOffline']">
90
+          <!-- <div class="badge">32</div> -->
91
+          <div class="cardMain" style="margin-top: 50px;">
92
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
93
+          </div>
94
+          <div class="cardMain">
95
+            <div class="imgTitle">待书面审理</div>
96
+          </div>
97
+        </div>
98
+        <div class="cardList" v-hasPermi="['home:caseApplyAwardCheck']">
99
+          <!-- <div class="badge">32</div> -->
100
+          <div class="cardMain" style="margin-top: 50px;">
101
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
102
+          </div>
103
+          <div class="cardMain">
104
+            <div class="imgTitle">待核验仲裁文书</div>
105
+          </div>
106
+        </div>
107
+        <div class="cardList" v-hasPermi="['home:caseApplyAwardConfirm']">
108
+          <!-- <div class="badge">32</div> -->
109
+          <div class="cardMain" style="margin-top: 50px;">
110
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
111
+          </div>
112
+          <div class="cardMain">
113
+            <div class="imgTitle">待审核仲裁文书</div>
114
+          </div>
115
+        </div>
116
+        <div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']">
117
+          <!-- <div class="badge">32</div> -->
118
+          <div class="cardMain" style="margin-top: 50px;">
119
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
120
+          </div>
121
+          <div class="cardMain">
122
+            <div class="imgTitle">待仲裁文书签发用印</div>
123
+          </div>
124
+        </div>
125
+        <div class="cardList" v-hasPermi="['home:caseApplyAwardSend']">
126
+          <!-- <div class="badge">32</div> -->
127
+          <div class="cardMain" style="margin-top: 50px;">
128
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
129
+          </div>
130
+          <div class="cardMain">
131
+            <div class="imgTitle">待仲裁文书送达</div>
132
+          </div>
133
+        </div>
134
+        <div class="cardList" v-hasPermi="['home:caseApplyStored']">
135
+          <!-- <div class="badge">32</div> -->
136
+          <div class="cardMain" style="margin-top: 50px;">
137
+            <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
138
+          </div>
139
+          <div class="cardMain">
140
+            <div class="imgTitle">待案件归档</div>
33
           </div>
141
           </div>
34
         </div>
142
         </div>
35
     </div>
143
     </div>
81
   .homeMain {
189
   .homeMain {
82
     width: 100%;
190
     width: 100%;
83
     display: flex;
191
     display: flex;
84
-    justify-content: space-between;
85
-
192
+    flex-wrap: wrap;
193
+    // justify-content: space-between;
86
     .cardList {
194
     .cardList {
87
       width: 30%;
195
       width: 30%;
88
       height: 300px;
196
       height: 300px;
89
       border-radius: 30px;
197
       border-radius: 30px;
90
       background-color: #ffffff;
198
       background-color: #ffffff;
91
       position: relative;
199
       position: relative;
200
+      margin-right: 30px;
201
+      margin-bottom: 30px;
92
       .badge{
202
       .badge{
93
         width: 50px;
203
         width: 50px;
94
         height: 30px;
204
         height: 30px;