Procházet zdrojové kódy

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

fz před 2 roky
rodič
revize
9e8fd716bc

+ 190
- 10
src/views/caseFiling/archiveList.vue Zobrazit soubor

@@ -1,15 +1,195 @@
1 1
 <template>
2
-    <div class="app-container">
3
-        归档列表
4
-    </div>
2
+  <div class="app-container">
3
+    <el-form
4
+      :model="queryParams"
5
+      ref="queryForm"
6
+      size="small"
7
+      :inline="true"
8
+      label-width="68px"
9
+    >
10
+      <el-form-item label="案件编号" prop="caseNum">
11
+        <el-input
12
+          v-model="queryParams.caseNum"
13
+          placeholder="请输入案件编号"
14
+          clearable
15
+          @keyup.enter.native="handleQuery"
16
+        />
17
+      </el-form-item>
18
+      <!-- <el-form-item label="案件状态" prop="caseStatus">
19
+        <el-select
20
+          v-model="queryParams.caseStatus"
21
+          placeholder="请选择案件状态"
22
+          clearable
23
+          @keyup.enter.native="handleQuery"
24
+        >
25
+          <el-option
26
+            v-for="dict in dict.type.case_status"
27
+            :key="dict.value"
28
+            :label="dict.label"
29
+            :value="dict.value"
30
+          ></el-option>
31
+        </el-select>
32
+      </el-form-item> -->
33
+      <el-form-item label="开庭日期" prop="hearDate">
34
+        <el-date-picker
35
+          v-model="queryParams.hearDate"
36
+          type="daterange"
37
+          range-separator="至"
38
+          start-placeholder="开始日期"
39
+          end-placeholder="结束日期"
40
+        >
41
+        </el-date-picker>
42
+      </el-form-item>
43
+      <el-form-item>
44
+        <el-button
45
+          type="primary"
46
+          icon="el-icon-search"
47
+          size="mini"
48
+          @click="handleQuery"
49
+          >搜索</el-button
50
+        >
51
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
52
+          >重置</el-button
53
+        >
54
+      </el-form-item>
55
+    </el-form>
56
+    <el-table v-loading="loading" :data="dataList" style="width: 100%">
57
+      <el-table-column label="序号" type="index" align="center">
58
+        <template slot-scope="scope">
59
+          <span>{{
60
+            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
61
+          }}</span>
62
+        </template>
63
+      </el-table-column>
64
+      <el-table-column
65
+        label="案件编号"
66
+        align="center"
67
+        prop="caseNum"
68
+        :show-overflow-tooltip="true"
69
+      />
70
+      <el-table-column
71
+        label="案件标的"
72
+        align="center"
73
+        prop="caseSubjectAmount"
74
+      />
75
+      <el-table-column
76
+        label="立案日期"
77
+        align="center"
78
+        prop="registerDate"
79
+        :show-overflow-tooltip="true"
80
+      />
81
+      <el-table-column label="案件状态" align="center" prop="caseStatusName" />
82
+      <el-table-column
83
+        label="操作"
84
+        align="center"
85
+        class-name="small-padding fixed-width"
86
+      >
87
+        <template slot-scope="scope">
88
+          <el-button
89
+            size="mini"
90
+            type="text"
91
+            icon="el-icon-reading"
92
+            @click="showDetail(scope.row)"
93
+            v-hasPermi="['monitor:online:forceLogout']"
94
+            >归档详情</el-button
95
+          >
96
+        </template>
97
+      </el-table-column>
98
+    </el-table>
99
+    <pagination
100
+      v-show="total > 0"
101
+      :total="total"
102
+      :page.sync="queryParams.pageNum"
103
+      :limit.sync="queryParams.pageSize"
104
+      @pagination="getList(queryParams)"
105
+    />
106
+    <!-- 弹窗 -->
107
+    <!-- <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag"
108
+            @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList"></paymentdetailsDialog> -->
109
+  </div>
5 110
 </template>
6
-
111
+  
7 112
 <script>
8
-    export default {
9
-        
10
-    }
11
-</script>
113
+import {
114
+  caseApplicationList,
115
+  caseApplicationDetail,
116
+} from "@/api/awardManagement/awardManagement";
117
+// import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
12 118
 
