Browse Source

bug fixed

duwendi 1 year ago
parent
commit
5af7f3cc11
2 changed files with 116 additions and 72 deletions
  1. 105 72
      src/pages/index/components/car_owner_credit.vue
  2. 11 0
      src/util/common.js

+ 105 - 72
src/pages/index/components/car_owner_credit.vue

@@ -44,26 +44,18 @@
44 44
       custom-class="audit-dialog">
45 45
       <el-form class="form-div" style="height: 300px" :rules="rules" ref="formLabelAlign" label-position="left" label-width="120px"
46 46
                :model="formLabelAlign">
47
-        <el-form-item label="停车场" prop="parkId">
48
-          <el-select v-model="formLabelAlign.parkId" placeholder="请选择" popper-class="cur-select">
49
-            <el-option v-for="item in carOptions" :key="item.parkId" :label="item.carParkName" :value="item.parkId"></el-option>
50
-          </el-select>
51
-        </el-form-item>
52 47
         <el-form-item prop="name" label="姓名">
53 48
           <el-input v-model="formLabelAlign.name" placeholder="请输入"/>
54 49
         </el-form-item>
55 50
         <el-form-item prop="phone" label="联系电话">
56 51
           <el-input v-model="formLabelAlign.phone" placeholder="请输入"/>
57 52
         </el-form-item>
58
-        <el-form-item prop="totalArrears" label="欠费总次数">
59
-          <el-input  v-model="formLabelAlign.totalArrears" placeholder="请输入"/>
53
+        <el-form-item prop="bindPlate1" label="车牌号">
54
+          <el-input  v-model="formLabelAlign.bindPlate1" placeholder="请输入"/>
60 55
         </el-form-item>
61 56
         <el-form-item prop="totalMoneyArrears" label="欠费总金额">
62 57
           <el-input   v-model="formLabelAlign.totalMoneyArrears" placeholder="请输入"/>
63 58
         </el-form-item>
64
-        <el-form-item prop="totalReminders" label="催缴总次数">
65
-          <el-input   v-model="formLabelAlign.totalReminders" placeholder="请输入"/>
66
-        </el-form-item>
67 59
       </el-form>
68 60
       <div slot="footer" class="dialog-footer" style="margin-top: 10px;">
69 61
         <el-button @click="handleCancel('formLabelAlign')">取 消</el-button>
@@ -73,19 +65,28 @@
73 65
     <el-dialog
74 66
       title="配置信誉规则"
75 67
       :visible.sync="dialogVisible1"
76
-      width="60%"
77
-      height="300px"
68
+      width="30%"
69
+      height="200px"
78 70
       custom-class="audit-dialog">
79 71
       <el-form class="form-div" style="height: 300px" :rules="rules1" ref="formLabelAlign1" label-position="left" label-width="120px"
80 72
                :model="formLabelAlign1">
81
-        <el-form-item prop="totalArrears" label="">
82
-          欠费小于<el-input  v-model="formLabelAlign1.top" placeholder="请输入"/>元,认定为优秀
73
+        <el-form-item  label="优秀" prop="top">
74
+          <el-input v-model="formLabelAlign1.top" placeholder="请输入">
75
+            <template slot="prepend">欠费小于</template>
76
+            <template slot="append">元</template>
77
+          </el-input>
83 78
         </el-form-item>
84
-        <el-form-item prop="totalMoneyArrears" label="">
85
-          欠费小于<el-input v-model="formLabelAlign1.middle" placeholder="请输入"/>元,认定为良好
79
+        <el-form-item label="良好" prop="middle">
80
+          <el-input v-model="formLabelAlign1.middle" placeholder="请输入">
81
+            <template slot="prepend">欠费小于</template>
82
+            <template slot="append">元</template>
83
+          </el-input>
86 84
         </el-form-item>
87
-        <el-form-item prop="totalReminders" label="催缴总次数">
88
-          欠费小于<el-input   v-model="formLabelAlign1.low" placeholder="请输入"/>元,认定为及格
85
+        <el-form-item label="及格" prop="low">
86
+          <el-input v-model="formLabelAlign1.low" placeholder="请输入">
87
+            <template slot="prepend">欠费小于</template>
88
+            <template slot="append">元</template>
89
+        </el-input>
89 90
         </el-form-item>
