消息后两个及修改

package.json

@@ -15,13 +15,11 @@
     "@wangeditor/editor-for-vue": "^1.0.2",
     "apexcharts": "^3.45.2",
     "axios": "1.4.0",
-    "axios": "1.4.0",
     "element-ui": "^2.15.12",
     "babel-runtime": "^6.26.0",
     "echarts": "^4.9.0",
     "echarts-gl": "^1.1.1",
     "echarts-liquidfill": "^2.0.5",
-    "element-ui": "^2.15.12",
     "js-cookie": "^3.0.1",
     "vue": "^2.5.2",
     "vue-apexcharts": "^1.6.2",
@@ -54,8 +52,8 @@
     "html-webpack-plugin": "^2.30.1",
     "less": "^3.9.0",
     "less-loader": "^4.1.0",
-    "node-sass": "^4.12.0",
     "node-notifier": "^5.1.2",
+    "node-sass": "^4.12.0",
     "optimize-css-assets-webpack-plugin": "^3.2.0",
     "ora": "^1.2.0",
     "portfinder": "^1.0.13",
@@ -74,7 +72,7 @@
     "vue-template-compiler": "^2.5.2",
     "webpack": "^3.6.0",
     "webpack-bundle-analyzer": "^2.9.0",
-    "webpack-dev-server": "^2.9.1",
+    "webpack-dev-server": "^2.11.5",
     "webpack-merge": "^4.1.0"
   },
   "engines": {

src/pages/index/components/parking_fee.vue

@@ -1,14 +1,25 @@
 <template>
   <div class="body-wrapper">
-    <div class="search-card">
-      <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入关键时间节点">
-        <el-button style="color: white" slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
-      </el-input>
-      <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入关键字">
-        <el-button style="color: white" slot="append" class="searchbtn" @click="handleSearch">
-        </el-button>
-      </el-input>
+    <div style="margin-bottom: 20px" class="search-card">
+      <el-form class="form-wrapper" :inline="true" :model="formInline">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="关键时间节点:">
+              <el-input v-model="formInline.searchTime" placeholder="请输入关键时间节点"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="关键字:">
+              <el-input v-model="formInline.searchWord" placeholder="请输入关键字"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item>
+              <el-button type="primary" @click="onSubmit">查询</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
     </div>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
@@ -80,7 +91,11 @@ export default {
       radio: '2',
       dialogVisible: false,
       selRow: {},
-      searchWords: undefined
+      searchWords: undefined,
+      formInline: {
+        searchTime: '',
+        searchWord: ''
+      }
     }
   },
   mounted() {
@@ -139,12 +154,13 @@ export default {
   .table-pagination{
     text-align: right;
   }
-  .search-card{
-    margin-bottom: 20px;
-    text-align: center;
-    .input-wrapper{
-      width: 36%;
-    }
+  /deep/ .el-input__inner {
+    background: #2d3744;
+    border: none;
+    border-radius: 5px;
+  }
+  /deep/ .form-wrapper .el-button {
+    margin-top: 5px;
   }
 }
 .audit-dialog{

src/pages/index/components/service_monitor.vue

@@ -0,0 +1,139 @@
+<template>
+  <div class="body-wrapper">
+    <div>
+      <h2 style="color: white;margin-bottom: 20px;">服务监控列表</h2>
+    </div>
+    <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+      </el-table-column>
+    </el-table>
+    <div class="table-pagination">
+      <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>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+
+export default {
+  components: {},
+  data() {
+    return {
+      columns: [
+        {
+          label: '接口名称',
+          key: 'interfaceName'
+        },
+        {
+          label: '接口地址',
+          key: 'interfaceAddress'
+        },
+        {
+          label: '提交状态',
+          key: 'submitState'
+        },
+      ],
+      tableData: [{"interfaceName":'消息通知',"interfaceAddress":'http://39.106.16.100/notification',"submitState":'运行中'}
+        ,{"interfaceName":'预警提醒',"interfaceAddress":'http://39.106.16.100/warning',"submitState":'运行中'},
+        ,{"interfaceName":'剩余车位推送',
+          "interfaceAddress": 'http://39.106.16.100/seatpush',
+          "submitState": '运行中'
+        }, ,],
+      total: 3,
+      pageSize: 10,
+      pageNum: 1,
+      radio: '2',
+      dialogVisible: false,
+      selRow: {},
+      searchWords: undefined
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {},
+  methods: {
+    handlePageChange() {
+      this.getTableData()
+    },
+    handleAudit(row) {
+      this.selRow = row
+      this.dialogVisible = true
+    },
+    handleCancelApply(row) {
+      console.log('enter handle cancel apply')
+    },
+    handleConfirm() {
+      const {id} = this.selRow
+      console.log('radio', this.radio)
+      api.applyResource({id, applyType: this.radio}).then(res => {
+        if (res.success) {
+          this.dialogVisible = false
+          this.$message({
+            message: '审核成功!',
+            type: 'success'
+          })
+          this.getTableData()
+        }
+      })
+    },
+    getTableData() {
+      const {pageNum, pageSize, searchWords} = this
+      api.applyList({pageNum, pageSize, resourceName: searchWords}).then(res => {
+        this.tableData = []
+        res.data.records.map((item, index) => {
+          const newItem = {...item}
+          newItem.applyTypeText = this.getApplyTypeText(item.applyType)
+          this.tableData.push(newItem)
+        })
+        this.total = res.data.total
+      })
+    },
+    getApplyTypeText(val) {
+      if (!val) {
+        return '未申请'
+      }
+      const textMap = {
+        1: '待审批',
+        2: '审批通过',
+        3: '审批驳回'
+      }
+      return textMap[val]
+    },
+    handleSearch() {
+      this.pageNum = 1
+      this.getTableData()
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+  background: #0c0c0c;
+
+  /deep/ .el-button {
+    background-color: #0158d9;
+    color: honeydew;
+    border: none;
+    width: 50px;
+    height: 25px;
+  }
+
+  .table-pagination {
+    text-align: right;
+  }
+}
+
+.audit-dialog {
+  .mg-bt {
+    margin-bottom: 24px;
+  }
+
+  .label {
+    text-align: right;
+  }
+}
+</style>

src/pages/index/components/support.vue

@@ -0,0 +1,137 @@
+<template>
+  <div class="body-wrapper">
+    <div>
+      <h2 style="color: white;margin-bottom: 20px;display: inline-block;width: 90%">技术支持</h2>
+      <el-button>申请技术支持</el-button>
+    </div>
+    <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
+      </el-table-column>
+    </el-table>
+    <div class="table-pagination">
+      <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>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+
+export default {
+  components: {},
+  data() {
+    return {
+      columns: [
+        {
+          label: '申请标题',
+          key: 'requestTitle'
+        },
+        {
+          label: '申请时间',
+          key: 'requestTime'
+        },
+        {
+          label: '支持渠道',
+          key: 'supportChannel'
+        },
+        {
+          label: '受理状态',
+          key: 'acceptanceStatus'
+        }
+      ],
+      tableData: [{"requestTitle":'申请更换闸机',"requestTime":'2023-12-25 10:00:00',"supportChannel":'留言板',"acceptanceStatus":'已受理'},
+        {"requestTitle":'申请路面整修',"requestTime":'2023-12-30 10:00:00',"supportChannel":'电话沟通',"acceptanceStatus":'未受理'},],
+      total: 3,
+      pageSize: 10,
+      pageNum: 1,
+      radio: '2',
+      dialogVisible: false,
+      selRow: {},
+      searchWords: undefined
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {
+  },
+  methods: {
+    handlePageChange() {
+      this.getTableData()
+    },
+    handleAudit(row) {
+      this.selRow = row
+      this.dialogVisible = true
+    },
+    handleCancelApply(row) {
+      console.log('enter handle cancel apply')
+    },
+    handleConfirm() {
+      const {id} = this.selRow
+      console.log('radio', this.radio)
+      api.applyResource({id, applyType: this.radio}).then(res => {
+        if(res.success) {
+          this.dialogVisible = false
+          this.$message({
+            message: '审核成功!',
+            type: 'success'
+          })
+          this.getTableData()
+        }
+      })
+    },
+    getTableData() {
+      const {pageNum, pageSize, searchWords} = this
+      api.applyList({pageNum, pageSize, resourceName: searchWords}).then(res => {
+        this.tableData = []
+        res.data.records.map((item, index) => {
+          const newItem = {...item}
+          newItem.applyTypeText = this.getApplyTypeText(item.applyType)
+          this.tableData.push(newItem)
+        })
+        this.total = res.data.total
+      })
+    },
+    getApplyTypeText(val) {
+      if (!val){
+        return '未申请'
+      }
+      const textMap = {
+        1: '待审批',
+        2: '审批通过',
+        3: '审批驳回'
+      }
+      return textMap[val]
+    },
+    handleSearch() {
+      this.pageNum = 1
+      this.getTableData()
+    }
+  }
+}
+</script>
+<style  lang="scss" scoped>
+.body-wrapper {
+  padding: 20px;
+  background: #0c0c0c;
+  /deep/ .el-button {
+    background-color: #0158d9;
+    color: honeydew;
+    border: none;
+    width: 100px;
+    height: 40px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+}
+.audit-dialog{
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
+}
+</style>

src/pages/index/layouts/indexLayout.vue

@@ -75,6 +75,8 @@ export default {
         {name: '服务发布功能', url: '/service_publish'},
         {name: '公告功能', url: '/announcement_function'},
         {name: '消息中心功能', url: '/message'},
+        {name: '技术支持功能', url: '/support'},
+        {name: '服务监控功能', url: '/service_monitor'},
         {name: '泊位使用情况', url: '/berths_usage'},
         {name: '泊位营收情况', url: '/berths_revenue'},
         {name: '泊位营收情况', url: '/parking_lot_situation'},

src/router/index.js

@@ -264,6 +264,16 @@ export default new Router({
           path: "/credential_management_function",
           component: () => import("../pages/index/components/credential_management_function.vue")
         },
+        {
+          name: "support",
+          path: "/support",
+          component: () => import("../pages/index/components/support.vue")
+        },
+        {
+          name: "service_monitor",
+          path: "/service_monitor",
+          component: () => import("../pages/index/components/service_monitor.vue")
+        },
       ]
     }
   ]