Просмотр исходного кода

演示问题修复(1.查看裁决书,2.视频开庭提交笔录,3.首页待办权限)

Your Name 2 лет назад
Родитель
Сommit
7819bc155a

+ 8
- 0
src/api/awardManagement/awardManagement.js Просмотреть файл

@@ -105,4 +105,12 @@ export function selectSealUrl(data) {
105 105
         method: 'post',
106 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 Просмотреть файл

@@ -17,6 +17,14 @@ export function writtenHear(data) {
17 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 29
 export function pendTralSure(data) {
22 30
   return request({

+ 8
- 8
src/router/index.js Просмотреть файл

@@ -65,14 +65,14 @@ export const constantRoutes = [
65 65
     path: '',
66 66
     component: Layout,
67 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 78
     path: '/user',

+ 6
- 3
src/views/awardManagement/listofAwards.vue Просмотреть файл

@@ -90,7 +90,8 @@ import {
90 90
     adjudicationCaseFile,
91 91
     adjudicationStamp,
92 92
     selectSignUrl,
93
-    selectSealUrl
93
+    selectSealUrl,
94
+    selectSignSealUrl
94 95
 } from "@/api/awardManagement/awardManagement";
95 96
 import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
96 97
 import mailawardDialog from './components/MailawardDialog.vue';
@@ -168,8 +169,10 @@ export default {
168 169
 
169 170
             switch (type) {
170 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 176
                     break;
174 177
                 case 1:
175 178
                     this.getDetail({ id: row.id });

+ 17
- 26
src/views/caseManagement/caseList.vue Просмотреть файл

@@ -280,7 +280,7 @@
280 280
             "
281 281
             >开庭审理</el-button
282 282
           >
283
-          <el-button
283
+          <!-- <el-button
284 284
             size="mini"
285 285
             type="text"
286 286
             icon="el-icon-document"
@@ -290,15 +290,6 @@
290 290
               checkPermi(['caseManagement:list:createaward'])
291 291
             "
292 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 294
         </template>
304 295
       </el-table-column>
@@ -718,22 +709,22 @@ export default {
718 709
     canceltrialincourt() {
719 710
       this.showtrialincourt = false;
720 711
     },
721
-    //  生成裁决书
722
-    generateawardRow(row) {
723
-      console.log(row, "生成裁决书");
724
-      this.$modal
725
-        .confirm("确定生成裁决书吗?")
726
-        .then(function () {
727
-          return document({ id: row.id });
728
-        })
729
-        .then((res) => {
730
-          if (res.code == 200) {
731
-            this.getcaseApply(this.queryParams);
732
-            this.$modal.msgSuccess("裁决书生成成功");
733
-          }
734
-        })
735
-        .catch(() => {});
736
-    },
712
+    //  生成裁决书 2023.10.15裁决书生成为自动,已合并如庭审提交
713
+    // generateawardRow(row) {
714
+    //   console.log(row, "生成裁决书");
715
+    //   this.$modal
716
+    //     .confirm("确定生成裁决书吗?")
717
+    //     .then(function () {
718
+    //       return document({ id: row.id });
719
+    //     })
720
+    //     .then((res) => {
721
+    //       if (res.code == 200) {
722
+    //         this.getcaseApply(this.queryParams);
723
+    //         this.$modal.msgSuccess("裁决书生成成功");
724
+    //       }
725
+    //     })
726
+    //     .catch(() => {});
727
+    // },
737 728
     // 归档
738 729
     fileRow(row) {
739 730
       console.log(row, "归档");

+ 6
- 2
src/views/caseManagement/components/adjudicaterecordDialog.vue Просмотреть файл

@@ -13,7 +13,7 @@
13 13
         label-width="180px"
14 14
         :disabled="true"
15 15
       >
16
-        <p>案件信息:</p>
16
+        <div class="caseInfo">案件信息:</div>
17 17
         <el-divider></el-divider>
18 18
         <el-row>
19 19
           <el-col :span="12">
@@ -299,7 +299,7 @@
299 299
         </el-col>
300 300
       </el-form>
301 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 303
         <el-button @click="cancel">取 消</el-button>
304 304
       </div>
305 305
     </el-dialog>
@@ -395,4 +395,8 @@ export default {
395 395
   background: #ffffff;
396 396
   border-radius: 20px;
397 397
 }
398
+.caseInfo {
399
+  font-size: 17px;
400
+  font-weight: 600;
401
+}
398 402
 </style>

+ 144
- 67
src/views/caseManagement/components/trialincourtDialog.vue Просмотреть файл

@@ -12,7 +12,7 @@
12 12
         label-width="180px"
13 13
         :disabled="true"
14 14
       >
15
-        <p>案件信息:</p>
15
+        <div class="caseInfo">案件信息:</div>
16 16
         <el-divider></el-divider>
17 17
         <el-row>
18 18
           <el-col :span="12">
@@ -124,52 +124,59 @@
124 124
           </el-form-item>
125 125
         </el-col> -->
126 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 135
         </el-col>
138 136
         <el-col :span="24">
139
-            <el-form-item
140
-              label="被申请人案件证据:"
141
-            >
137
+          <el-form-item label="被申请人案件证据:">
142 138
             <div v-if="quiltArr.length == 0">被申请人暂未提供证据!</div>
143 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 143
             </div>
148
-            </el-form-item>
144
+          </el-form-item>
149 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 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 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 173
         <el-button @click="cancel" class="endbutton1"
167 174
           ><span>关 闭</span></el-button
168 175
         >
169 176
       </div>
170 177
     </el-dialog>
171 178
     <el-dialog
172
-      title="提交庭审笔录"
179
+      title="生成庭审笔录"
173 180
       :visible="showArbitrationresults"
174 181
       @close="closeArbitrationresults"
175 182
       center
@@ -283,7 +290,7 @@
283 290
       </el-form>
284 291
       <div slot="footer" class="dialog-footer">
285 292
         <el-button @click="submitForm" class="endbutton">
286
-          <span>提交</span></el-button
293
+          <span>确定</span></el-button
287 294
         >
288 295
         <el-button @click="closeArbitrationresults" class="endbutton1"
289 296
           ><span>取 消</span></el-button
@@ -295,7 +302,11 @@
295 302
 
296 303
 <script>
297 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 311
 export default {
301 312
   props: ["showtrialincourt", "adjudicatename", "form", "queryParams"],
@@ -305,33 +316,49 @@ export default {
305 316
       user: "",
306 317
       showArbitrationresults: false,
307 318
       form2: {},
308
-      applicateArr: [],//申请人案件资料
309
-      quiltArr: [],//被申请人案件资料
319
+      applicateArr: [], //申请人案件资料
320
+      quiltArr: [], //被申请人案件资料
321
+      recordArr: [], //笔录附件
322
+      showsubmit: true, //生成庭审笔录,方可提交
323
+      annexName: "", //笔录文件名
324
+      annexPath: "", //笔录文件地址
310 325
     };
311 326
   },
312 327
   watch: {
313 328
     showtrialincourt: {
314 329
       handler(val) {
315 330
         if (val) {
316
-          this.formData = this.form;      
331
+          this.formData = this.form;
317 332
           this.applicateArr = [];
318 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,7 +367,7 @@ export default {
340 367
     this.getUser();
341 368
   },
342 369
   methods: {
343
-     // 详情显示,展示申请人案件文件
370
+    // 详情显示,展示申请人案件文件
344 371
     toFile(item, index) {
345 372
       window.open(
346 373
         window.location.origin + "/API" + this.applicateArr[index].annexPath,
@@ -354,6 +381,13 @@ export default {
354 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 391
     getUser() {
358 392
       getUserProfile().then((response) => {
359 393
         this.user = response.data.userName;
@@ -361,8 +395,9 @@ export default {
361 395
     },
362 396
     // 打开会议
363 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 403
     openArbitrationresults() {
@@ -371,10 +406,26 @@ export default {
371 406
     closeArbitrationresults() {
372 407
       this.showArbitrationresults = false;
373 408
     },
409
+    // 提交庭审笔录弹框结果
374 410
     submitForm() {
375 411
       this.$refs["form2"].validate((valid) => {
376 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 429
             caseAppliId: this.formData.id,
379 430
             evidenDetermi: this.form2.evidenDetermi,
380 431
             factDetermi: this.form2.factDetermi,
@@ -383,10 +434,17 @@ export default {
383 434
             rulingFollows: this.form2.rulingFollows,
384 435
           })
385 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 445
               this.$modal.msgSuccess("提交成功");
387
-              this.cancel();
446
+              this.showsubmit = false;
388 447
               this.closeArbitrationresults();
389
-              this.$emit("getcaseApply", this.queryParams);
390 448
             })
391 449
             .catch((err) => {});
392 450
         }
@@ -395,6 +453,20 @@ export default {
395 453
     cancel() {
396 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 472
 </script>
@@ -410,6 +482,7 @@ export default {
410 482
   height: 37px;
411 483
   background: #488de2;
412 484
   border-radius: 19px;
485
+  color: #ffffff;
413 486
   span {
414 487
     width: 96px;
415 488
     height: 15px;
@@ -425,13 +498,17 @@ export default {
425 498
   background: #ffffff;
426 499
   border: 1px solid #d0d0d0;
427 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 514
 </style>

+ 120
- 10
src/views/index.vue Просмотреть файл

@@ -5,31 +5,139 @@
5 5
       <div class="headerMain">我的待办事项</div>
6 6
     </div>
7 7
     <div class="homeMain">
8
-        <div class="cardList">
8
+        <div class="cardList" v-hasPermi="['home:caseApplyCheck']">
9 9
           <!-- <div class="badge">32</div> -->
10 10
           <div class="cardMain" style="margin-top: 50px;">
11 11
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
12 12
           </div>
13 13
           <div class="cardMain">
14
-            <div class="imgTitle">待审查案件</div>
14
+            <div class="imgTitle">待立案审查</div>
15 15
           </div>
16 16
         </div>
17
-        <div class="cardList">
17
+        <div class="cardList" v-hasPermi="['home:caseApplyPay']">
18 18
           <!-- <div class="badge">32</div> -->
19 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 48
           </div>
22 49
           <div class="cardMain">
23
-            <div class="imgTitle">待缴费案件</div>
50
+            <div class="imgTitle">待组庭审核</div>
24 51
           </div>
25 52
         </div>
26
-        <div class="cardList">
53
+        <div class="cardList" v-hasPermi="['home:caseApplyGroupConfirm']">
27 54
           <!-- <div class="badge">32</div> -->
28 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 84
           </div>
31 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 141
           </div>
34 142
         </div>
35 143
     </div>
@@ -81,14 +189,16 @@ export default {
81 189
   .homeMain {
82 190
     width: 100%;
83 191
     display: flex;
84
-    justify-content: space-between;
85
-
192
+    flex-wrap: wrap;
193
+    // justify-content: space-between;
86 194
     .cardList {
87 195
       width: 30%;
88 196
       height: 300px;
89 197
       border-radius: 30px;
90 198
       background-color: #ffffff;
91 199
       position: relative;
200
+      margin-right: 30px;
201
+      margin-bottom: 30px;
92 202
       .badge{
93 203
         width: 50px;
94 204
         height: 30px;