抬杆编辑

src/api/article_z.js

@@ -11,4 +11,24 @@ export default {
   queryBerthListByPage(params) {
     return axios.get(`/opt/berth/list/page`, {params})
   },
+  // 车场
+  querySelectParkListByPage(params) {
+    return axios.get(`/opt/common/select/park`, {params})
+  },
+  // 收费员
+  querySelectTollmanListByPage(params) {
+    return axios.get(`/opt/common/select/tollman`, {params})
+  },
+  // 异常管理——获取抬杆记录分页
+  queryExceptionHandingLiftByPage(params) {
+    return axios.get(`/opt/exception/handing/lift/page`, {params})
+  },
+  // 异常管理——添加抬杆记录
+  addExceptionHandingLift(params) {
+    return axios.post(`/opt/exception/handing/lift/add`, params)
+  },
+  // 异常管理——编辑抬杆记录
+  editExceptionHandingLift(params) {
+    return axios.post(`/opt/exception/handing/lift/edit`, params)
+  },
 }

src/pages/index/components/exception_handing.vue

@@ -6,7 +6,13 @@
           <el-row>
             <el-col :span="8">
               <el-form-item label="车场名称: ">
-                <el-input v-model="formInline1.carParkingName" placeholder="请输入"></el-input>
+                <el-select clearable v-model="formInline1.carParkName" placeholder="请选择">
+                  <el-option
+                    v-for="(item,index) in carParkingNameOptions"
+                    :key="index"
+                    :label="item.carParkName"
+                    :value="item.parkId" />
+                </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -51,19 +57,31 @@
           <div class="form-div">
             <el-form label-position="left" label-width="100px" :model="formLabelAlign">
               <el-form-item label="车场名称">
-                <el-input v-model="formLabelAlign.carParkingName"></el-input>
+                <el-select v-model="formLabelAlign.carParkName" placeholder="请选择">
+                  <el-option
+                    v-for="(item,index) in carParkingNameOptions"
+                    :key="index"
+                    :label="item.carParkName"
+                    :value="item.parkId" />
+                </el-select>
               </el-form-item>
               <el-form-item label="车牌号">
                 <el-input v-model="formLabelAlign.plateNo"></el-input>
               </el-form-item>
               <el-form-item label="抬杆类型">
-                <el-input v-model="formLabelAlign.leverType"></el-input>
+                <el-input v-model="formLabelAlign.liftType"></el-input>
               </el-form-item>
               <el-form-item label="抬杆状态">
-                <el-input v-model="formLabelAlign.leverStatus"></el-input>
+                <el-input v-model="formLabelAlign.liftStatus"></el-input>
               </el-form-item>
               <el-form-item label="操作人员">
-                <el-input v-model="formLabelAlign.operator"></el-input>
+                <el-select v-model="formLabelAlign.tollmanName" placeholder="请选择">
+                  <el-option
+                    v-for="(item,index) in tollmanOptions"
+                    :key="index"
+                    :label="item.tollmanName"
+                    :value="item.id" />
+                </el-select>
               </el-form-item>
             </el-form>
           </div>
@@ -78,7 +96,7 @@
           <el-row>
             <el-col :span="8">
               <el-form-item label="车场名称: ">
-                <el-input v-model="formInline2.carParkingName" placeholder="请输入"></el-input>
+                <el-input v-model="formInline2.carParkName" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="6">
@@ -118,7 +136,7 @@
           <div class="form-div">
             <el-form label-position="left" label-width="110px" :model="formLabelAlign2">
               <el-form-item label="车场名称">
-                <el-input v-model="formLabelAlign2.carParkingName"></el-input>
+                <el-input v-model="formLabelAlign2.carParkName"></el-input>
               </el-form-item>
               <el-form-item label="车牌号">
                 <el-input v-model="formLabelAlign2.plateNo"></el-input>
@@ -218,7 +236,7 @@
           <el-row>
             <el-col :span="8">
               <el-form-item label="车场名称:">
