Browse Source

'页面样式调整'

hhl123456789 2 years ago
parent
commit
08aef12740

+ 14
- 1
src/views/awardManagement/listofAwards.vue View File

44
                         v-hasPermi="['monitor:online:forceLogout']">确认裁决书</el-button>
44
                         v-hasPermi="['monitor:online:forceLogout']">确认裁决书</el-button>
45
                     <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 13" @click="showModel(scope.row, 3)"
45
                     <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 13" @click="showModel(scope.row, 3)"
46
                         v-hasPermi="['monitor:online:forceLogout']">签名</el-button>
46
                         v-hasPermi="['monitor:online:forceLogout']">签名</el-button>
47
-                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 14" @click="showModel(scope.row, 4)"
47
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 14" @click="showaffixModel(scope.row, 4)"
48
                         v-hasPermi="['monitor:online:forceLogout']">用印申请</el-button>
48
                         v-hasPermi="['monitor:online:forceLogout']">用印申请</el-button>
49
                         <!-- v-if="scope.row.caseStatus == 15"   送达裁决书 -->
49
                         <!-- v-if="scope.row.caseStatus == 15"   送达裁决书 -->
50
                     <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 15"  @click="showMailaward(scope.row)"
50
                     <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 15"  @click="showMailaward(scope.row)"
180
         cancelpaymentdetails() {
180
         cancelpaymentdetails() {
181
             this.openDialog = false;
181
             this.openDialog = false;
182
         },
182
         },
183
+        // 用印申请
184
+        showaffixModel(row) {
185
+            this.$modal.confirm('是否进行用印申请?')
186
+                .then(function () {
187
+                //   return changeJobStatus(row.jobId, row.status);
188
+            })
189
+            .then(() => {
190
+            //   this.$modal.msgSuccess(text + "成功");
191
+            })
192
+            .catch(function () {
193
+            //   row.status = row.status === "0" ? "1" : "0";
194
+            });
195
+        },
183
         // 送达裁决书弹框
196
         // 送达裁决书弹框
184
         showMailaward(row) {
197
         showMailaward(row) {
185
             this.mailawardata = row;
198
             this.mailawardata = row;

+ 34
- 5
src/views/caseManagement/components/caseentryDialog.vue View File

17
         label-width="150px"
17
         label-width="150px"
18
         :disabled="flag == '0'"
18
         :disabled="flag == '0'"
19
       >
19
       >
20
-        <p>案件信息:</p>
20
+        <div style="display:inline-flex">
21
+          <div class="infoIcon"></div>
22
+          <div class="caseInfo">案件信息:</div>
23
+        </div>
21
         <el-divider></el-divider>
24
         <el-divider></el-divider>
22
         <el-row>
25
         <el-row>
23
           <el-col :span="12">
26
           <el-col :span="12">
197
       >
200
       >
198
         <div v-for="(item, index) in form2.paymentArr" :key="index">
201
         <div v-for="(item, index) in form2.paymentArr" :key="index">
199
           <div style="display: flex; justify-content: space-between">
202
           <div style="display: flex; justify-content: space-between">
200
-            <p>申请人主体信息:</p>
203
+            <div style="display:inline-flex">
204
+              <div class="infoIcon"></div>
205
+              <div class="caseInfo">申请人主体信息:</div>
206
+            </div>
207
+            <!-- <p>申请人主体信息:</p> -->
201
             <el-button
208
             <el-button
202
               type="danger"
209
               type="danger"
203
               icon="el-icon-delete"
210
               icon="el-icon-delete"
309
               </el-form-item>
316
               </el-form-item>
310
             </el-col>
317
             </el-col>
311
           </el-row>
318
           </el-row>
312
-          <p>代理人信息:</p>
319
+          <div style="display:inline-flex">
320
+              <div class="infoIcon"></div>
321
+              <div class="caseInfo">代理人信息:</div>
322
+          </div>
323
+          <!-- <p>代理人信息:</p> -->
313
           <el-row>
324
           <el-row>
314
             <el-col :span="12">
325
             <el-col :span="12">
315
               <el-form-item
326
               <el-form-item
413
           :key="index + form2.paymentArr.length"
424
           :key="index + form2.paymentArr.length"
414
         >
425
         >
415
           <div style="display: flex; justify-content: space-between">
426
           <div style="display: flex; justify-content: space-between">
416
-            <p>被申请人主体信息:</p>
427
+            <div style="display:inline-flex">
428
+              <div class="infoIcon"></div>
429
+              <div class="caseInfo">被申请人主体信息:</div>
430
+            </div>
431
+            <!-- <p>被申请人主体信息:</p> -->
417
             <el-button
432
             <el-button
418
               type="danger"
433
               type="danger"
419
               icon="el-icon-delete"
434
               icon="el-icon-delete"
525
               </el-form-item>
540
               </el-form-item>
526
             </el-col>
541
             </el-col>
527
           </el-row>
542
           </el-row>
528
-          <p>代理人信息:</p>
543
+          <div style="display:inline-flex">
544
+              <div class="infoIcon"></div>
545
+              <div class="caseInfo">代理人信息:</div>
546
+          </div>
547
+          <!-- <p>代理人信息:</p> -->
529
           <el-row>
548
           <el-row>
530
             <el-col :span="12">
549
             <el-col :span="12">
531
               <el-form-item
550
               <el-form-item
1041
   background: #ffffff;
1060
   background: #ffffff;
1042
   border-radius: 20px;
1061
   border-radius: 20px;
1043
 }
1062
 }
