消息

src/pages/index/components/message_management.vue

@@ -2,97 +2,34 @@
   <div class="body-wrapper">
     <el-tabs v-model="activeName">
       <el-tab-pane label="配置消息" name="配置消息">
-        <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
-          <el-row>
-            <el-col :span="8">
-              <el-form-item label="车场名称:">
-                <el-input v-model="formInline1.carParkingName" placeholder="请输入"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="车牌号:">
-                <el-input v-model="formInline1.plateNo" placeholder="请输入"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item>
-                <el-button type="primary" class="query-btn" @click="onSubmit1">查询</el-button>
-              </el-form-item>
-              <el-form-item>
-                <el-button type="success" @click="handleAdd">添加</el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <el-table :data="tableData1">
-          <el-table-column v-for="(item, index) in columns1" :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 layout="prev, pager, next" :total="total1" @current-change="handlePageChange1"
-                         :current-page.sync="pageNum1" :page-size.sync="pageSize1">
-          </el-pagination>
-        </div>
-        <el-dialog
-          :title="title"
-          :visible.sync="dialogVisible"
-          width="45%"
-          custom-class="audit-dialog">
-          <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-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.inTime"></el-input>
-              </el-form-item>
-              <el-form-item label="离场时间">
-                <el-input v-model="formLabelAlign.outTime"></el-input>
-              </el-form-item>
-              <el-form-item label="岗亭操作人">
-                <el-input v-model="formLabelAlign.operator"></el-input>
-              </el-form-item>
-            </el-form>
-          </div>
+        <div class="form-div">
+          <el-form label-position="left" label-width="100px" :model="formLabelAlign">
+            <el-form-item label="标题：">
+              <el-input v-model="formLabelAlign.messageTitle"></el-input>
+            </el-form-item>
+            <el-form-item label="内容：">
+              <el-input type="textarea"
+                        :rows="4"
+                        v-model="formLabelAlign.messageArea"></el-input>
+            </el-form-item>
+          </el-form>
           <span slot="footer" class="dialog-footer">
-            <el-button @click="dialogVisible = false">取 消</el-button>
-            <el-button type="primary" @click="handleConfirm">确 定</el-button>
-        </span>
-        </el-dialog>
+            <el-button type="primary" @click="handleConfirm">推送消息</el-button>
+          </span>
+        </div>
       </el-tab-pane>
-      <el-tab-pane label="停车记录" name="停车记录">
+      <el-tab-pane label="通知消息" name="通知消息">
         <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">
           <el-row>
             <el-col :span="8">
-              <el-form-item label="车场名称:">
-                <el-input v-model="formInline1.carParkingName" placeholder="请输入"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="车牌号:">
-                <el-input v-model="formInline1.plateNo" placeholder="请输入"></el-input>
+              <el-form-item label="报警信息:">
+                <el-input v-model="formInline2.alarmMessage" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item>
                 <el-button type="primary" class="query-btn" @click="onSubmit2">查询</el-button>
               </el-form-item>
-              <el-form-item>
-                <el-button type="success" @click="handleAdd2">添加</el-button>
-              </el-form-item>
             </el-col>
           </el-row>
         </el-form>
@@ -102,16 +39,13 @@
           <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>
+            <div slot-scope="scope">
+              <el-button @click="handleDetail2(scope.row)" type="primary" size="mini">查看详情</el-button>
+            </div>
           </el-table-column>
         </el-table>
         <div class="table-pagination">
-          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange2"
+          <el-pagination layout="prev, pager, next" :total="total2" @current-change="handlePageChange2"
                          :current-page.sync="pageNum2" :page-size.sync="pageSize2">
           </el-pagination>
         </div>
@@ -121,62 +55,49 @@
           width="45%"
           custom-class="audit-dialog">
           <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-form disabled label-position="left" label-width="110px" :model="formLabelAlign2">
+              <el-form-item label="报警信息">
+                <el-input v-model="formLabelAlign2.alarmMessage"></el-input>
               </el-form-item>
               <el-form-item label="车牌号">
                 <el-input v-model="formLabelAlign2.plateNo"></el-input>
               </el-form-item>
-              <el-form-item label="停车时间">
-                <el-input v-model="formLabelAlign2.parkingTime"></el-input>
-              </el-form-item>
-              <el-form-item label="应收费用">
-                <el-input v-model="formLabelAlign2.expenseReceivable"></el-input>
+              <el-form-item label="报警时间">
+                <el-input v-model="formLabelAlign2.alarmTime"></el-input>
               </el-form-item>
             </el-form>
           </div>