13
-<style lang="scss" scoped>
119
+export default {
120
+  name: "archiveList",
121
+  dicts: ["case_status"],
122
+  // components: { paymentdetailsDialog },
123
+  data() {
124
+    return {
125
+      queryParams: {
126
+        pageNum: 1,
127
+        pageSize: 10,
128
+      },
129
+      // 遮罩层
130
+      loading: false,
131
+      // 总条数
132
+      total: 0,
133
+      // 表格数据
134
+      list: [],
14 135
 
15
-</style>
136
+      // 弹出层标题
137
+      title: "",
138
+      // 是否显示弹出层
139
+      // 弹出层内容
140
+      form: {},
141
+      // 校验表单
142
+      rules: {},
143
+      dataList: [],
144
+      detailform: {}, //详情数据
145
+      openDialog: false, //详情数据弹框
146
+      flag: null,
147
+    };
148
+  },
149
+  created() {
150
+    this.queryParams.caseStatusList = [16];
151
+    this.getList(this.queryParams);
152
+  },
153
+  methods: {
154
+    updataList() {
155
+      this.getList(this.queryParams);
156
+    },
157
+    /** 搜索按钮操作 */
158
+    handleQuery() {
159
+      this.queryParams.pageNum = 1;
160
+      this.getList(this.queryParams);
161
+    },
162
+    /** 重置按钮操作 */
163
+    resetQuery() {
164
+      this.resetForm("queryForm");
165
+      this.handleQuery();
166
+    },
167
+    // 查询列表数据
168
+    getList(parms) {
169
+      this.loading = true;
170
+      caseApplicationList(parms).then((response) => {
171
+        this.dataList = response.rows;
172
+        this.total = response.total;
173
+        this.loading = false;
174
+      });
175
+    },
176
+    // model框显示
177
+    showDetail(row) {
178
+      this.getDetail({ id: row.id });
179
+      this.openDialog = true;
180
+    },
181
+    // 关闭弹窗
182
+    cancelpaymentdetails() {
183
+      this.openDialog = false;
184
+    },
185
+    /** 查询详情 */
186
+    getDetail(parms) {
187
+      caseApplicationDetail(parms).then((res) => {
188
+        this.detailform = res.data;
189
+      });
190
+    },
191
+  },
192
+};
193
+</script>
194
+  
195
+<style lang="scss" scoped></style>

+ 16
- 9
src/views/caseManagement/caseList.vue Zobrazit soubor

@@ -115,7 +115,11 @@
115 115
         prop="hearDate"
116 116
         :show-overflow-tooltip="true"
117 117
       />
118
-      <el-table-column label="案件状态" align="center" prop="caseStatusName" />
118
+      <el-table-column label="案件状态" align="center" prop="caseStatusName">
119
+        <template slot-scope="scope">
120
+          <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
121
+        </template>
122
+      </el-table-column>
119 123
       <el-table-column
120 124
         label="操作"
121 125
         align="center"
@@ -239,7 +243,10 @@
239 243
             v-hasPermi="['monitor:online:forceLogout']"
240 244
             >开庭审理</el-button
241 245
           >
242
-          <el-popconfirm title="确定生成裁决书吗?" @confirm="generateawardRow(scope.row)">
246
+          <el-popconfirm
247
+            title="确定生成裁决书吗?"
248
+            @confirm="generateawardRow(scope.row)"
249
+          >
243 250
             <el-button
244 251
               size="mini"
245 252
               slot="reference"
@@ -291,11 +298,11 @@
291 298
     ></batchDialog>
292 299
     <!-- 立案审查页面 -->
293 300
     <filingreviewDialog
294
-    :showfilingreview="showfilingreview"
295
-    :filingreviewdata="filingreviewdata"
296
-    :queryParams="queryParams"
297
-    @getcaseApply="getcaseApply"
298
-    @cancelFilingreview="cancelFilingreview"
301
+      :showfilingreview="showfilingreview"
302
+      :filingreviewdata="filingreviewdata"
303
+      :queryParams="queryParams"
304
+      @getcaseApply="getcaseApply"
305
+      @cancelFilingreview="cancelFilingreview"
299 306
     ></filingreviewDialog>