-                <el-input v-model="formInline4.carParkingName" placeholder="请输入"></el-input>
+                <el-input v-model="formInline4.carParkName" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -264,7 +282,7 @@
           <div class="form-div">
             <el-form label-position="left" label-width="100px" :model="formLabelAlign4">
               <el-form-item label="车场名称">
-                <el-input v-model="formLabelAlign4.carParkingName"></el-input>
+                <el-input v-model="formLabelAlign4.carParkName"></el-input>
               </el-form-item>
               <el-form-item label="车牌号">
                 <el-input v-model="formLabelAlign4.plateNo"></el-input>
@@ -295,6 +313,7 @@
 <script>
 import api from "@/api/audit.js";
 import dictionary from "@/util/dictionary";
+import api_z from "@/api/article_z.js";
 
 export default {
   components: {},
@@ -304,7 +323,7 @@ export default {
       columns1: [
         {
           label: '车场名称',
-          key: 'carParkingName'
+          key: 'carParkName'
         },
         {
           label: '车牌号',
@@ -312,22 +331,26 @@ export default {
         },
         {
           label: '抬杆类型',
-          key: 'leverType'
+          key: 'liftType'
         },
         {
           label: '抬杆状态',
-          key: 'leverStatus'
+          key: 'liftStatus'
         },
         {
           label: '操作人员',
-          key: 'operator'
+          key: 'tollmanName'
         },
         {
           label: '抬杆时间',
-          key: 'leverTime'
+          key: 'createTime'
         },
       ],
-      tableData1: [{carParkingName: 'sa'}],
+      carParkingNameValue: '',
+      carParkingNameOptions: [],
+      tollmanValue: '',
+      tollmanOptions: [],
+      tableData1: [{carParkName: 'sa'}],
       total1: 0,
       pageSize1: 10,
       pageNum1: 1,
@@ -339,17 +362,17 @@ export default {
       dialogVisible: false,
       formLabelAlign: {
         id: '',
-        carParkingName: '',
+        carParkName: '',
         plateNo: '',
-        leverType: '',
-        leverStatus: '',
-        operator: '',
-        leverTime: ''
+        liftType: '',
+        liftStatus: '',
+        tollmanName: '',
+        createTime: ''
       },
       columns2: [
         {
           label: '车场名称',
-          key: 'carParkingName'
+          key: 'carParkName'
         },
         {
           label: '车牌号',
@@ -376,18 +399,18 @@ export default {
           key: 'releaseTime'
         },
       ],
-      tableData2: [{carParkingName: 'sasa1'}],
+      tableData2: [{carParkName: 'sasa1'}],
       total2: 0,
       pageSize2: 10,
       pageNum2: 1,
       formInline2: {
-        carParkingName: '',
+        carParkName: '',
       },
       title2: '',
       dialogVisible2: false,
       formLabelAlign2: {
         id: '',
-        carParkingName: '',
+        carParkName: '',
         plateNo: '',
         vehicleType: '',
         releaseReason: '',
@@ -432,7 +455,7 @@ export default {
       columns4: [
         {
           label: '停车场名称',
-          key: 'carParkingName'
+          key: 'carParkName'
         },
         {
           label: '车牌号',
@@ -455,19 +478,19 @@ export default {
           key: 'legalProcedure'
         },
       ],
-      tableData4: [{carParkingName: 'sasa1111'}],
+      tableData4: [{carParkName: 'sasa1111'}],
       total4: 0,
       pageSize4: 10,
       pageNum4: 1,
       formInline4: {
-        carParkingName: '',
+        carParkName: '',
         plateNo: ''
       },
       title4: '',
       dialogVisible4: false,
       formLabelAlign4: {
         id: '',
-        carParkingName: '',
+        carParkName: '',
         plateNo: '',
         carType: '',
         cleanNotice: '',
@@ -477,7 +500,9 @@ export default {
     }
   },
   mounted() {
-    // this.getTableData1()
+    this.getTableData1()
+    this.getCarParkingName()
+    this.getTollmanList()
     // this.getTableData2()
     // this.getTableData3()
     // this.getTableData4()
@@ -490,12 +515,12 @@ export default {
     },
     handleAdd() {
       this.title = '添加'
-      this.formLabelAlign.carParkingName = ''
+      this.formLabelAlign.carParkName = ''
       this.formLabelAlign.plateNo = ''
-      this.formLabelAlign.leverType = ''
-      this.formLabelAlign.leverStatus = ''
-      this.formLabelAlign.operator = ''
-      this.formLabelAlign.leverTime = ''
+      this.formLabelAlign.liftType = ''
+      this.formLabelAlign.liftStatus = ''
+      this.formLabelAlign.tollmanName = ''
+      this.formLabelAlign.createTime = ''
       this.dialogVisible = true
     },
     handleEdit(row) {
@@ -513,7 +538,7 @@ export default {
     },
     handleConfirm() {
       if (this.title === '修改') {
-        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr, id: this.formLabelAlign.id}).then(res => {
+        api_z.editExceptionHandingLift({id:this.formLabelAlign.id,parkId: this.formLabelAlign.carParkName,tollmanId:this.formLabelAlign.tollmanName,plateNo:this.formLabelAlign.plateNo,liftType:this.formLabelAlign.liftType,liftStatus:this.formLabelAlign.liftStatus}).then(res => {
           if (res.code === 200) {
             this.dialogVisible = false
             this.$message({
@@ -524,7 +549,7 @@ export default {
           }
         })
       } else {
-        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
+        api_z.addExceptionHandingLift({parkId: this.formLabelAlign.carParkName,tollmanId:this.formLabelAlign.tollmanName,plateNo:this.formLabelAlign.plateNo,liftType:this.formLabelAlign.liftType,liftStatus:this.formLabelAlign.liftStatus}).then(res => {
           if (res.code === 200) {
             this.dialogVisible = false
             this.$message({
@@ -542,7 +567,7 @@ export default {
     },
     handleAdd2() {
       this.title2 = '添加'
-      this.formLabelAlign2.carParkingName = ''
+      this.formLabelAlign2.carParkName = ''
       this.formLabelAlign2.arrears = ''
       this.formLabelAlign2.overdueCharge = ''
       this.formLabelAlign2.paymentMethod = ''
@@ -646,7 +671,7 @@ export default {
     },
     handleAdd4() {
       this.title4 = '添加'
-      this.formLabelAlign4.carParkingName = ''
+      this.formLabelAlign4.carParkName = ''
       this.formLabelAlign4.plateNo = ''
       this.formLabelAlign4.carType = ''
       this.formLabelAlign4.cleanNotice = ''
@@ -698,11 +723,23 @@ export default {
     },
     getTableData1() {
       const {pageNum1, pageSize1} = this
-      api.carListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
-        this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
+      api_z.queryExceptionHandingLiftByPage({current: pageNum1, size: pageSize1,parkId:this.formInline1.carParkName,plateNo:this.formInline1.plateNo }).then(res => {
+        this.tableData1 = res.data.records || []
         this.total1 = res.data.total
       })
     },
+    //车场
+    getCarParkingName() {
+      api_z.querySelectParkListByPage().then(res => {
+        this.carParkingNameOptions=res.data
+      })
+    },
+    //收费员
+    getTollmanList() {
+      api_z.querySelectTollmanListByPage().then(res => {
+        this.tollmanOptions=res.data
+      })
+    },
     handlePageChange2() {
       this.getTableData2()
     },
@@ -768,9 +805,8 @@ export default {
     }
 
     .form-div {
-      /deep/ .el-input__inner {
+      /deep/ .el-input__inner{
         height: 35px;
-        width: 90%;
         border: 1px solid #a6a5a5;
       }
     }