-          <span slot="footer" class="dialog-footer">
-            <el-button @click="dialogVisible2 = false">取 消</el-button>
-            <el-button type="primary" @click="handleConfirm2">确 定</el-button>
-        </span>
         </el-dialog>
       </el-tab-pane>
-      <el-tab-pane label="在场记录" name="在场记录">
+      <el-tab-pane label="设备报警消息" name="设备报警消息">
         <el-form class="form-wrapper" :inline="true" :model="formInline3" style="margin-bottom: 20px;">
           <el-row>
             <el-col :span="8">
-              <el-form-item label="收费员:">
-                <el-input v-model="formInline3.tollCollector" placeholder="请输入"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="工作日期:">
-                <el-date-picker
-                  v-model="formInline3.workingDate"
-                  type="date"
-                  placeholder="选择日期">
-                </el-date-picker>
+              <el-form-item label="设备报警:">
+                <el-input v-model="formInline3.equipmentAlarm" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item>
                 <el-button type="primary" class="query-btn" @click="onSubmit3">查询</el-button>
               </el-form-item>
-              <el-form-item>
-                <el-button type="success" @click="handleAdd3">添加</el-button>
-              </el-form-item>
             </el-col>
           </el-row>
         </el-form>
         <el-table :data="tableData3">
           <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
+          <el-table-column
+            label="详情"
+            width="200">
+            <div slot-scope="scope">
+              <el-button @click="handleDetail3(scope.row)" type="primary" size="mini">查看详情</el-button>
+            </div>
+          </el-table-column>
           <el-table-column
             label="操作"
             width="200">
             <template slot-scope="scope" style="display: inline-block">
-              <el-button type="primary" @click="handleEdit3(scope.row)" slot="reference">修改</el-button>
               <el-popconfirm title="确定删除吗？" @confirm="deleteRow3(scope.row)">
                 <el-button type="danger" slot="reference">删除</el-button>
               </el-popconfirm>
@@ -195,51 +116,34 @@
           width="45%"
           custom-class="audit-dialog">
           <div class="form-div">
-            <el-form label-position="left" label-width="100px" :model="formLabelAlign3">
-              <el-form-item label="收费员">
-                <el-input v-model="formLabelAlign3.tollCollector"></el-input>
-              </el-form-item>
-              <el-form-item label="工作日期">
-                <el-date-picker
-                  v-model="formLabelAlign3.workingDate"
-                  type="date"
-                  placeholder="选择日期">
-                </el-date-picker>
-              </el-form-item>
-              <el-form-item label="入场车辆数">
-                <el-input v-model="formLabelAlign3.inCarNumber"></el-input>
+            <el-form disabled label-position="left" label-width="100px" :model="formLabelAlign3">
+              <el-form-item label="设备报警">
+                <el-input v-model="formLabelAlign3.equipmentAlarm"></el-input>
               </el-form-item>
-              <el-form-item label="出场车辆数">
-                <el-input v-model="formLabelAlign3.outCarNumber"></el-input>
+              <el-form-item label="状态">
+                <el-input v-model="formLabelAlign3.type"></el-input>
               </el-form-item>
             </el-form>
           </div>
-          <span slot="footer" class="dialog-footer">
-            <el-button @click="dialogVisible3 = false">取 消</el-button>
-            <el-button type="primary" @click="handleConfirm3">确 定</el-button>
-        </span>
         </el-dialog>
       </el-tab-pane>
-      <el-tab-pane label="特殊放行记录" name="特殊放行记录">
+      <el-tab-pane label="监控车辆报警消息" name="监控车辆报警消息">
         <el-form class="form-wrapper" :inline="true" :model="formInline4" style="margin-bottom: 20px;">
           <el-row>
             <el-col :span="8">
-              <el-form-item label="收费员:">
-                <el-input v-model="formInline4.tollCollector" placeholder="请输入"></el-input>
+              <el-form-item label="设备报警:">
+                <el-input v-model="formInline4.equipmentAlarm" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="车牌号:">
-                <el-input v-model="formInline4.plateNo" placeholder="请输入"></el-input>
+              <el-form-item label="设备ID:">
+                <el-input v-model="formInline4.equipmentID" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item>
                 <el-button type="primary" class="query-btn" @click="onSubmit4">查询</el-button>
               </el-form-item>