300 307
     <!-- 组庭页面---改为组庭审核 -->
301 308
     <formateCourtDialog
@@ -357,7 +364,7 @@ import choosetrialmethodDaiog from "./components/choosetrialmethodDaiog.vue";
357 364
 import adjudicaterecordDialog from "./components/adjudicaterecordDialog.vue";
358 365
 import trialincourtDialog from "./components/trialincourtDialog.vue";
359 366
 import payDialog from "./components/payDialog.vue";
360
-import filingreviewDialog from './components/filingreviewDialog.vue';
367
+import filingreviewDialog from "./components/filingreviewDialog.vue";
361 368
 
362 369
 import { caseApplicationDetail } from "@/api/pay/pay";
363 370
 import {
@@ -379,7 +386,7 @@ export default {
379 386
     adjudicaterecordDialog,
380 387
     trialincourtDialog,
381 388
     payDialog,
382
-    filingreviewDialog
389
+    filingreviewDialog,
383 390
   },
384 391
   data() {
385 392
     return {

+ 37
- 2
src/views/caseManagement/components/batchDialog.vue Zobrazit soubor

@@ -7,6 +7,7 @@
7 7
       width="600px"
8 8
       append-to-body
9 9
       @close="cancel"
10
+      center
10 11
     >
11 12
       <el-form ref="form" :model="form" :rules="rules" label-width="150px">
12 13
         <el-row>
@@ -54,8 +55,8 @@
54 55
         </el-row>
55 56
       </el-form>
56 57
       <div slot="footer" class="dialog-footer">
57
-        <el-button type="primary" @click="submitForm">确 定</el-button>
58
-        <el-button @click="cancel">取 消</el-button>
58
+        <el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span></el-button>
59
+        <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
59 60
       </div>
60 61
     </el-dialog>
61 62
   </div>
@@ -156,4 +157,38 @@ export default {
156 157
     }
157 158
   }
158 159
 }
160
+::v-deep .el-dialog {
161
+  width: 800px;
162
+  background: #ffffff;
163
+  border-radius: 20px;
164
+}
165
+.endbutton {
166
+  width: 154px;
167
+  height: 37px;
168
+  background: #0072ff;
169
+  border-radius: 19px;
170
+  span {
171
+    width: 96px;
172
+    height: 15px;
173
+    font-size: 16px;
174
+    font-family: Microsoft YaHei;
175
+    font-weight: 400;
176
+    color: #ffffff;
177
+  }
178
+}
179
+.endbutton1 {
180
+  width: 154px;
181
+  height: 37px;
182
+  background: #ffffff;
183
+  border: 1px solid #d0d0d0;
184
+  border-radius: 19px;
185
+  span {
186
+    width: 31px;
187
+    height: 13px;
188
+    font-size: 16px;
189
+    font-family: Microsoft YaHei;
190
+    font-weight: 400;
191
+    color: #959595;
192
+  }
193
+}
159 194
 </style>

+ 91
- 5
src/views/caseManagement/components/caseentryDialog.vue Zobrazit soubor

@@ -6,7 +6,8 @@
6 6
       @close="cancel"
7 7
       width="1000px"
8 8
       append-to-body
9
-      :destroy-on-close= true
9
+      :destroy-on-close="true"
10
+      center
10 11
     >
11 12
       <!-- 案件信息 -->
12 13
       <el-form
@@ -180,6 +181,12 @@
180 181
                     message: '身份证号不能为空',
181 182
                     trigger: 'blur',
182 183
                   },
184
+                  {
185
+                    pattern:
186
+                      /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
187
+                    message: '请输入正确的身份证号码',
188
+                    trigger: 'blur',
189
+                  },
183 190
                 ]"
184 191
               >
185 192
                 <el-input v-model="item.identityNum" placeholder="请输入" />
@@ -195,6 +202,11 @@
195 202
                     message: '联系电话不能为空',
196 203
                     trigger: 'blur',
197 204
                   },
