bug fixed

src/pages/index/components/car_owner_credit.vue

@@ -44,26 +44,18 @@
       custom-class="audit-dialog">
       <el-form class="form-div" style="height: 300px" :rules="rules" ref="formLabelAlign" label-position="left" label-width="120px"
                :model="formLabelAlign">
-        <el-form-item label="停车场" prop="parkId">
-          <el-select v-model="formLabelAlign.parkId" placeholder="请选择" popper-class="cur-select">
-            <el-option v-for="item in carOptions" :key="item.parkId" :label="item.carParkName" :value="item.parkId"></el-option>
-          </el-select>
-        </el-form-item>
         <el-form-item prop="name" label="姓名">
           <el-input v-model="formLabelAlign.name" placeholder="请输入"/>
         </el-form-item>
         <el-form-item prop="phone" label="联系电话">
           <el-input v-model="formLabelAlign.phone" placeholder="请输入"/>
         </el-form-item>
-        <el-form-item prop="totalArrears" label="欠费总次数">
-          <el-input  v-model="formLabelAlign.totalArrears" placeholder="请输入"/>
+        <el-form-item prop="bindPlate1" label="车牌号">
+          <el-input  v-model="formLabelAlign.bindPlate1" placeholder="请输入"/>
         </el-form-item>
         <el-form-item prop="totalMoneyArrears" label="欠费总金额">
           <el-input   v-model="formLabelAlign.totalMoneyArrears" placeholder="请输入"/>
         </el-form-item>
-        <el-form-item prop="totalReminders" label="催缴总次数">
-          <el-input   v-model="formLabelAlign.totalReminders" placeholder="请输入"/>
-        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer" style="margin-top: 10px;">
         <el-button @click="handleCancel('formLabelAlign')">取 消</el-button>
@@ -73,19 +65,28 @@
     <el-dialog
       title="配置信誉规则"
       :visible.sync="dialogVisible1"
-      width="60%"
-      height="300px"
+      width="30%"
+      height="200px"
       custom-class="audit-dialog">
       <el-form class="form-div" style="height: 300px" :rules="rules1" ref="formLabelAlign1" label-position="left" label-width="120px"
                :model="formLabelAlign1">
-        <el-form-item prop="totalArrears" label="">
-          欠费小于<el-input  v-model="formLabelAlign1.top" placeholder="请输入"/>元，认定为优秀
+        <el-form-item  label="优秀" prop="top">
+          <el-input v-model="formLabelAlign1.top" placeholder="请输入">
+            <template slot="prepend">欠费小于</template>
+            <template slot="append">元</template>
+          </el-input>
         </el-form-item>
-        <el-form-item prop="totalMoneyArrears" label="">
-          欠费小于<el-input v-model="formLabelAlign1.middle" placeholder="请输入"/>元，认定为良好
+        <el-form-item label="良好" prop="middle">
+          <el-input v-model="formLabelAlign1.middle" placeholder="请输入">
+            <template slot="prepend">欠费小于</template>
+            <template slot="append">元</template>
+          </el-input>
         </el-form-item>
-        <el-form-item prop="totalReminders" label="催缴总次数">
-          欠费小于<el-input   v-model="formLabelAlign1.low" placeholder="请输入"/>元，认定为及格
+        <el-form-item label="及格" prop="low">
+          <el-input v-model="formLabelAlign1.low" placeholder="请输入">
+            <template slot="prepend">欠费小于</template>
+            <template slot="append">元</template>
+        </el-input>
         </el-form-item>
         <p>其他默认信用等级为差</p>
       </el-form>
@@ -99,7 +100,7 @@
 <script>
 import api from "@/api/audit.js";
 import piechart from "@/components/pieChart";