-              <el-form-item>
-                <el-button type="success" @click="handleAdd4">添加</el-button>
-              </el-form-item>
             </el-col>
           </el-row>
         </el-form>
@@ -249,12 +153,9 @@
           <el-table-column
             label="操作"
             width="200">
-            <template slot-scope="scope" style="display: inline-block">
-              <el-button type="primary" @click="handleEdit4(scope.row)" slot="reference">修改</el-button>
-              <el-popconfirm title="确定删除吗？" @confirm="deleteRow4(scope.row)">
-                <el-button type="danger" slot="reference">删除</el-button>
-              </el-popconfirm>
-            </template>
+            <div slot-scope="scope">
+              <el-button @click="handleDetail4(scope.row)" type="primary" size="mini">查看详情</el-button>
+            </div>
           </el-table-column>
         </el-table>
         <div class="table-pagination">
@@ -269,29 +170,21 @@
           width="45%"
           custom-class="audit-dialog">
           <div class="form-div">
-            <el-form label-position="left" label-width="100px" :model="formLabelAlign4">
-              <el-form-item label="收费员">
-                <el-input v-model="formLabelAlign4.tollCollector"></el-input>
+            <el-form disabled label-position="left" label-width="100px" :model="formLabelAlign4">
+              <el-form-item label="设备报警">
+                <el-input v-model="formLabelAlign4.equipmentAlarm"></el-input>
               </el-form-item>
-              <el-form-item label="车牌号">
-                <el-input v-model="formLabelAlign4.plateNo"></el-input>
+              <el-form-item label="设备ID">
+                <el-input v-model="formLabelAlign4.equipmentID"></el-input>
               </el-form-item>
-              <el-form-item label="放行时间">
+              <el-form-item label="报警时间">
                 <el-date-picker
-                  v-model="formLabelAlign4.releaseTime"
-                  type="date"
-                  placeholder="选择日期">
+                  v-model="formLabelAlign4.alarmTime"
+                  type="date">
                 </el-date-picker>
               </el-form-item>
-              <el-form-item label="放行原因">
-                <el-input v-model="formLabelAlign4.releaseReason"></el-input>
-              </el-form-item>
             </el-form>
           </div>
-          <span slot="footer" class="dialog-footer">
-            <el-button @click="dialogVisible4 = false">取 消</el-button>
-            <el-button type="primary" @click="handleConfirm4">确 定</el-button>
-          </span>
         </el-dialog>
       </el-tab-pane>
     </el-tabs>
@@ -299,157 +192,99 @@
 </template>
 <script>
 import api from "@/api/audit.js";