205
+                  {
206
+                    pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
207
+                    message: '请输入正确的手机号码',
208
+                    trigger: 'blur',
209
+                  },
198 210
                 ]"
199 211
               >
200 212
                 <el-input v-model="item.contactTelphone" placeholder="请输入" />
@@ -273,6 +285,12 @@
273 285
                     message: '身份证号不能为空',
274 286
                     trigger: 'blur',
275 287
                   },
288
+                  {
289
+                    pattern:
290
+                      /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
291
+                    message: '请输入正确的身份证号码',
292
+                    trigger: 'blur',
293
+                  },
276 294
                 ]"
277 295
               >
278 296
                 <el-input
@@ -291,6 +309,11 @@
291 309
                     message: '联系电话不能为空',
292 310
                     trigger: 'blur',
293 311
                   },
312
+                  {
313
+                    pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
314
+                    message: '请输入正确的手机号码',
315
+                    trigger: 'blur',
316
+                  },
294 317
                 ]"
295 318
               >
296 319
                 <el-input
@@ -374,6 +397,12 @@
374 397
                     message: '身份证号不能为空',
375 398
                     trigger: 'blur',
376 399
                   },
400
+                  {
401
+                    pattern:
402
+                      /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
403
+                    message: '请输入正确的身份证号码',
404
+                    trigger: 'blur',
405
+                  },
377 406
                 ]"
378 407
               >
379 408
                 <el-input v-model="itm.identityNum" placeholder="请输入" />
@@ -389,6 +418,11 @@
389 418
                     message: '联系电话不能为空',
390 419
                     trigger: 'blur',
391 420
                   },
421
+                  {
422
+                    pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
423
+                    message: '请输入正确的手机号码',
424
+                    trigger: 'blur',
425
+                  },
392 426
                 ]"
393 427
               >
394 428
                 <el-input v-model="itm.contactTelphone" placeholder="请输入" />
@@ -458,6 +492,7 @@
458 492
               </el-form-item>
459 493
             </el-col>
460 494
             <el-col :span="12">
495
+              <!--  -->
461 496
               <el-form-item
462 497
                 label="身份证号:"
463 498
                 :prop="'paymentArr1.' + index + '.identityNumAgent'"
@@ -467,6 +502,12 @@
467 502
                     message: '身份证号不能为空',
468 503
                     trigger: 'blur',
469 504
                   },
505
+                  {
506
+                    pattern:
507
+                      /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
508
+                    message: '请输入正确的身份证号码',
509
+                    trigger: 'blur',
510
+                  },
470 511
                 ]"
471 512
               >
472 513
                 <el-input v-model="itm.identityNumAgent" placeholder="请输入" />
@@ -482,6 +523,11 @@
482 523
                     message: '联系电话不能为空',
483 524
                     trigger: 'blur',
484 525
                   },
526
+                  {
527
+                    pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
528
+                    message: '请输入正确的手机号码',
529
+                    trigger: 'blur',
530
+                  },
485 531
                 ]"
486 532
               >
487 533
                 <el-input
@@ -519,10 +565,16 @@
519 565
         >新增被申请人主体信息</el-button
520 566
       >
521 567
       <div slot="footer" class="dialog-footer">
522
-        <el-button type="primary" @click="submitForm" v-if="flag != 0"
523
-          >确 定</el-button
568
+        <el-button
569
+          type="primary"
570
+          @click="submitForm"
571
+          v-if="flag != 0"
572
+          class="endbutton"
573
+          ><span>确 定</span></el-button
574
+        >
575
+        <el-button @click="cancel" class="endbutton1"
576
+          ><span>取 消</span></el-button
524 577
         >
525
-        <el-button @click="cancel">取 消</el-button>
526 578
       </div>
527 579
     </el-dialog>
528 580
   </div>
@@ -540,7 +592,7 @@ export default {
540 592
     "flag",
541 593
     "initpaymentArr",
542 594
     "initpaymentArr1",
543
-    "queryParams"
595
+    "queryParams",
544 596
   ],