-import {checkPhone, validateNum, validateAmount, validateInput} from "@/util/common";
+import {checkPhone, validateNum, vehicleNumber, validateAmount, validateInput} from "@/util/common";
 
 export default {
   components: {
@@ -108,9 +109,6 @@ export default {
   data() {
     return {
       rules: {
-        parkId: [
-          { required: true, message: '请选择车场', trigger: 'change' }
-        ],
         name: [
           { required: true, message: '请输入姓名', trigger: 'blur' },
           { validator: validateInput, trigger: "blur" },
@@ -123,12 +121,9 @@ export default {
           { required: true, message: '请输入欠费总次数', trigger: 'blur' },
           { validator: validateAmount, trigger: "blur" },
         ],
-        totalMoneyArrears: [
-          { required: true, message: '请输入欠费总金额', trigger: 'blur' },
-          { validator: validateAmount, trigger: "blur" },
-        ],
-        totalReminders: [
-          { required: true, message: '请输入催缴总次数', trigger: 'blur' }
+        bindPlate1: [
+          { required: true, message: '请输入车牌号', trigger: 'blur' },
+          { validator: vehicleNumber, trigger: "blur" },
         ]
       },
       rules1: {
@@ -150,10 +145,8 @@ export default {
       formLabelAlign: {
         name: '',
         phone: '',
-        parkId: '',
-        totalArrears: '',
+        bindPlate1: '',
         totalMoneyArrears: '',
-        totalReminders: ''
       },
       formLabelAlign1: {
         low: 0,
@@ -172,19 +165,21 @@ export default {
           label: '姓名',
           key: 'name'
         },
+        {
+          label: '车牌号',
+          key: 'bindPlate1'
+        },
         {
           label: '联系方式',
           key: 'phone'
         },
         {
-          label: '欠费总次数',
-          key: 'totalArrears'
-        } ,{
           label: '欠费总金额',
           key: 'totalMoneyArrears'
-        } ,{
-          label: '催缴总次数',
-          key: 'totalReminders'
+        },
+        {
+          label: '信用等级',
+          key: 'level'
         }
       ],
       tableData: [],
@@ -289,6 +284,7 @@ export default {
                 message: '修改成功!',
                 type: 'success'
               })
+              this.dialogVisible1 = false
               this.queryTable()
             }
           })
@@ -299,7 +295,42 @@ export default {
 }
 </script>
 <style  lang="scss" scoped>
+.form-wrapper {
+  .el-form-item {
+    margin-bottom: 0px;
+  }
+}
+
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+
+/deep/ .el-select {
+
+  /* 下面设置右侧按钮居中 */
+  .el-input__suffix {
+    top: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-content: flex-start;
+  }
+
+  /* 输入框加上上下边是 32px + 2px =34px */
+  .el-input__icon {
+    line-height: 0px;
+  }
+}
+
 .body-wrapper {
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
   .search-card{
     font-size: 24px;
     font-weight: bold;
@@ -310,19 +341,21 @@ export default {
     }
   }
 }
-.all_charts{
-  display: flex;
-  justify-content: space-around;
-}
-.charts{
-  width: 45%;
-  height: 600px;
+.audit-dialog{
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
 }
-.charts2{
-  width: 50%;
-  height: 600px;
+
+.charts {
+  width: 100%;
+  height: 200px;
 }
-.btn_save{
+
+.btn_save {
   background-color: #3498db;
   color: #ffffff;
   padding: 10px 20px;
@@ -330,9 +363,15 @@ export default {
   border: none;
   border-radius: 4px;
   font-size: 16px;
+  height: 30px;
+}
+
+.sel {
+  height: 200px;
+  margin-right: 10px;
 }
 
-.input-search{
+.input-search {
   width: 100%;
   padding: 10px;
   margin-bottom: 20px;
@@ -341,34 +380,28 @@ export default {
   border: 1px solid #333;
   color: #ffffff;
 }
-.audit-dialog{
-  .mg-bt{
+
+.audit-dialog {
+  .mg-bt {
     margin-bottom: 24px;
   }
-  .label{
+
+  .label {
     text-align: right;
   }
-}
 
-/deep/ .el-input__inner {
-  background: #2d3744;
-  border: none;
-  border-radius: 0;
-}
-/deep/ .el-select {
-  /* 下面设置右侧按钮居中 */
-  .el-input__suffix {
-    top: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: nowrap;
-    flex-direction: row;
-    align-content: flex-start;
-  }
-  /* 输入框加上上下边是 32px + 2px =34px */
-  .el-input__icon {
-    line-height: 0px;
+  .form-div {
+    /deep/ .el-input__inner {
+      height: 35px;
+      width: 100%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
+    }
+
+    /deep/ .el-input__icon {
+      //line-height: 35px;
+    }
   }
 }
 </style>

src/util/common.js

@@ -42,6 +42,16 @@ function validateAmount(rule, value, callback) {
     callback()
   }
 }
+
+function validateNum(rule, value, callback) {
+  // 自定义校验函数的实现
+  if (isNaN(value) || value < 0) {
+    callback(new Error('必须是大于等于0的数字'))
+  } else {
+    callback()
+  }
+}
+
 function validateHour(rule, value, callback) {
   if (!value || !Number.isInteger(parseInt(value))) {
     callback(new Error('请输入有效的小时'));
@@ -68,6 +78,7 @@ function checkPhone(rule, value, callback) { // 手机号验证
 export {
   isVehicleNumber,
   vehicleNumber,
+  validateNum,
   validateInput,
   validateAmount,
   validateHour,