90 91
         <p>其他默认信用等级为差</p>
91 92
       </el-form>
@@ -99,7 +100,7 @@
99 100
 <script>
100 101
 import api from "@/api/audit.js";
101 102
 import piechart from "@/components/pieChart";
102
-import {checkPhone, validateNum, validateAmount, validateInput} from "@/util/common";
103
+import {checkPhone, validateNum, vehicleNumber, validateAmount, validateInput} from "@/util/common";
103 104
 
104 105
 export default {
105 106
   components: {
@@ -108,9 +109,6 @@ export default {
108 109
   data() {
109 110
     return {
110 111
       rules: {
111
-        parkId: [
112
-          { required: true, message: '请选择车场', trigger: 'change' }
113
-        ],
114 112
         name: [
115 113
           { required: true, message: '请输入姓名', trigger: 'blur' },
116 114
           { validator: validateInput, trigger: "blur" },
@@ -123,12 +121,9 @@ export default {
123 121
           { required: true, message: '请输入欠费总次数', trigger: 'blur' },
124 122
           { validator: validateAmount, trigger: "blur" },
125 123
         ],
126
-        totalMoneyArrears: [
127
-          { required: true, message: '请输入欠费总金额', trigger: 'blur' },
128
-          { validator: validateAmount, trigger: "blur" },
129
-        ],
130
-        totalReminders: [
131
-          { required: true, message: '请输入催缴总次数', trigger: 'blur' }
124
+        bindPlate1: [
125
+          { required: true, message: '请输入车牌号', trigger: 'blur' },
126
+          { validator: vehicleNumber, trigger: "blur" },
132 127
         ]
133 128
       },
134 129
       rules1: {
@@ -150,10 +145,8 @@ export default {
150 145
       formLabelAlign: {
151 146
         name: '',
152 147
         phone: '',
153
-        parkId: '',
154
-        totalArrears: '',
148
+        bindPlate1: '',
155 149
         totalMoneyArrears: '',
156
-        totalReminders: ''
157 150
       },
158 151
       formLabelAlign1: {
159 152
         low: 0,
@@ -172,19 +165,21 @@ export default {
172 165
           label: '姓名',
173 166
           key: 'name'
174 167
         },
168
+        {
169
+          label: '车牌号',
170
+          key: 'bindPlate1'
171
+        },
175 172
         {
176 173
           label: '联系方式',
177 174
           key: 'phone'
178 175
         },
179 176
         {
180
-          label: '欠费总次数',
181
-          key: 'totalArrears'
182
-        } ,{
183 177
           label: '欠费总金额',
184 178
           key: 'totalMoneyArrears'
185
-        } ,{
186
-          label: '催缴总次数',
187
-          key: 'totalReminders'
179
+        },
180
+        {
181
+          label: '信用等级',
182
+          key: 'level'
188 183
         }
189 184
       ],
190 185
       tableData: [],
@@ -289,6 +284,7 @@ export default {
289 284
                 message: '修改成功!',
290 285
                 type: 'success'
291 286
               })
287
+              this.dialogVisible1 = false
292 288
               this.queryTable()
293 289
             }
294 290
           })
@@ -299,7 +295,42 @@ export default {
299 295
 }
300 296
 </script>
301 297
 <style  lang="scss" scoped>
298
+.form-wrapper {
299
+  .el-form-item {
300
+    margin-bottom: 0px;
301
+  }
302
+}
303
+
304
+/deep/ .el-input__inner {
305
+  background: #2d3744;
306
+  border: none;
307
+  border-radius: 0;
308
+}
309
+
310
+/deep/ .el-select {
311
+
312
+  /* 下面设置右侧按钮居中 */
313
+  .el-input__suffix {
314
+    top: 0px;
315
+    display: flex;
316
+    justify-content: center;
317
+    align-items: center;
318
+    flex-wrap: nowrap;
319
+    flex-direction: row;
320
+    align-content: flex-start;
321
+  }
322
+
323
+  /* 输入框加上上下边是 32px + 2px =34px */
324
+  .el-input__icon {
325
+    line-height: 0px;
326
+  }
327
+}
328
+
302 329
 .body-wrapper {
330
+  .button-block{
331
+    text-align: right;
332
+    margin-bottom: 20px;
333
+  }
303 334
   .search-card{
304 335
     font-size: 24px;
305 336
     font-weight: bold;
@@ -310,19 +341,21 @@ export default {
310 341
     }
311 342
   }
312 343
 }
313
-.all_charts{
314
-  display: flex;
315
-  justify-content: space-around;
316
-}
317
-.charts{
318
-  width: 45%;
319
-  height: 600px;
344
+.audit-dialog{
345
+  .mg-bt{
346
+    margin-bottom: 24px;
347
+  }
348
+  .label{
349
+    text-align: right;
350
+  }
320 351
 }
321
-.charts2{
322
-  width: 50%;
323
-  height: 600px;
352
+
353
+.charts {
354
+  width: 100%;
355
+  height: 200px;
324 356
 }
325
-.btn_save{
357
+
358
+.btn_save {
326 359
   background-color: #3498db;
327 360
   color: #ffffff;
328 361
   padding: 10px 20px;
@@ -330,9 +363,15 @@ export default {
330 363
   border: none;
331 364
   border-radius: 4px;
332 365
   font-size: 16px;
366
+  height: 30px;
367
+}
368
+
369
+.sel {
370
+  height: 200px;
371
+  margin-right: 10px;
333 372
 }
334 373
 
335
-.input-search{
374
+.input-search {
336 375
   width: 100%;
337 376
   padding: 10px;
338 377
   margin-bottom: 20px;
@@ -341,34 +380,28 @@ export default {
341 380
   border: 1px solid #333;
342 381
   color: #ffffff;
343 382
 }
344
-.audit-dialog{
345
-  .mg-bt{
383
+
384
+.audit-dialog {
385
+  .mg-bt {
346 386
     margin-bottom: 24px;
347 387
   }
348
-  .label{
388
+
389
+  .label {
349 390
     text-align: right;
350 391
   }
351
-}
352 392
 
353
-/deep/ .el-input__inner {
354
-  background: #2d3744;
355
-  border: none;
356
-  border-radius: 0;
357
-}
358
-/deep/ .el-select {
359
-  /* 下面设置右侧按钮居中 */
360
-  .el-input__suffix {
361
-    top: 0;
362
-    display: flex;
363
-    justify-content: center;
364
-    align-items: center;
365
-    flex-wrap: nowrap;
366
-    flex-direction: row;
367
-    align-content: flex-start;
368
-  }
369
-  /* 输入框加上上下边是 32px + 2px =34px */
370
-  .el-input__icon {
371
-    line-height: 0px;
393
+  .form-div {
394
+    /deep/ .el-input__inner {
395
+      height: 35px;
396
+      width: 100%;
397
+      border: 1px solid #a6a5a5;
398
+      color: #fff;
399
+      background: #2d3744;
400
+    }
401
+
402
+    /deep/ .el-input__icon {
403
+      //line-height: 35px;
404
+    }
372 405
   }
373 406
 }
374 407
 </style>

+ 11 - 0
src/util/common.js

@@ -42,6 +42,16 @@ function validateAmount(rule, value, callback) {
42 42
     callback()
43 43
   }
44 44
 }
45
+
46
+function validateNum(rule, value, callback) {
47
+  // 自定义校验函数的实现
48
+  if (isNaN(value) || value < 0) {
49
+    callback(new Error('必须是大于等于0的数字'))
50
+  } else {
51
+    callback()
52
+  }
53
+}
54
+
45 55
 function validateHour(rule, value, callback) {
46 56
   if (!value || !Number.isInteger(parseInt(value))) {
47 57
     callback(new Error('请输入有效的小时'));
@@ -68,6 +78,7 @@ function checkPhone(rule, value, callback) { // 手机号验证
68 78
 export {
69 79
   isVehicleNumber,
70 80
   vehicleNumber,
81
+  validateNum,
71 82
   validateInput,
72 83
   validateAmount,
73 84
   validateHour,