545 597
   data() {
546 598
     return {
@@ -786,4 +838,38 @@ export default {
786 838
   height: 700px !important;
787 839
   overflow: auto !important;
788 840
 }
841
+::v-deep .el-dialog {
842
+  width: 800px;
843
+  background: #ffffff;
844
+  border-radius: 20px;
845
+}
846
+.endbutton {
847
+  width: 154px;
848
+  height: 37px;
849
+  background: #0072ff;
850
+  border-radius: 19px;
851
+  span {
852
+    width: 96px;
853
+    height: 15px;
854
+    font-size: 16px;
855
+    font-family: Microsoft YaHei;
856
+    font-weight: 400;
857
+    color: #ffffff;
858
+  }
859
+}
860
+.endbutton1 {
861
+  width: 154px;
862
+  height: 37px;
863
+  background: #ffffff;
864
+  border: 1px solid #d0d0d0;
865
+  border-radius: 19px;
866
+  span {
867
+    width: 31px;
868
+    height: 13px;
869
+    font-size: 16px;
870
+    font-family: Microsoft YaHei;
871
+    font-weight: 400;
872
+    color: #959595;
873
+  }
874
+}
789 875
 </style>

+ 42
- 4
src/views/caseManagement/components/formateCourtDialog.vue Zobrazit soubor

@@ -4,9 +4,9 @@
4 4
     <el-dialog
5 5
       title="组庭审核"
6 6
       :visible="showformateCourt"
7
-      width="800px"
8 7
       @close="cancel"
9 8
       :destroy-on-close="true"
9
+      center
10 10
     >
11 11
       <el-form label-width="150px">
12 12
         <el-form-item label="是否同意组庭:">
@@ -63,9 +63,12 @@
63 63
           type="primary"
64 64
           @click="submitForm"
65 65
           :disabled="!this.arbitrators.length > 0 && isAgreePendTral == 0"
66
-          >确 定</el-button
66
+          class="endbutton"
67
+          ><span>确 定</span></el-button
68
+        >
69
+        <el-button @click="cancel" class="endbutton1"
70
+          ><span>取 消</span></el-button
67 71
         >
68
-        <el-button @click="cancel">取 消</el-button>
69 72
       </div>
70 73
     </el-dialog>
71 74
   </div>
@@ -127,7 +130,7 @@ export default {
127 130
       pendTralCheck(this.paramsdata).then((res) => {
128 131
         this.cancel();
129 132
         this.$modal.msgSuccess("组庭成功");
130
-        this.$emit("getcaseApply",this.queryParams);
133
+        this.$emit("getcaseApply", this.queryParams);
131 134
       });
132 135
       // }
133 136
     },
@@ -141,4 +144,39 @@ export default {
141 144
 </script>
142 145
 
143 146
 <style lang="scss" scoped>
147
+::v-deep .el-dialog {
148
+  width: 422px;
149
+  height: 245px;
150
+  background: #ffffff;
151
+  border-radius: 20px;
152
+}
153
+.endbutton {
154
+  width: 124px;
155
+  height: 37px;
156
+  background: #0072ff;
157
+  border-radius: 19px;
158
+  span {
159
+    width: 32px;
160
+    height: 15px;
161
+    font-size: 16px;
162
+    font-family: Microsoft YaHei;
163
+    font-weight: 400;
164
+    color: #ffffff;
165
+  }
166
+}
167
+.endbutton1 {
168
+  width: 124px;
169
+  height: 37px;
170
+  background: #ffffff;
171
+  border: 1px solid #d0d0d0;
172
+  border-radius: 19px;
173
+  span {
174
+    width: 31px;
175
+    height: 13px;
176
+    font-size: 16px;
177
+    font-family: Microsoft YaHei;
178
+    font-weight: 400;
179
+    color: #959595;
180
+  }
181
+}
144 182
 </style>

+ 22
- 1
src/views/caseManagement/components/payDialog.vue Zobrazit soubor

@@ -7,6 +7,7 @@
7 7
       width="800px"
8 8
       append-to-body
9 9
       :destroy-on-close="true"
10
+      center
10 11
     >
11 12
       <el-descriptions title="订单信息">
12 13
         <el-descriptions-item label="案件编号:">{{
@@ -41,7 +42,7 @@
41 42
       </div>
42 43
       <div class="payTitle">{{ payMain }}</div>
43 44
       <div slot="footer" class="dialog-footer">
44
-        <el-button @click="payCancel">取 消</el-button>
45
+        <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
45 46
       </div>
46 47
     </el-dialog>
47 48
   </div>
@@ -135,4 +136,24 @@ export default {
135 136
   width: 100%;
136 137
   text-align: center;
137 138
 }
139
+::v-deep .el-dialog {
140
+  width: 800px;
141
+  background: #ffffff;
142
+  border-radius: 20px;
143
+}
144
+.endbutton {
145
+  width: 154px;
146
+  height: 37px;
147
+  background: #ffffff;
148
+  border: 1px solid #d0d0d0;
149
+  border-radius: 19px;
150
+  span {
151
+    width: 31px;
152
+    height: 13px;
153
+    font-size: 16px;
154
+    font-family: Microsoft YaHei;
155
+    font-weight: 400;
156
+    color: #959595;
157
+  }
158
+}
138 159
 </style>

+ 15
- 9
src/views/caseManagement/components/trialincourtDialog.vue Zobrazit soubor

@@ -128,7 +128,9 @@
128 128
         >发起会议
129 129
         <!-- <iframe src="http://47.97.117.253:9005/#/">发起会议</iframe> -->
130 130
       </el-button>
131
-      <el-button @click="openArbitrationresults" type="primary">提交仲裁结果</el-button>
131
+      <el-button @click="openArbitrationresults" type="primary"
132
+        >提交仲裁结果</el-button
133
+      >
132 134
       <div slot="footer" class="dialog-footer">
133 135
         <!-- <el-button @click="submitForm" class="endbutton"
134 136
           ><span>结束审理</span></el-button
@@ -139,9 +141,10 @@
139 141
       </div>
140 142
     </el-dialog>
141 143
     <el-dialog
142
-      title="仲裁结果"
144
+      title="提交仲裁结果"
143 145
       :visible="showArbitrationresults"
144 146
       @close="closeArbitrationresults"
147
+      center
145 148
     >
146 149
       <el-form ref="form2" :model="form2" label-width="150px">
147 150
         <el-col :span="24">
@@ -251,8 +254,12 @@
251 254
         </el-col>
252 255
       </el-form>
253 256
       <div slot="footer" class="dialog-footer">
254
-        <el-button @click="submitForm">提交</el-button>
255
-        <el-button @click="closeArbitrationresults">取 消</el-button>
257
+        <el-button @click="submitForm" class="endbutton">
258
+          <span>提交仲裁结果</span></el-button
259
+        >
260
+        <el-button @click="closeArbitrationresults" class="endbutton1"
261
+          ><span>取 消</span></el-button
262
+        >
256 263
       </div>
257 264
     </el-dialog>
258 265
   </div>
@@ -322,22 +329,22 @@ export default {
322 329
 .endbutton {
323 330
   width: 154px;
324 331
   height: 37px;
325
-  background: #ff5a00;
332
+  background: #0072ff;
326 333
   border-radius: 19px;
327 334
   span {
328
-    width: 65px;
329
-    height: 16px;
335
+    width: 96px;
336
+    height: 15px;
330 337
     font-size: 16px;
331 338
     font-family: Microsoft YaHei;
332 339
     font-weight: 400;
333 340
     color: #ffffff;
334
-    // line-height: 48px;
335 341
   }
336 342
 }
337 343
 .endbutton1 {
338 344
   width: 154px;
339 345
   height: 37px;
340 346
   background: #ffffff;
347
+  border: 1px solid #d0d0d0;
341 348
   border-radius: 19px;
342 349
   span {
343 350
     width: 31px;
@@ -346,7 +353,6 @@ export default {
346 353
     font-family: Microsoft YaHei;
347 354
     font-weight: 400;
348 355
     color: #959595;
349
-    // line-height: 48px;
350 356
   }
351 357
 }
352 358
 </style>

+ 39
- 3
src/views/paymentManagement/components/paymentdetailsDialog.vue Zobrazit soubor

@@ -6,6 +6,7 @@
6 6
       width="800px"
7 7
       @close="cancel"
8 8
       :destroy-on-close="true"
9
+      center
9 10
     >
10 11
       <el-form ref="form" :model="form" label-width="150px" :disabled="true">
11 12
         <el-form-item label="案件编号:" prop="caseNum">
@@ -36,10 +37,10 @@
36 37
         </el-form-item>
37 38
       </el-form>
38 39
       <div slot="footer" class="dialog-footer">
39
-        <el-button type="primary" @click="submitForm" v-if="flag == 0"
40
-          >提 交</el-button
40
+        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton"
41
+          >确认已缴费</el-button
41 42
         >
42
-        <el-button @click="cancel">取 消</el-button>
43
+        <el-button @click="cancel" class="endbutton1">取 消</el-button>
43 44
       </div>
44 45
     </el-dialog>
45 46
   </div>
@@ -76,4 +77,39 @@ export default {
76 77
 </script>
77 78
 
78 79
 <style lang="scss" scoped>
80
+::v-deep .el-dialog {
81
+  width: 800px;
82
+  background: #ffffff;
83
+  border-radius: 20px;
84
+}
85
+.endbutton {
86
+  width: 124px;
87
+  height: 37px;
88
+  background: #0072ff;
89
+  border-radius: 19px;
90
+  span {
91
+    width: 32px;
92
+    height: 15px;
93
+    font-size: 16px;
94
+    font-family: Microsoft YaHei;
95
+    font-weight: 400;
96
+    color: #ffffff;
97
+    // line-height: 48px;
98
+  }
99
+}
100
+.endbutton1 {
101
+  width: 124px;
102
+  height: 37px;
103
+  background: #ffffff;
104
+  border: 1px solid #d0d0d0;
105
+  border-radius: 19px;
106
+  span {
107
+    width: 31px;
108
+    height: 13px;
109
+    font-size: 16px;
110
+    font-family: Microsoft YaHei;
111
+    font-weight: 400;
112
+    color: #959595;
113
+  }
114
+}
79 115
 </style>

+ 11
- 6
src/views/paymentManagement/paymentList.vue Zobrazit soubor

@@ -15,7 +15,7 @@
15 15
           @keyup.enter.native="handleQuery"
16 16
         />
17 17
       </el-form-item>
18
-      <el-form-item label="案件状态" prop="caseStatus">
18
+      <!-- <el-form-item label="案件状态" prop="caseStatus">
19 19
         <el-select
20 20
           v-model="queryParams.caseStatus"
21 21
           placeholder="请选择案件状态"
@@ -29,10 +29,10 @@
29 29
             :value="dict.value"
30 30
           ></el-option>
31 31
         </el-select>
32
-      </el-form-item>
33
-      <el-form-item label="开庭日期" prop="hearDate">
32
+      </el-form-item> -->
33
+      <el-form-item label="立案日期" prop="registerDate">
34 34
         <el-date-picker
35
-          v-model="queryParams.hearDate"
35
+          v-model="queryParams.registerDate"
36 36
           type="daterange"
37 37
           range-separator="至"
38 38
           start-placeholder="开始日期"
@@ -79,8 +79,12 @@
79 79
         :show-overflow-tooltip="true"
80 80
       />
81 81
       <!-- 缴费人 -->
82
-      <el-table-column label="缴费人" align="center" prop="caseArbitrator" />
83
-      <el-table-column label="缴费状态" align="center" prop="caseStatus" />
82
+      <!-- <el-table-column label="缴费人" align="center" prop="caseArbitrator" /> -->
83
+      <el-table-column label="案件状态" align="center" prop="caseStatusName">
84
+        <template slot-scope="scope">
85
+          <el-tag type="warning">{{ scope.row.caseStatusName }}</el-tag>
86
+        </template>
87
+      </el-table-column>
84 88
       <el-table-column
85 89
         label="操作"
86 90
         align="center"
@@ -141,6 +145,7 @@ export default {
141 145
       queryParams: {
142 146
         caseNum: undefined,
143 147
         pageNum: 1,
148
+        caseStatusList: [3],
144 149
         registerDate: "",
145 150
         pageSize: 10,
146 151
       },