-import dictionary from "@/util/dictionary";
 
 export default {
   components: {},
   data() {
     return {
       activeName: '配置消息',
-      columns1: [
-        {
-          label: '车场名称',
-          key: 'carParkingName'
-        },
-        {
-          label: '车牌号',
-          key: 'plateNo'
-        },
-        {
-          label: '入场时间',
-          key: 'inTime'
-        },
-        {
-          label: '离场时间',
-          key: 'outTime'
-        },
-        {
-          label: '岗亭操作人',
-          key: 'operator'
-        },
-      ],
-      tableData1: [{carParkingName: 'sasa'}],
-      total1: 0,
-      pageSize1: 10,
-      pageNum1: 1,
-      formInline1: {
-        carParkingName: '',
-        plateNo:'',
-      },
-      title: '',
-      dialogVisible: false,
       formLabelAlign: {
         id: '',
-        carParkingName: '',
-        plateNo:'',
-        inTime: '',
-        outTime: '',
-        operator: '',
+        messageTitle: '',
+        messageArea: '',
       },
       columns2: [
         {
-          label: '车场名称',
-          key: 'carParkingName'
+          label: '报警信息',
+          key: 'alarmMessage'
         },
         {
           label: '车牌号',
           key: 'plateNo'
         },
         {
-          label: '停车时间',
-          key: 'parkingTime'
-        },
-        {
-          label: '应收费用',
-          key: 'expenseReceivable'
+          label: '报警时间',
+          key: 'alarmTime'
         },
       ],
-      tableData2: [{carParkingName: 'sasa1'}],
+      tableData2: [{alarmMessage: 'sasa1'}],
       total2: 0,
       pageSize2: 10,
       pageNum2: 1,
       formInline2: {
-        carParkingName: '',
-        plateNo:'',
+        alarmMessage: '',
       },
       title2: '',
       dialogVisible2: false,
       formLabelAlign2: {
         id: '',
-        carParkingName: '',
-        plateNo:'',
-        parkingTime: '',
-        expenseReceivable: '',
+        alarmMessage: '',
+        plateNo: '',
+        alarmTime: '',
       },
       columns3: [
         {
-          label: '收费员',
-          key: 'tollCollector'
+          label: '设备报警',
+          key: 'equipmentAlarm'
         },
         {
-          label: '工作日期',
-          key: 'workingDate'
-        },
-        {
-          label: '入场车辆数',
-          key: 'inCarNumber'
-        },
-        {
-          label: '出场车辆数',
-          key: 'outCarNumber'
+          label: '状态',
+          key: 'type'
         },
       ],
-      tableData3: [{carParkingName: 'sasa111'}],
+      tableData3: [{equipmentAlarm: 'sasa111'}],
       total3: 0,
       pageSize3: 10,
       pageNum3: 1,
       formInline3: {
-        tollCollector: '',
-        workingDate: ''
+        equipmentAlarm: '',
       },
       title3: '',
       dialogVisible3: false,
       formLabelAlign3: {
         id: '',
-        tollCollector: '',
-        workingDate: '',
-        inCarNumber: '',
-        outCarNumber: '',
+        equipmentAlarm: '',
+        type: '',
       },
       columns4: [
         {
-          label: '收费员',
-          key: 'tollCollector'
-        },
-        {
-          label: '车牌号',
-          key: 'plateNo'
+          label: '设备报警',
+          key: 'equipmentAlarm'
         },
         {
-          label: '放行时间',
-          key: 'releaseTime'
+          label: '设备ID',
+          key: 'equipmentID'
         },
         {
-          label: '放行原因',
-          key: 'releaseReason'
+          label: '报警时间',
+          key: 'alarmTime'
         },
       ],
-      tableData4: [{carParkingName: 'sasa1111'}],
+      tableData4: [{equipmentAlarm: 'sasa1111',alarmTime:'2023'}],
       total4: 0,
       pageSize4: 10,
       pageNum4: 1,
       formInline4: {
-        tollCollector: '',
-        plateNo: '',
+        equipmentAlarm: '',
+        equipmentID: '',
       },
       title4: '',
       dialogVisible4: false,
       formLabelAlign4: {
         id: '',
-        tollCollector: '',
-        plateNo: '',
-        releaseTime: '',
-        releaseReason: '',
+        equipmentAlarm: '',
+        equipmentID: '',
+        alarmTime: '',
       },
     }
   },
@@ -461,107 +296,33 @@ export default {
   },
   watch: {},
   methods: {
-    onSubmit1() {
-      this.pageNum1 = 1
-      this.getTableData1()
-    },
-    handleAdd() {
-      this.title = '添加'
-      this.formLabelAlign.carParkingName = ''
-      this.formLabelAlign.plateNo = ''
-      this.formLabelAlign.inTime = ''
-      this.formLabelAlign.outTime = ''
-      this.formLabelAlign.operator = ''
-      this.dialogVisible = true
-    },
-    handleEdit(row) {
-      this.title = '修改'
-      this.formLabelAlign = {...row}
-      this.dialogVisible = true
-    },
-    deleteRow(record) {
-      api.deleteWhiteIp({id: record.id}).then(res => {
+    handleConfirm() {
+      api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
         if (res.code === 200) {
-          this.$message({type: 'success', message: '删除成功!'})
-          this.getTableData1()
+          this.$message({
+            message: '添加成功!',
+            type: 'success'
+          })
+          this.formLabelAlign.messageTitle=''
+          this.formLabelAlign.messageArea=''
         }
       })
     },
-    handleConfirm() {
-      if (this.title === '修改') {
-        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr, id: this.formLabelAlign.id}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible = false
-            this.$message({
-              message: '修改成功!',
-              type: 'success'
-            })
-            this.getTableData1()
-          }
-        })
-      } else {
-        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible = false
-            this.$message({
-              message: '添加成功!',
-              type: 'success'
-            })
-            this.getTableData1()
-          }
-        })
-      }
-    },
     onSubmit2() {
       this.pageNum2 = 1
       this.getTableData2()
     },
