修改

src/api/article_liao.js

@@ -166,17 +166,41 @@ export default {
   dashDataDockingPage(params){
     return axios.get('/dash/data/docking/page', {params})
   },
-  //从业人员资质管理
-  dashEmployeeQualificationQualifications(params){
-    return axios.get('/dash/employee/qualification/qualifications', {params})
-  },
-  //从业人员考核管理
+  //数据对接删除
   dashDataDockingDelete(params){
     return axios.post('/dash/data/docking/delete', params)
   },
+  //从业人员资质分页列表
+  dashEmployeeQualificationQualifications(params){
+    return axios.get('/dash/employee/qualification/page', {params})
+  },
+  // 新增从业人员资质
+  addQualification(params){
+    return axios.post('/dash/employee/qualification/add', params)
+  },
+  // 修改从业人员资质
+  editQualification(params){
+    return axios.post('/dash/employee/qualification/edit', params)
+  },
+  // 删除从业人员资质 /dash/employee/qualification/delete
+  deleteQualification(params){
+    return axios.post('/dash/employee/qualification/delete', params)
+  },
   //从业人员考核
   dashEmployeeQualificationExamine(params){
-    return axios.get('/dash/employee/qualification/examine', params)
+    return axios.get('/dash/employee/qualification/examine/page', {params})
+  },
+  // 新增从业人员考核
+  addExamine(params){
+    return axios.post('/dash/employee/qualification/examine/add', params)
+  },
+  // 修改从业人员考核
+  editExamine(params){
+    return axios.post('/dash/employee/qualification/examine/edit', params)
+  },
+  // 删除从业人员考核
+  deleteExamine(params){
+    return axios.post('/dash/employee/qualification/examine/delete', params)
   },
   //车主停车欠费情况
   dashCarOwnerCreditPage(params){
@@ -214,5 +238,9 @@ export default {
   dashBusinessOverviewInfoPage(params){
     return axios.get('/dash/business/overview/infoPage', {params})
   },
+  // 停车场码表
+  parkDic(params) {
+    return axios.get(`/dash/customer/complaint/list`, {params})
+  },
 
 }

src/api/article_z.js

@@ -95,6 +95,10 @@ export default {
   khtsSave(params) {
     return axios.post(`/dash/customer/complaint/save`, params)
   },
+  // 客户投诉监管_客诉登记删除
+  khtsDelete(params) {
+    return axios.post(`/dash/customer/complaint/delete`, params)
+  },
   // 客户投诉监管_停车场码表
   parkDic(params) {
     return axios.get(`/dash/customer/complaint/list`, {params})

src/assets/css/element_ui.css

@@ -4,7 +4,7 @@
 }
 
 .el-form .el-form-item {
-  margin-bottom: 0px;
+  /*margin-bottom: 0px;*/
 }
 
 

src/pages/index/components/berth_road.vue

@@ -1,5 +1,35 @@
 <template>
   <div class="body-wrapper">
+    <el-form class="form-wrapper" :inline="true" :model="formInline1">
+      <el-form-item label="行政区">
+        <el-select clearable  v-model="formInline1.regionCode" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in districtOptions"  :key="item.label" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="街道">
+        <el-input  v-model="formInline1.streetName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="停车场">
+        <el-select clearable v-model="formInline1.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 label="查询日期">
+        <el-date-picker
+          clearable
+          v-model="formInline1.time"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          value-format="yyyy-MM-dd"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="queryAll">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <br>
     <div style="display: flex; justify-content: space-between;">
       <div style="width: 50%; height: 300px">
         <div align="center" style="color: white">泊位饱和度</div>
@@ -107,6 +137,7 @@ import linechart from "@/components/lineChart";
 import barchart from "@/components/barChart";
 import vtable from "@/components/vtableNew";
 import api from "@/api/article_liao";
+import options from '@/util/options'
 
 
 export default {
@@ -118,6 +149,14 @@ export default {
   },
   data() {
     return {
+      districtOptions: options.districtOptions,
+      carOptions: [],
+      formInline1: {
+        parkId: '',
+        time: [],
+        regionCode: '',
+        streetName: ''
+      },
       modelPieColor: ["#4382f6", "#9078f8", "#79a7db", "#FF9800"],
       modelData: {
         list: []
@@ -129,16 +168,36 @@ export default {
     }
   },
   mounted() {
-    this.dashBerthRoadStat1()
-    this.dashBerthRoadStat2()
-    this.dashBerthRoadStat3()
-    this.dashBerthRoadStat4()
-    this.dashBerthRoadStat5()
+    this.getParkDic()
+    this.queryAll()
   },
   watch: {
 
   },
   methods: {
+    getParkDic() {
+      api.parkDic().then(res => {
+        this.carOptions = res.data || [];
+      })
+    },
+    queryAll() {
+      let params = {...this.formInline1}
+      if (
+        this.formInline1.time && this.formInline1.time.length === 2 &&
+        this.formInline1.time[1] !== ""
+      ) {
+        this.formInline1.time[0] = this.formInline1.time[0].substring(0, 10) + " 00:00:00";
+        this.formInline1.time[1] = this.formInline1.time[1].substring(0, 10) + " 23:59:59";
+        params.begin= this.formInline1.time[0]
+        params.end = this.formInline1.time[1]
+      }
+      delete params.time
+      this.dashBerthRoadStat1(params)
+      this.dashBerthRoadStat2(params)
+      this.dashBerthRoadStat3(params)
+      this.dashBerthRoadStat4(params)
+      this.dashBerthRoadStat5(params)
+    },
     lineTooltipFormat1(params) {
       const data = params[0].data;
       return `<div class="line-tooltip">
@@ -186,28 +245,28 @@ export default {
         params[0].data.cs || "--"}个</div>
 </div>`;
     },
-    dashBerthRoadStat1(){
-      api.dashBerthRoadStat1().then(res =>{
+    dashBerthRoadStat1(params){
+      api.dashBerthRoadStat1(params).then(res =>{
         this.bardata = res.data
       })
     },
-    dashBerthRoadStat2(){
-      api.dashBerthRoadStat2().then(res =>{
+    dashBerthRoadStat2(params){
+      api.dashBerthRoadStat2(params).then(res =>{
         this.linedata1 = res.data
       })
     },
-    dashBerthRoadStat3(){
-      api.dashBerthRoadStat3().then(res =>{
+    dashBerthRoadStat3(params){
+      api.dashBerthRoadStat3(params).then(res =>{
         this.modelData.list = res.data
       })
     },
-    dashBerthRoadStat4(){
-      api.dashBerthRoadStat4().then(res =>{
+    dashBerthRoadStat4(params){
+      api.dashBerthRoadStat4(params).then(res =>{
         this.linedata = res.data
       })
     },
-    dashBerthRoadStat5(){
-      api.dashBerthRoadStat5().then(res =>{
+    dashBerthRoadStat5(params){
+      api.dashBerthRoadStat5(params).then(res =>{
         this.linedata2 = res.data
       })
     },
@@ -215,16 +274,139 @@ export default {
 }
 </script>
 <style  lang="scss" scoped>
+.form-wrapper {
+  margin-bottom: 20px;
+}
+
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+
+/deep/ .el-select {
+  height: 40px;
+
+  .el-input__inner {
+    height: 40px;
+  }
+
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .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;
+  }
+}
+
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg, #0158d9, #3c97e4);
+  width: 100px;
+  height: 40px;
+}
+
 .body-wrapper {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
+  padding: 20px;
   background: #0c0c0c;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    font-size: 24px;
+    font-weight: bold;
+    color: #3498db;
+    margin-bottom: 20px;
+    .input-wrapper{
+      width: 36%;
+    }
+  }
+}
+.audit-dialog{
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
 }
 
-.model-pie-body {
+.charts_all {
+  display: flex;
+  justify-content: space-around;
   width: 100%;
-  height: 99%;
+  height: 400px;
+}
+
+.charts {
+  width: 30%;
+  height: 300px;
+}
+
+.btn_save {
+  background-color: #3498db;
+  color: #ffffff;
+  padding: 10px 20px;
+  cursor: pointer;
+  border: none;
+  border-radius: 4px;
+  font-size: 16px;
+  height: 40px;
+}
+
+.sel {
+  height: 200px;
+  margin-right: 10px;
+}
+
+.input-search {
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 20px;
+  box-sizing: border-box;
+  background-color: #2a2a2a;
+  border: 1px solid #333;
+  color: #ffffff;
+}
+
+.audit-dialog {
+  .mg-bt {
+    margin-bottom: 24px;
+  }
+
+  .label {
+    text-align: right;
+  }
+
+  .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;
+    }
+  }
 }
 
 

src/pages/index/components/berth_road_out.vue

@@ -1,5 +1,35 @@
 <template>
   <div class="body-wrapper">
+    <el-form class="form-wrapper" :inline="true" :model="formInline1">
+      <el-form-item label="行政区">
+        <el-select clearable  v-model="formInline1.regionCode" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in districtOptions"  :key="item.label" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="街道">
+        <el-input  v-model="formInline1.streetName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="停车场">
+        <el-select clearable v-model="formInline1.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 label="查询日期">
+        <el-date-picker
+          clearable
+          v-model="formInline1.time"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          value-format="yyyy-MM-dd"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="queryAll">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <br>
     <div style="display: flex; justify-content: space-between;">
       <div style="width: 50%; height: 300px">
         <div align="center" style="color: white">泊位饱和度</div>
@@ -107,6 +137,7 @@ import linechart from "@/components/lineChart";
 import barchart from "@/components/barChart";
 import vtable from "@/components/vtableNew";
 import api from "@/api/article_liao";
+import options from '@/util/options'
 
 export default {
   components: {
@@ -117,6 +148,14 @@ export default {
   },
   data() {
     return {
+      districtOptions: options.districtOptions,
+      carOptions: [],
+      formInline1: {
+        parkId: '',
+        time: [],
+        regionCode: '',
+        streetName: ''
+      },
       modelPieColor: ["#4382f6", "#9078f8", "#79a7db", "#FF9800"],
       modelData: {
         list: []
@@ -129,17 +168,36 @@ export default {
     }
   },
   mounted() {
-    this.dashBertRroadOutStat1()
-    this.dashBertRroadOutStat2()
-    this.dashBertRroadOutStat3()
-    this.dashBertRroadOutStat4()
-    this.dashBertRroadOutStat5()
+    this.getParkDic()
+    this.queryAll()
   },
   watch: {
 
   },
   methods: {
-
+    getParkDic() {
+      api.parkDic().then(res => {
+        this.carOptions = res.data || [];
+      })
+    },
+    queryAll() {
+      let params = {...this.formInline1}
+      if (
+        this.formInline1.time && this.formInline1.time.length === 2 &&
+        this.formInline1.time[1] !== ""
+      ) {
+        this.formInline1.time[0] = this.formInline1.time[0].substring(0, 10) + " 00:00:00";
+        this.formInline1.time[1] = this.formInline1.time[1].substring(0, 10) + " 23:59:59";
+        params.begin= this.formInline1.time[0]
+        params.end = this.formInline1.time[1]
+      }
+      delete params.time
+      this.dashBertRroadOutStat1(params)
+      this.dashBertRroadOutStat2(params)
+      this.dashBertRroadOutStat3(params)
+      this.dashBertRroadOutStat4(params)
+      this.dashBertRroadOutStat5(params)
+    },
     lineTooltipFormat1(params) {
       const data = params[0].data;
       return `<div class="line-tooltip">
@@ -187,28 +245,28 @@ export default {
         params[0].data.cs || "--"}个</div>
 </div>`;
     },
-    dashBertRroadOutStat1(){
-      api.dashBertRroadOutStat1().then(res =>{
+    dashBertRroadOutStat1(params){
+      api.dashBertRroadOutStat1(params).then(res =>{
         this.bardata = res.data
       })
     },
-    dashBertRroadOutStat2(){
-      api.dashBertRroadOutStat2().then(res =>{
+    dashBertRroadOutStat2(params){
+      api.dashBertRroadOutStat2(params).then(res =>{
         this.linedata1 = res.data
       })
     },
-    dashBertRroadOutStat3(){
-      api.dashBertRroadOutStat3().then(res =>{
+    dashBertRroadOutStat3(params){
+      api.dashBertRroadOutStat3(params).then(res =>{
         this.modelData.list = res.data
       })
     },
-    dashBertRroadOutStat4(){
-      api.dashBertRroadOutStat4().then(res =>{
+    dashBertRroadOutStat4(params){
+      api.dashBertRroadOutStat4(params).then(res =>{
         this.linedata = res.data
       })
     },
-    dashBertRroadOutStat5(){
-      api.dashBertRroadOutStat5().then(res =>{
+    dashBertRroadOutStat5(params){
+      api.dashBertRroadOutStat5(params).then(res =>{
         this.linedata2 = res.data
       })
     },
@@ -216,16 +274,139 @@ export default {
 }
 </script>
 <style  lang="scss" scoped>
+.form-wrapper {
+  margin-bottom: 20px;
+}
+
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+
+/deep/ .el-select {
+  height: 40px;
+
+  .el-input__inner {
+    height: 40px;
+  }
+
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .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;
+  }
+}
+
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg, #0158d9, #3c97e4);
+  width: 100px;
+  height: 40px;
+}
+
 .body-wrapper {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
+  padding: 20px;
   background: #0c0c0c;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    font-size: 24px;
+    font-weight: bold;
+    color: #3498db;
+    margin-bottom: 20px;
+    .input-wrapper{
+      width: 36%;
+    }
+  }
+}
+.audit-dialog{
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
 }
 
-.model-pie-body {
+.charts_all {
+  display: flex;
+  justify-content: space-around;
   width: 100%;
-  height: 99%;
+  height: 400px;
+}
+
+.charts {
+  width: 30%;
+  height: 300px;
+}
+
+.btn_save {
+  background-color: #3498db;
+  color: #ffffff;
+  padding: 10px 20px;
+  cursor: pointer;
+  border: none;
+  border-radius: 4px;
+  font-size: 16px;
+  height: 40px;
+}
+
+.sel {
+  height: 200px;
+  margin-right: 10px;
+}
+
+.input-search {
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 20px;
+  box-sizing: border-box;
+  background-color: #2a2a2a;
+  border: 1px solid #333;
+  color: #ffffff;
+}
+
+.audit-dialog {
+  .mg-bt {
+    margin-bottom: 24px;
+  }
+
+  .label {
+    text-align: right;
+  }
+
+  .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;
+    }
+  }
 }
 
 

src/pages/index/components/customer_complaint.vue

@@ -7,31 +7,79 @@
     <el-form class="form-wrapper" :inline="true" :model="formInline">
       <el-form-item label="投诉类型">
         <el-select clearable v-model="formInline.comType" placeholder="投诉类型" popper-class="cur-select">
-          <el-option label="全部" value=""></el-option>
-          <el-option label="经营服务类停车问题" value="经营服务类停车问题"></el-option>
-          <el-option label="非法经营停车问题" value="非法经营停车问题"></el-option>
-          <el-option label="不提供税票" value="不提供税票"></el-option>
-          <el-option label="设备问题" value="设备问题"></el-option>
+          <el-option
+            v-for="item in complaintOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="停车场">
+        <el-select clearable v-model="formInline.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>
         <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="primary" @click="handleAdd">客诉登记</el-button>
       </el-form-item>
     </el-form>
     <br>
     <br>
-    <br>
-    <br>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column
+        label="序号"
+        type="index"
+        :index="indexMethod">
+      </el-table-column>
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
+      <el-table-column
+        label="操作"
+        width="200">
+        <template slot-scope="scope" style="display: inline-block">
+          <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">
+            <el-button type="danger" slot="reference">删除</el-button>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
     </el-table>
     <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
+      <el-pagination :background="false" layout="total, prev, pager, next" :total="total"
+                     @current-change="handlePageChange"
                      :current-page.sync="pageNum" :page-size.sync="pageSize">
       </el-pagination>
     </div>
-
+    <el-form class="form-wrapper" :inline="true" :model="formInline1">
+      <el-form-item label="行政区">
+        <el-select clearable  v-model="formInline1.regionCode" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in districtOptions"  :key="item.label" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="街道">
+        <el-input  v-model="formInline1.streetName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="停车场">
+        <el-select clearable v-model="formInline1.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 label="查询日期">
+        <el-date-picker
+          clearable
+          v-model="formInline1.time"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          value-format="yyyy-MM-dd"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getModelDataData">查询</el-button>
+      </el-form-item>
+    </el-form>
     <div class="charts_all">
       <div class="charts">
         <piechart
@@ -52,35 +100,39 @@
       width="60%"
       height="600px"
       custom-class="audit-dialog">
-      <el-form  class="form-div"  style="height: 120px"   ref="formLabelAlign" label-position="left" label-width="120px" :model="formLabelAlign" >
-        <el-form-item label="投诉类型" required>
-          <el-select clearable v-model="formLabelAlign.comType" placeholder="请选择">
-            <el-option label="源汇区" value="源汇区"></el-option>
-            <el-option label="郾城区" value="郾城区"></el-option>
-            <el-option label="召陵区" value="召陵区"></el-option>
-            <el-option label="舞阳县" value="舞阳县"></el-option>
-            <el-option label="临颍县" value="临颍县"></el-option>
+      <el-form class="form-div" style="height: 120px" :rules="rules" ref="formLabelAlign" label-position="left" label-width="120px"
+               :model="formLabelAlign">
+        <el-form-item label="投诉类型"  prop="comType">
+          <el-select v-model="formLabelAlign.comType" placeholder="请选择">
+            <el-option
+              v-for="item in complaintOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="投诉停车场" required>
-          <el-select clearable  v-model="formLabelAlign.parkId" placeholder="请选择" popper-class="cur-select">
-            <el-option v-for="item in carOptions"  :key="item.id" :label="item.carParkName" :value="item.id"></el-option>
+        <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 label="投诉内容" required>
-          <el-input v-model="formLabelAlign.comContent" placeholder="投诉内容"/>
+        <el-form-item prop="comContent" label="投诉内容">
+          <el-input type="text" maxlength="50" show-word-limit  v-model="formLabelAlign.comContent" placeholder="投诉内容"/>
         </el-form-item>
       </el-form>
-      <span slot="footer" class="dialog-footer">
-            <el-button @click="dialogVisible = false">取 消</el-button>
+      <div slot="footer" class="dialog-footer" style="margin-top: 10px;">
+            <el-button @click="handleCancel('formLabelAlign')">取 消</el-button>
             <el-button type="primary" @click="handleConfirm('formLabelAlign')">确 定</el-button>
-        </span>
+        </div>
     </el-dialog>
   </div>
 </template>
 <script>
 import piechart from "@/components/pieChart";
 import api from "@/api/article_z";
+import options from '@/util/options'
+import {validateInput} from '@/util/common'
 
 export default {
   components: {
@@ -88,9 +140,30 @@ export default {
   },
   data() {
     return {
+      rules: {
+        comType: [
+          { required: true, message: '请选择投诉类型', trigger: 'change' }
+        ],
+        parkId: [
+          { required: true, message: '请选择车场', trigger: 'change' }
+        ],
+        comContent: [
+          { required: true, message: '请输入投诉内容', trigger: 'blur' },
+          { validator: validateInput, trigger: "blur" },
+        ]
+      },
       formInline: {
-        comType: ''
+        comType: '',
+        parkId: ''
+      },
+      formInline1: {
+        parkId: '',
+        time: [],
+        regionCode: '',
+        streetName: ''
       },
+      districtOptions: options.districtOptions,
+      complaintOptions: options.complaintOptions,
       options: [{
         value: '经营服务类停车问题',
         label: '经营服务类停车问题'
@@ -116,7 +189,7 @@ export default {
         },
         {
           label: '所属停车场',
-          key: 'carParkName'
+          key: 'parkName'
         },
         {
           label: '处理状态',
@@ -128,7 +201,7 @@ export default {
         }
       ],
       carOptions: [],
-      modelPieColor: ["#4382f6","#9078f8","#C1FFC1","#1E90FF"],
+      modelPieColor: ["#4382f6", "#9078f8", "#C1FFC1", "#1E90FF"],
       modelData: [],
       tableData: [],
       total: 0,
@@ -137,8 +210,9 @@ export default {
       radio: '2',
       dialogVisible: false,
       formLabelAlign: {
-        mid: '',
-        searchWords:''
+        parkId: '',
+        comType: '',
+        comContent: ''
       },
       selRow: undefined,
       searchWords: undefined,
@@ -150,36 +224,58 @@ export default {
     this.getTableData()
     this.getModelDataData()
   },
-  watch: {
-  },
+  watch: {},
   methods: {
+    indexMethod(index) {
+      return this.pageSize * (this.pageNum - 1) + index + 1
+    },
     onSubmit() {
       this.pageNum = 1
       this.getTableData()
     },
     getParkDic() {
-      api.parkDic().then(res=>{
+      api.parkDic().then(res => {
         this.carOptions = res.data || [];
       })
     },
-    getModelDataData(){
-      api.queryCustomerComplaint_Ksfx().then(res=>{
+    getModelDataData() {
+      let params = {...this.formInline1}
+      if (
+        this.formInline1.time && this.formInline1.time.length === 2 &&
+        this.formInline1.time[1] !== ""
+      ) {
+        this.formInline1.time[0] = this.formInline1.time[0].substring(0, 10) + " 00:00:00";
+        this.formInline1.time[1] = this.formInline1.time[1].substring(0, 10) + " 23:59:59";
+        params.begin= this.formInline1.time[0]
+        params.end = this.formInline1.time[1]
+      }
+      delete params.time
+      api.queryCustomerComplaint_Ksfx(params).then(res => {
         this.modelData = res.data;
       })
     },
     handlePageChange() {
       this.getTableData()
     },
-    handleAdd () {
+    handleAdd() {
       this.title = '客诉登记'
       this.formLabelAlign = {}
       this.dialogVisible = true
     },
+    deleteRow (record) {
+      api.khtsDelete([{id: record.id}]).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData()
+        }
+      })
+    },
     handleConfirm(formName) {
       this.$refs[formName].validate((valid) => {
+        console.log(valid, '=======valid====')
         if (valid) {
           api.khtsSave(this.formLabelAlign).then(res => {
-            if(res.code === 200) {
+            if (res.code === 200) {
               this.dialogVisible = false
               this.$message({
                 message: '添加成功!',
@@ -191,6 +287,10 @@ export default {
         }
       })
     },
+    handleCancel(formName) {
+      this.$refs[formName].resetFields();
+      this.dialogVisible = false
+    },
     getTableData() {
       const {pageNum, pageSize} = this
       api.khtsListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
@@ -201,20 +301,24 @@ export default {
   }
 }
 </script>
-<style  lang="scss" scoped>
+<style lang="scss" scoped>
 .form-wrapper {
   margin-bottom: 20px;
 }
+
 /deep/ .el-input__inner {
   background: #2d3744;
   border: none;
   border-radius: 0;
 }
+
 /deep/ .el-select {
   height: 40px;
+
   .el-input__inner {
     height: 40px;
   }
+
   .el-input__prefix, .el-input__suffix {
     height: 40px;
   }
@@ -229,20 +333,22 @@ export default {
     flex-direction: row;
     align-content: flex-start;
   }
+
   /* 输入框加上上下边是 32px + 2px =34px */
   .el-input__icon {
     line-height: 0px;
   }
 }
+
 /deep/ .form-wrapper .el-button {
-  background: linear-gradient(90deg,#0158d9,#3c97e4);
+  background: linear-gradient(90deg, #0158d9, #3c97e4);
   width: 100px;
   height: 40px;
 }
+
 .body-wrapper {
   padding: 20px;
   background: #0c0c0c;
-  width: 100%;
   .button-block{
     text-align: right;
     margin-bottom: 20px;
@@ -260,19 +366,28 @@ export default {
     }
   }
 }
+.audit-dialog{
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
+}
 
-.charts_all{
+.charts_all {
   display: flex;
   justify-content: space-around;
   width: 100%;
   height: 400px;
 }
 
-.charts{
+.charts {
   width: 30%;
   height: 300px;
 }
-.btn_save{
+
+.btn_save {
   background-color: #3498db;
   color: #ffffff;
   padding: 10px 20px;
@@ -283,12 +398,12 @@ export default {
   height: 40px;
 }
 
-.sel{
+.sel {
   height: 200px;
   margin-right: 10px;
 }
 
-.input-search{
+.input-search {
   width: 100%;
   padding: 10px;
   margin-bottom: 20px;
@@ -297,23 +412,27 @@ export default {
   border: 1px solid #333;
   color: #ffffff;
 }
-.audit-dialog{
-  .mg-bt{
+
+.audit-dialog {
+  .mg-bt {
     margin-bottom: 24px;
   }
-  .label{
+
+  .label {
     text-align: right;
   }
-  .form-div{
-    /deep/ .el-input__inner{
+
+  .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;
+      //line-height: 35px;
     }
   }
 }

src/pages/index/components/employee_qualification.vue

@@ -3,9 +3,47 @@
     <div class="search-card">
       <h5>从业人员资质</h5>
     </div>
+    <br>
+    <el-form class="form-wrapper" :inline="true" :model="formInline">
+      <el-form-item label="从业人员名称">
+        <el-input  v-model="formInline.mname" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="证书名称">
+        <el-input  v-model="formInline.qualificationName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="考核结果">
+        <el-select clearable v-model="formInline.assessmentResults" placeholder="请选择">
+          <el-option
+            v-for="item in examineOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="primary" @click="handleAdd">添加</el-button>
+      </el-form-item>
+    </el-form>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column
+        label="序号"
+        type="index"
+        :index="indexMethod">
+      </el-table-column>
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
+      <el-table-column
+        label="操作"
+        width="200">
+        <template slot-scope="scope" style="display: inline-block">
+          <el-button type="primary" @click="handleEdit(scope.row)" slot="reference">修改</el-button>
+          <el-popconfirm title="确定删除吗？" @confirm="deleteRow(scope.row)">
+            <el-button type="danger" slot="reference">删除</el-button>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
     </el-table>
     <div class="table-pagination">
       <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
@@ -17,24 +55,133 @@
     <div class="search-card">
       <h5>从业人员考核管理</h5>
     </div>
+    <br>
+    <el-form class="form-wrapper" :inline="true" :model="formInline2">
+      <el-form-item label="从业人员姓名">
+        <el-input  v-model="formInline2.staffName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit2">查询</el-button>
+        <el-button type="primary" @click="handleAdd2">添加</el-button>
+      </el-form-item>
+    </el-form>
     <el-table :data="tableData2" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column
+        label="序号"
+        type="index"
+        :index="indexMethod2">
+      </el-table-column>
       <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
+      <el-table-column
+        label="操作"
+        width="200">
+        <template slot-scope="scope" style="display: inline-block">
+          <el-button type="primary" @click="handleEdit2(scope.row)" slot="reference">修改</el-button>
+          <el-popconfirm title="确定删除吗？" @confirm="deleteRow2(scope.row)">
+            <el-button type="danger" slot="reference">删除</el-button>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
     </el-table>
     <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="handlePageChange"
+      <el-pagination :background="false" layout="total, prev, pager, next" :total="total2" @current-change="handlePageChange2"
                      :current-page.sync="pageNum2" :page-size.sync="pageSize2">
       </el-pagination>
     </div>
     <br>
-
-
-
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="60%"
+      custom-class="audit-dialog">
+      <el-form class="form-div"  :rules="rules" style="height: 200px" ref="formLabelAlign" label-position="left" label-width="120px"
+               :model="formLabelAlign">
+        <el-form-item prop="mname" label="姓名">
+          <el-input type="text" maxlength="4" v-model="formLabelAlign.mname" placeholder="姓名"/>
+        </el-form-item>
+        <el-form-item prop="qualificationName" label="证书名称">
+          <el-input type="text" maxlength="20" v-model="formLabelAlign.qualificationName" placeholder="姓名"/>
+        </el-form-item>
+        <el-form-item label="考核结果"  prop="assessmentResults">
+          <el-select v-model="formLabelAlign.assessmentResults" placeholder="请选择">
+            <el-option
+              v-for="item in examineOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer" style="margin-top: 10px;">
+        <el-button @click="handleCancel('formLabelAlign')">取 消</el-button>
+        <el-button type="primary" @click="handleConfirm('formLabelAlign')">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      :title="title2"
+      :visible.sync="dialogVisible2"
+      width="60%"
+      custom-class="audit-dialog">
+      <el-form class="form-div"  :rules="rules2"  style="height: 250px" ref="formLabelAlign2" label-position="left" label-width="120px"
+               :model="formLabelAlign2">
+        <el-form-item prop="staffName" label="姓名">
+          <el-input type="text" maxlength="4" v-model="formLabelAlign2.staffName" placeholder="姓名"/>
+        </el-form-item>
+        <el-form-item label="驾驶技术"  prop="driveLevel">
+          <el-select v-model="formLabelAlign2.driveLevel" placeholder="请选择">
+            <el-option
+              v-for="item in scoreOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="服务态度"  prop="serverLevel">
+          <el-select v-model="formLabelAlign2.serverLevel" placeholder="请选择">
+            <el-option
+              v-for="item in scoreOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="沟通能力"  prop="communicateLevel">
+          <el-select v-model="formLabelAlign2.communicateLevel" placeholder="请选择">
+            <el-option
+              v-for="item in scoreOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="应急处理能力"  prop="emergencyCapability">
+          <el-select v-model="formLabelAlign2.emergencyCapability" placeholder="请选择">
+            <el-option
+              v-for="item in scoreOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer" style="margin-top: 10px;">
+        <el-button @click="handleCancel2('formLabelAlign2')">取 消</el-button>
+        <el-button type="primary" @click="handleConfirm2('formLabelAlign2')">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
 import api from "@/api/article_liao";
 import piechart from "@/components/pieChart";
+import options from '@/util/options'
+import {validateInput} from '@/util/common'
 
 export default {
   components: {
@@ -42,6 +189,42 @@ export default {
   },
   data() {
     return {
+      rules: {
+        mname: [
+          { required: true, message: '请输入姓名', trigger: 'blur' }
+        ],
+        qualificationName: [
+          { required: true, message: '请输入证书名称', trigger: 'blur' },
+          { validator: validateInput, trigger: "blur" },
+        ],
+        assessmentResults: [
+          { required: true, message: '请选择', trigger: 'change' },
+        ]
+      },
+      rules2: {
+        staffName: [
+          { required: true, message: '请输入姓名', trigger: 'blur' }
+        ],
+        driveLevel: [
+          { required: true, message: '请选择', trigger: 'change' },
+        ],
+        serverLevel: [
+          { required: true, message: '请选择', trigger: 'change' },
+        ],
+        communicateLevel: [
+          { required: true, message: '请选择', trigger: 'change' },
+        ],
+        emergencyCapability: [
+          { required: true, message: '请选择', trigger: 'change' },
+        ]
+      },
+      examineOptions: options.examineOptions,
+      scoreOptions: options.scoreOptions,
+      formInline: {
+        mname: '',
+        qualificationName: '',
+        assessmentResults: ''
+      },
       columns: [
         {
           label: '人员姓名',
@@ -64,6 +247,23 @@ export default {
           key: 'assessmentTime'
         }
       ],
+      formLabelAlign: {
+        id: '',
+        mname: '',
+        qualificationName: '',
+        assessmentResults: ''
+      },
+      formInline2: {
+        staffName: ''
+      },
+      formLabelAlign2: {
+        id: '',
+        staffName: '',
+        driveLevel: '',
+        serverLevel: '',
+        communicateLevel: '',
+        emergencyCapability: ''
+      },
       columns2: [
         {
           label: '人员姓名',
@@ -86,11 +286,6 @@ export default {
           key: 'emergencyCapability'
         }
       ],
-      modelPieColor: ["#2E8B57","#9078f8"],
-      modelData: {
-        list: [{name: '在线', value: 600}, {name: '离线', value: 800}]
-      },
-
       tableData: [],
       tableData2: [],
       total: 0,
@@ -98,63 +293,206 @@ export default {
       pageNum: 1,
       pageSize2: 10,
       pageNum2: 1,
-      radio: '2',
+      total2: 0,
       dialogVisible: false,
-      selRow: {},
+      dialogVisible2: false,
+      title: '',
+      title2: ''
     }
   },
   mounted() {
-    this.dashEmployeeQualificationQualifications()
-    this.dashEmployeeQualificationExamine()
+    this.getTableData()
+    this.getTableData2()
   },
   watch: {
   },
   methods: {
-    handlePageChange() {
-      this.getTableData()
+    indexMethod(index) {
+      return this.pageSize * (this.pageNum - 1) + index + 1
     },
-    handleAudit(row) {
-      this.selRow = row
+    indexMethod2(index) {
+      return this.pageSize2 * (this.pageNum2 - 1) + index + 1
+    },
+    handleAdd() {
+      this.title = '添加'
+      this.formLabelAlign = {}
       this.dialogVisible = true
     },
-    handleCancelApply(row) {
-      console.log('enter handle cancel apply')
+    handleEdit(row) {
+      this.title = '修改'
+      this.formLabelAlign = {...row}
+      this.dialogVisible = true
     },
-    dashEmployeeQualificationQualifications(){
-      api.dashEmployeeQualificationQualifications().then(res => {
+    onSubmit() {
+      this.pageNum = 1;
+      this.getTableData()
+    },
+    handlePageChange() {
+      this.getTableData()
+    },
+    getTableData(){
+      api.dashEmployeeQualificationQualifications({...this.formInline, current: this.pageNum, size: this.pageSize}).then(res => {
         this.tableData = res.data.records
-        this.pageNum = res.current
-        this.pageSize = res.page
+        this.total = res.data.total
       })
     },
-    dashEmployeeQualificationExamine(){
-      api.dashEmployeeQualificationExamine().then(res => {
+    handleAdd2() {
+      this.title2 = '添加'
+      this.formLabelAlign2 = {}
+      this.dialogVisible2 = true
+    },
+    handleEdit2(row) {
+      this.title2 = '修改'
+      this.formLabelAlign2 = {...row}
+      this.dialogVisible2 = true
+    },
+    onSubmit2() {
+      this.pageNum2 = 1;
+      this.getTableData2()
+    },
+    handlePageChange2() {
+      this.getTableData2()
+    },
+    getTableData2(){
+      api.dashEmployeeQualificationExamine({...this.formInline2, current: this.pageNum2, size: this.pageSize2}).then(res => {
         this.tableData2 = res.data.records
-        this.pageNum2 = res.current
-        this.pageSize2 = res.page
+        this.total2 = res.data.total
+      })
+    },
+    handleCancel2(formName) {
+      this.$refs[formName].resetFields();
+      this.dialogVisible2 = false
+    },
+    handleConfirm2(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (this.title2 === '修改') {
+            api.editExamine(this.formLabelAlign2).then(res => {
+              if(res.code === 200) {
+                this.dialogVisible2 = false
+                this.$message({
+                  message: '修改成功!',
+                  type: 'success'
+                })
+                this.getTableData2()
+              }
+            })
+          } else {
+            api.addExamine(this.formLabelAlign2).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible2 = false
+                this.$message({
+                  message: '添加成功!',
+                  type: 'success'
+                })
+                this.getTableData2()
+              }
+            })
+          }
+        }
       })
     },
 
+    deleteRow2 (record) {
+      api.deleteExamine([{id: record.id}]).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData2()
+        }
+      })
+    },
 
-    getApplyTypeText(val) {
-      if (!val){
-        return '未申请'
-      }
-      const textMap = {
-        1: '待审批',
-        2: '审批通过',
-        3: '审批驳回'
-      }
-      return textMap[val]
+    handleCancel(formName) {
+      this.$refs[formName].resetFields();
+      this.dialogVisible = false
+    },
+    handleConfirm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (this.title === '修改') {
+            api.editQualification(this.formLabelAlign).then(res => {
+              if(res.code === 200) {
+                this.dialogVisible = false
+                this.$message({
+                  message: '修改成功!',
+                  type: 'success'
+                })
+                this.getTableData()
+              }
+            })
+          } else {
+            api.addQualification(this.formLabelAlign).then(res => {
+              if (res.code === 200) {
+                this.dialogVisible = false
+                this.$message({
+                  message: '添加成功!',
+                  type: 'success'
+                })
+                this.getTableData()
+              }
+            })
+          }
+        }
+      })
+    },
+
+    deleteRow (record) {
+      api.deleteQualification([{id: record.id}]).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData()
+        }
+      })
     },
-    handleSearch() {
-      this.pageNum = 1
-      this.getTableData()
-    }
   }
+
 }
 </script>
 <style  lang="scss" scoped>
+.form-wrapper {
+  margin-bottom: 20px;
+}
+
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+
+/deep/ .el-select {
+  height: 40px;
+
+  .el-input__inner {
+    height: 40px;
+  }
+
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .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;
+  }
+}
+
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg, #0158d9, #3c97e4);
+  width: 100px;
+  height: 40px;
+}
+
 .body-wrapper {
   padding: 20px;
   background: #0c0c0c;
@@ -183,4 +521,66 @@ export default {
     text-align: right;
   }
 }
+
+.charts_all {
+  display: flex;
+  justify-content: space-around;
+  width: 100%;
+  height: 400px;
+}
+
+.charts {
+  width: 30%;
+  height: 300px;
+}
+
+.btn_save {
+  background-color: #3498db;
+  color: #ffffff;
+  padding: 10px 20px;
+  cursor: pointer;
+  border: none;
+  border-radius: 4px;
+  font-size: 16px;
+  height: 40px;
+}
+
+.sel {
+  height: 200px;
+  margin-right: 10px;
+}
+
+.input-search {
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 20px;
+  box-sizing: border-box;
+  background-color: #2a2a2a;
+  border: 1px solid #333;
+  color: #ffffff;
+}
+
+.audit-dialog {
+  .mg-bt {
+    margin-bottom: 24px;
+  }
+
+  .label {
+    text-align: right;
+  }
+
+  .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/pages/index/components/operation_log.vue

@@ -130,7 +130,7 @@ export default {
       })
     },
     onSubmit() {
-      let params = this.formInline
+      let params = {...this.formInline}
       if (
         this.formInline.time && this.formInline.time.length === 2 &&
         this.formInline.time[1] !== ""

src/util/common.js

@@ -0,0 +1,75 @@
+function isVehicleNumber(vehicleNumber) {
+  var xreg=/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;
+  var creg=/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
+  if(vehicleNumber.length == 7){
+    return creg.test(vehicleNumber);
+  } else if(vehicleNumber.length == 8){
+    return xreg.test(vehicleNumber);
+  } else{
+    return false;
+  }
+}
+function checkSpecialKey(str) {
+  let specialKey = "[`~!#$^&*()=|{}':;'\\[\\].<>/?~！#￥……&*（）——|{}【】‘；：”“'。，、？]‘'";
+  for (let i = 0; i < str.length; i++) {
+    if (specialKey.indexOf(str.substr(i, 1)) != -1) {
+      return false;
+    }
+  }
+  return true;
+}
+
+
+function vehicleNumber(rule, value, callback) {
+  if (isVehicleNumber(value)) {
+    callback();
+  } else {
+    return callback(new Error("车牌号不正确"));
+  }
+}
+function validateInput(rule, value, callback) {
+  if (!checkSpecialKey(value)) {
+    callback(new Error("不能含有特殊字符！！"));
+  } else {
+    callback();
+  }
+}
+function validateAmount(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('请输入有效的小时'));
+  } else if (value < 0) {
+    callback(new Error('小时必须大于0'));
+  } else {
+    callback();
+  }
+}
+
+function checkPhone(rule, value, callback) { // 手机号验证
+  if (!value) {
+    return callback(new Error('手机号不能为空'));
+  } else {
+    const reg = /^1[3456789]\d{9}$/
+    if (reg.test(value)) {
+      callback();
+    } else {
+      return callback(new Error('请输入正确的手机号'));
+    }
+  }
+}
+
+export {
+  isVehicleNumber,
+  vehicleNumber,
+  validateInput,
+  validateAmount,
+  validateHour,
+  checkPhone
+}

src/util/options.js

@@ -37,4 +37,40 @@ export default {
     value: '旅游景点',
     label: '旅游景点'
   }],
+  complaintOptions: [ {
+    value: '经营服务类停车问题',
+    label: '经营服务类停车问题'
+  }, {
+    value: '非法经营停车问题',
+    label: '非法经营停车问题'
+  }, {
+    value: '不提供税票',
+    label: '不提供税票'
+  }, {
+    value: '设备问题',
+    label: '设备问题'
+  },],
+  examineOptions: [ {
+    value: '通过',
+    label: '通过'
+  }, {
+    value: '未通过',
+    label: '未通过'
+  }],
+  scoreOptions: [ {
+    value: '优秀',
+    label: '优秀'
+  }, {
+    value: '良好',
+    label: '良好'
+  }, {
+    value: '中等',
+    label: '中等'
+  }, {
+    value: '及格',
+    label: '及格'
+  }, {
+    value: '不合格',
+    label: '不合格'
+  }]
 }