1063
+.caseInfo {
1064
+  font-size: 17px;
1065
+  font-weight: 600;
1066
+}
1067
+.infoIcon {
1068
+  width: 4px;
1069
+  // height: 17px;
1070
+  background-color: #0072ff;
1071
+  margin-right: 5px;
1072
+}
1044
 .el-date-editor {
1073
 .el-date-editor {
1045
   width: 100%;
1074
   width: 100%;
1046
 }
1075
 }

+ 11
- 19
src/views/paymentManagement/components/paymentdetailsDialog.vue View File

3
     <el-dialog
3
     <el-dialog
4
       :title="title"
4
       :title="title"
5
       :visible="openDialog"
5
       :visible="openDialog"
6
-      width="800px"
7
       @close="cancel"
6
       @close="cancel"
8
       :destroy-on-close="true"
7
       :destroy-on-close="true"
9
       center
8
       center
10
     >
9
     >
11
-      <el-form ref="form" :model="form" label-width="150px" :disabled="true">
10
+      <el-form ref="form" :model="form" label-width="90px" :disabled="true">
12
         <el-form-item label="案件编号:" prop="caseNum">
11
         <el-form-item label="案件编号:" prop="caseNum">
13
           <el-input v-model="form.caseNum" placeholder="" />
12
           <el-input v-model="form.caseNum" placeholder="" />
14
         </el-form-item>
13
         </el-form-item>
15
         <el-form-item label="案件标的:" prop="caseSubjectAmount">
14
         <el-form-item label="案件标的:" prop="caseSubjectAmount">
16
-          <el-input-number
17
-            v-model="form.caseSubjectAmount"
18
-            controls-position="right"
19
-            :min="0"
20
-          />
15
+          <el-input v-model="form.caseSubjectAmount" />
21
         </el-form-item>
16
         </el-form-item>
22
         <el-form-item label="缴费人:" prop="caseNum">
17
         <el-form-item label="缴费人:" prop="caseNum">
23
           <el-input v-model="form.caseNum" placeholder="" />
18
           <el-input v-model="form.caseNum" placeholder="" />
24
         </el-form-item>
19
         </el-form-item>
25
         <el-form-item label="缴费金额:" prop="feePayable">
20
         <el-form-item label="缴费金额:" prop="feePayable">
26
-          <el-input-number
27
-            v-model="form.feePayable"
28
-            controls-position="right"
29
-            :min="0"
30
-          />
21
+          <el-input v-model="form.feePayable" />
31
         </el-form-item>
22
         </el-form-item>
32
         <!-- <el-form-item label="缴费截图:" prop="respondent">
23
         <!-- <el-form-item label="缴费截图:" prop="respondent">
33
           <el-input v-model="form.Respondent" placeholder="" />
24
           <el-input v-model="form.Respondent" placeholder="" />
34
         </el-form-item> -->
25
         </el-form-item> -->
35
         <el-form-item label="案件状态:" prop="caseStatusName">
26
         <el-form-item label="案件状态:" prop="caseStatusName">
36
-          <el-input v-model="form.caseStatusName" placeholder="" />
27
+          <!-- <el-input v-model="form.caseStatusName" placeholder="" /> -->
28
+          <el-tag>{{ form.caseStatusName }}</el-tag>
37
         </el-form-item>
29
         </el-form-item>
38
         <el-form-item label="支付状态:" prop="paymentStatusName">
30
         <el-form-item label="支付状态:" prop="paymentStatusName">
39
-          <el-input v-model="form.paymentStatusName" placeholder="" />
31
+          <!-- <el-input v-model="form.paymentStatusName" placeholder="" /> -->
32
+          <el-tag effect="dark" type="success">
33
+            {{ form.paymentStatusName }}
34
+          </el-tag>
40
         </el-form-item>
35
         </el-form-item>
41
       </el-form>
36
       </el-form>
42
       <div slot="footer" class="dialog-footer">
37
       <div slot="footer" class="dialog-footer">
67
     detailform: {
62
     detailform: {
68
       handler(val) {
63
       handler(val) {
69
         if (val) {
64
         if (val) {
70
-          setTimeout(() => {
71
-            this.form = this.detailform;
72
-            console.log(this.form, "this.form");
73
-          }, 1000);
65
+          this.form = val;
74
         }
66
         }
75
       },
67
       },
76
     },
68
     },
98
 
90
 
99
 <style lang="scss" scoped>
91
 <style lang="scss" scoped>
100
 ::v-deep .el-dialog {
92
 ::v-deep .el-dialog {
101
-  width: 800px;
93
+  width: 50%;
102
   background: #ffffff;
94
   background: #ffffff;
103
   border-radius: 20px;
95
   border-radius: 20px;
104
 }
96
 }

+ 2
- 0
src/views/paymentManagement/paymentList.vue View File

222
       this.openDialog = true;
222
       this.openDialog = true;
223
       this.title = "缴费确认";
223
       this.title = "缴费确认";
224
       this.flag = 0;
224
       this.flag = 0;
225
+      this.detailform = {}
225
     },
226
     },
226
     // 查看缴费单
227
     // 查看缴费单
227
     viewpaymentformRow(row) {
228
     viewpaymentformRow(row) {
230
       this.openDialog = true;
231
       this.openDialog = true;
231
       this.title = "缴费单详情";
232
       this.title = "缴费单详情";
232
       this.flag = 1;
233
       this.flag = 1;
234
+      this.detailform = {}
233
     },
235
     },
234
     // 关闭弹窗
236
     // 关闭弹窗
235
     cancelpaymentdetails() {
237
     cancelpaymentdetails() {