-    handleAdd2() {
-      this.title2 = '添加'
-      this.formLabelAlign2.carParkingName = ''
-      this.formLabelAlign2.plateNo = ''
-      this.formLabelAlign2.parkingTime = ''
-      this.formLabelAlign2.expenseReceivable = ''
-      this.dialogVisible2 = true
-    },
-
-    handleEdit2(row) {
-      this.title2 = '修改'
+    handleDetail2(row) {
       this.formLabelAlign2 = {...row}
       this.dialogVisible2 = true
     },
-    deleteRow2(record) {
-      api.deleteWhiteIp({id: record.id}).then(res => {
-        if (res.code === 200) {
-          this.$message({type: 'success', message: '删除成功!'})
-          this.getTableData2()
-        }
-      })
+    handleDetail3(row) {
+      this.formLabelAlign3 = {...row}
+      this.dialogVisible3 = true
     },
-    handleConfirm2() {
-      if (this.title2 === '修改') {
-        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr, id: this.formLabelAlign2.id}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible2 = false
-            this.$message({
-              message: '修改成功!',
-              type: 'success'
-            })
-            this.getTableData2()
-          }
-        })
-      } else {
-        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr}).then(res => {
-          if (res.code === 200) {
-            this.dialogVisible2 = false
-            this.$message({
-              message: '添加成功!',
-              type: 'success'
-            })
-            this.getTableData2()
-          }
-        })
-      }
+    handleDetail4(row) {
+      this.formLabelAlign4 = {...row}
+      this.dialogVisible4 = true
     },
     onSubmit3() {
       this.pageNum3 = 1
@@ -620,9 +381,9 @@ export default {
     },
     handleAdd4() {
       this.title4 = '添加'
-      this.formLabelAlign4.tollCollector= ''
-      this.formLabelAlign4.plateNo= ''
-      this.formLabelAlign4.releaseTime= ''
+      this.formLabelAlign4.tollCollector = ''
+      this.formLabelAlign4.plateNo = ''
+      this.formLabelAlign4.releaseTime = ''
       this.formLabelAlign4.releaseReason = ''
       this.dialogVisible4 = true
     },
@@ -665,16 +426,6 @@ export default {
         })
       }
     },
-    handlePageChange1() {
-      this.getTableData1()
-    },
-    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]}))
-        this.total1 = res.data.total
-      })
-    },
     handlePageChange2() {
       this.getTableData2()
     },

src/pages/index/components/service_configuration.vue

@@ -0,0 +1,734 @@
+<template>
+  <div class="body-wrapper">
+    <el-tabs v-model="activeName">
+      <el-tab-pane label="业务参数配置" name="业务参数配置">
+        <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="所在区域:">
+                <el-input v-model="formInline1.localArea" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="业务类型:">
+                <el-input v-model="formInline1.businessType" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit1">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData1">
+          <el-table-column v-for="(item, index) in columns1" :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 layout="prev, pager, next" :total="total1" @current-change="handlePageChange1"
+                         :current-page.sync="pageNum1" :page-size.sync="pageSize1">
+          </el-pagination>
+        </div>
+        <el-dialog
+          :title="title"
+          :visible.sync="dialogVisible"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="100px" :model="formLabelAlign">
+              <el-form-item label="所在区域">
+                <el-input v-model="formLabelAlign.localArea"></el-input>
+              </el-form-item>
+              <el-form-item label="业务类型">
+                <el-input v-model="formLabelAlign.businessType"></el-input>
+              </el-form-item>
+              <el-form-item label="内容">
+                <el-input v-model="formLabelAlign.content"></el-input>
+              </el-form-item>
+              <el-form-item label="参数配置">
+                <el-input v-model="formLabelAlign.parameterConfiguration"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="节假日配置" name="节假日配置">
+        <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="所在区域:">
+                <el-input v-model="formInline2.localArea" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="节假日名称:">
+                <el-input v-model="formInline2.holidayName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit2">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd2">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData2">
+          <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 layout="prev, pager, next" :total="total2" @current-change="handlePageChange2"
+                         :current-page.sync="pageNum2" :page-size.sync="pageSize2">
+          </el-pagination>
+        </div>
+        <el-dialog
+          :title="title2"
+          :visible.sync="dialogVisible2"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="145px" :model="formLabelAlign2">
+              <el-form-item label="所在区域">
+                <el-input v-model="formLabelAlign2.localArea"></el-input>
+              </el-form-item>
+              <el-form-item label="节假日名称">
+                <el-input v-model="formLabelAlign2.holidayName"></el-input>
+              </el-form-item>
+              <el-form-item label="基础停车费(元/小时)">
+                <el-input v-model="formLabelAlign2.basicFee"></el-input>
+              </el-form-item>
+              <el-form-item label="超时费(元/小时)">
+                <el-input v-model="formLabelAlign2.overtimeFee"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible2 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm2">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="热门商圈配置" name="热门商圈配置">
+        <el-form class="form-wrapper" :inline="true" :model="formInline3" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="所在区域:">
+                <el-input v-model="formInline3.localArea" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="商圈名称:">
+                <el-input v-model="formInline3.businessDistrictName" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit3">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd3">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData3">
+          <el-table-column v-for="(item, index) in columns3" :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="handleEdit3(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow3(scope.row)">
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total3" @current-change="handlePageChange3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+
+        <el-dialog
+          :title="title3"
+          :visible.sync="dialogVisible3"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="145px" :model="formLabelAlign3">
+              <el-form-item label="所在区域">
+                <el-input v-model="formLabelAlign3.localArea"></el-input>
+              </el-form-item>
+              <el-form-item label="商圈名称">
+                <el-input v-model="formLabelAlign3.businessDistrictName"></el-input>
+              </el-form-item>
+              <el-form-item label="基础停车费(元/小时)">
+                <el-input v-model="formLabelAlign3.basicFee"></el-input>
+              </el-form-item>
+              <el-form-item label="超时费(元/小时)">
+                <el-input v-model="formLabelAlign3.overtimeFee"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible3 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm3">确 定</el-button>
+        </span>
+        </el-dialog>
+      </el-tab-pane>
+      <el-tab-pane label="停车概览页面配置" name="停车概览页面配置">
+        <el-form class="form-wrapper" :inline="true" :model="formInline4" style="margin-bottom: 20px;">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="暂未改:">
+                <el-input v-model="formInline4.tollCollector" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="车牌号:">
+                <el-input v-model="formInline4.plateNo" placeholder="请输入"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <el-button type="primary" class="query-btn" @click="onSubmit4">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="success" @click="handleAdd4">添加</el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="tableData4">
+          <el-table-column v-for="(item, index) in columns4" :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="handleEdit4(scope.row)" slot="reference">修改</el-button>
+              <el-popconfirm title="确定删除吗？" @confirm="deleteRow4(scope.row)">
+                <el-button type="danger" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination layout="prev, pager, next" :total="total4" @current-change="handlePageChange4"
+                         :current-page.sync="pageNum4" :page-size.sync="pageSize4">
+          </el-pagination>
+        </div>
+
+        <el-dialog
+          :title="title4"
+          :visible.sync="dialogVisible4"
+          width="45%"
+          custom-class="audit-dialog">
+          <div class="form-div">
+            <el-form label-position="left" label-width="100px" :model="formLabelAlign4">
+              <el-form-item label="收费员">
+                <el-input v-model="formLabelAlign4.tollCollector"></el-input>
+              </el-form-item>
+              <el-form-item label="车牌号">
+                <el-input v-model="formLabelAlign4.plateNo"></el-input>
+              </el-form-item>
+              <el-form-item label="放行时间">
+                <el-date-picker
+                  v-model="formLabelAlign4.releaseTime"
+                  type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="放行原因">
+                <el-input v-model="formLabelAlign4.releaseReason"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible4 = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm4">确 定</el-button>
+          </span>
+        </el-dialog>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+import dictionary from "@/util/dictionary";
+
+export default {
+  components: {},
+  data() {
+    return {
+      activeName: '业务参数配置',
+      columns1: [
+        {
+          label: '所在区域',
+          key: 'localArea'
+        },
+        {
+          label: '业务类型',
+          key: 'businessType'
+        },
+        {
+          label: '内容',
+          key: 'content'
+        },
+        {
+          label: '参数配置',
+          key: 'parameterConfiguration'
+        },
+      ],
+      tableData1: [{localArea: 'sasa'}],
+      total1: 0,
+      pageSize1: 10,
+      pageNum1: 1,
+      formInline1: {
+        localArea: '',
+        businessType:'',
+      },
+      title: '',
+      dialogVisible: false,
+      formLabelAlign: {
+        id: '',
+        localArea: '',
+        businessType:'',
+        content: '',
+        parameterConfiguration: '',
+      },
+      columns2: [
+        {
+          label: '所在区域',
+          key: 'localArea'
+        },
+        {
+          label: '节假日名称',
+          key: 'holidayName'
+        },
+        {
+          label: '基础停车费(元/小时)',
+          key: 'basicFee'
+        },
+        {
+          label: '超时费(元/小时)',
+          key: 'overtimeFee'
+        },
+      ],
+      tableData2: [{localArea: 'sasa1'}],
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      formInline2: {
+        localArea: '',
+        holidayName:'',
+      },
+      title2: '',
+      dialogVisible2: false,
+      formLabelAlign2: {
+        id: '',
+        localArea: '',
+        holidayName:'',
+        basicFee: '',
+        overtimeFee: '',
+      },
+      columns3: [
+        {
+          label: '所在区域',
+          key: 'localArea'
+        },
+        {
+          label: '商圈名称',
+          key: 'businessDistrictName'
+        },
+        {
+          label: '基础停车费(元/小时)',
+          key: 'basicFee'
+        },
+        {
+          label: '超时费(元/小时)',
+          key: 'overtimeFee'
+        },
+      ],
+      tableData3: [{carParkingName: 'sasa111'}],
+      total3: 0,
+      pageSize3: 10,
+      pageNum3: 1,
+      formInline3: {
+        localArea: '',
+        businessDistrictName: ''
+      },
+      title3: '',
+      dialogVisible3: false,
+      formLabelAlign3: {
+        id: '',
+        localArea: '',
+        businessDistrictName: '',
+        basicFee: '',
+        overtimeFee: '',
+      },
+      columns4: [
+        {
+          label: '收费员',
+          key: 'tollCollector'
+        },
+        {
+          label: '车牌号',
+          key: 'plateNo'
+        },
+        {
+          label: '放行时间',
+          key: 'releaseTime'
+        },
+        {
+          label: '放行原因',
+          key: 'releaseReason'
+        },
+      ],
+      tableData4: [{carParkingName: 'sasa1111'}],
+      total4: 0,
+      pageSize4: 10,
+      pageNum4: 1,
+      formInline4: {
+        tollCollector: '',
+        plateNo: '',
+      },
+      title4: '',
+      dialogVisible4: false,
+      formLabelAlign4: {
+        id: '',
+        tollCollector: '',
+        plateNo: '',
+        releaseTime: '',
+        releaseReason: '',
+      },
+    }
+  },
+  mounted() {
+    // this.getTableData1()
+    // this.getTableData2()
+    // this.getTableData3()
+    // this.getTableData4()
+  },
+  watch: {},
+  methods: {
+    onSubmit1() {
+      this.pageNum1 = 1
+      this.getTableData1()
+    },
+    handleAdd() {
+      this.title = '添加'
+      this.formLabelAlign.localArea = ''
+      this.formLabelAlign.businessType = ''
+      this.formLabelAlign.content = ''
+      this.formLabelAlign.parameterConfiguration = ''
+      this.dialogVisible = true
+    },
+    handleEdit(row) {
+      this.title = '修改'
+      this.formLabelAlign = {...row}
+      this.dialogVisible = true
+    },
+    deleteRow(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData1()
+        }
+      })
+    },
+    handleConfirm() {
+      if (this.title === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr, id: this.formLabelAlign.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData1()
+          }
+        })
+      }
+    },
+    onSubmit2() {
+      this.pageNum2 = 1
+      this.getTableData2()
+    },
+    handleAdd2() {
+      this.title2 = '添加'
+      this.formLabelAlign2.localArea= ''
+      this.formLabelAlign2.holidayName= ''
+      this.formLabelAlign2.basicFee= ''
+      this.formLabelAlign2.overtimeFee = ''
+      this.dialogVisible2 = true
+    },
+
+    handleEdit2(row) {
+      this.title2 = '修改'
+      this.formLabelAlign2 = {...row}
+      this.dialogVisible2 = true
+    },
+    deleteRow2(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData2()
+        }
+      })
+    },
+    handleConfirm2() {
+      if (this.title2 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr, id: this.formLabelAlign2.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign2.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible2 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData2()
+          }
+        })
+      }
+    },
+    onSubmit3() {
+      this.pageNum3 = 1
+      this.getTableData3()
+    },
+    handleAdd3() {
+      this.title3 = '添加'
+      this.formLabelAlign3.localArea = ''
+      this.formLabelAlign3.businessDistrictName = ''
+      this.formLabelAlign3.basicFee = ''
+      this.formLabelAlign3.overtimeFee = ''
+      this.dialogVisible3 = true
+    },
+
+    handleEdit3(row) {
+      this.title3 = '修改'
+      this.formLabelAlign3 = {...row}
+      this.dialogVisible3 = true
+    },
+    deleteRow3(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData3()
+        }
+      })
+    },
+    handleConfirm3() {
+      if (this.title3 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign3.ipAddr, id: this.formLabelAlign3.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible3 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData3()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign3.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible3 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData3()
+          }
+        })
+      }
+    },
+    onSubmit4() {
+      this.pageNum4 = 1
+      this.getTableData4()
+    },
+    handleAdd4() {
+      this.title4 = '添加'
+      this.formLabelAlign4.tollCollector= ''
+      this.formLabelAlign4.plateNo= ''
+      this.formLabelAlign4.releaseTime= ''
+      this.formLabelAlign4.releaseReason = ''
+      this.dialogVisible4 = true
+    },
+
+    handleEdit4(row) {
+      this.title4 = '修改'
+      this.formLabelAlign4 = {...row}
+      this.dialogVisible4 = true
+    },
+    deleteRow4(record) {
+      api.deleteWhiteIp({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData4()
+        }
+      })
+    },
+    handleConfirm4() {
+      if (this.title4 === '修改') {
+        api.addWhiteIp({ipAddr: this.formLabelAlign4.ipAddr, id: this.formLabelAlign4.id}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible4 = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData4()
+          }
+        })
+      } else {
+        api.addWhiteIp({ipAddr: this.formLabelAlign4.ipAddr}).then(res => {
+          if (res.code === 200) {
+            this.dialogVisible4 = false
+            this.$message({
+              message: '添加成功!',
+              type: 'success'
+            })
+            this.getTableData4()
+          }
+        })
+      }
+    },
+    handlePageChange1() {
+      this.getTableData1()
+    },
+    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]}))
+        this.total1 = res.data.total
+      })
+    },
+    handlePageChange2() {
+      this.getTableData2()
+    },
+    getTableData2() {
+      const {pageNum2, pageSize2} = this
+      api.gjListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
+        this.tableData2 = res.data.records || []
+        this.total2 = res.data.total
+      })
+    },
+    handlePageChange3() {
+      this.getTableData3()
+    },
+    getTableData3() {
+      const {pageNum3, pageSize3} = this
+      api.tcjlListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
+        this.tableData3 = res.data.records || []
+        this.total3 = res.data.total
+      })
+    },
+    handlePageChange4() {
+      this.getTableData4()
+    },
+    getTableData4() {
+      const {pageNum4, pageSize4} = this
+      api.tcjlListByPage({current: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
+        this.tableData4 = res.data.records || []
+        this.total4 = res.data.total
+      })
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+
+  .button-block {
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+
+  .search-card {
+    margin-bottom: 20px;
+    text-align: center;
+
+    .input-wrapper {
+      width: 36%;
+    }
+  }
+
+  .audit-dialog {
+    .mg-bt {
+      margin-bottom: 24px;
+    }
+
+    .label {
+      text-align: right;
+    }
+
+    .form-div {
+      /deep/ .el-input__inner {
+        height: 35px;
+        width: 90%;
+        border: 1px solid #a6a5a5;
+      }
+    }
+  }
+}
+</style>

src/pages/index/layouts/indexLayout.vue

@@ -62,6 +62,7 @@ export default {
         {name: '电话管理', url: '/telephone_management'},
         {name: '领导数字驾驶舱系统', url: '/lead_system'},
         {name: '消息管理', url: '/message_management'},
+        {name: '业务配置', url: '/service_configuration'},
       ]
     }
   },

src/router/index.js

@@ -147,6 +147,11 @@ export default new Router({
           path: "/message_management",
           component: () => import("../pages/index/components/message_management.vue")
         },
+        {
+          name: "service_configuration",
+          path: "/service_configuration",
+          component: () => import("../pages/index/components/service_configuration.vue")
+        },
       ]
     }
   ]