Merge branch 'master' of https://e.coding.net/g-mklx3272/luohe/luohe_fronted

src/api/article_z.js

@@ -59,4 +59,36 @@ export default {
   queryBerthPerationNalysis_Bwzzlfx(params) {
     return axios.post(`/dash/berth/peration/nalysis/turnover`, params)
   },
+  // 收费价格监管_收费单价分析
+  queryChargePrice_Sfdjfx(params) {
+    return axios.post(`/dash/charge/price/stat`, params)
+  },
+  //客户投诉监管_客诉分析
+  queryCustomerComplaint_Ksfx(params) {
+    return axios.post(`/dash/customer/complaint/stat`, params)
+  },
+  //设备运行监测_摄像头
+  queryEquipmentRunning_Sxt(params) {
+    return axios.post(`/dash/equipment/running/stat1`, params)
+  },
+  //设备运行监测_闸机
+  queryEquipmentRunning_Zj(params) {
+    return axios.post(`/dash/equipment/running/stat2`, params)
+  },
+  //设备运行监测_满位显示器
+  queryEquipmentRunning_Mwxsq(params) {
+    return axios.post(`/dash/equipment/running/stat3`, params)
+  },
+  //技术支持功能_查询
+  getSupport_get(params) {
+    return axios.get(`/dash/support/page`, params)
+  },
+  //技术支持功能_添加
+  addSupport_save(params) {
+    return axios.post(`/dash/support/save`, params)
+  },
+  //技术支持功能_删除
+  deleteSupport_delete(params) {
+    return axios.post(`/dash/support/delete`, params)
+  },
 }

src/api/audit.js

@@ -159,4 +159,5 @@ export default {
   applyResource(params) {
     return axios.post('/resourceApply/approveApply', params);
   }
+
 }

src/pages/index/components/announcement_function.vue

@@ -190,11 +190,10 @@ export default {
   }
   .form-div{
     /deep/ .el-input__inner{
-      background: white;
       height: 35px;
       width: 90%;
       border: 1px solid #a6a5a5;
-      color: black;
+      color: #fff;
     }
   }
 }

src/pages/index/components/charge_price.vue

@@ -8,8 +8,8 @@
       </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="pageNum5" :page-size.sync="pageSize5">
+      <el-pagination :background="false" layout="total, prev, pager, next" :total="total2" @current-change="handlePageChange"
+                     :current-page.sync="pageNum2" :page-size.sync="pageSize2">
       </el-pagination>
     </div>
     <br>
@@ -50,6 +50,7 @@
 <script>
 import api from "@/api/audit.js";
 import piechart from "@/components/pieChart";
+import api1 from "@/api/article_z";
 
 export default {
   components: {
@@ -103,6 +104,12 @@ export default {
       dialogVisible: false,
       selRow: {},
       searchWords: undefined,
+      total2: 0,
+      pageSize2: 10,
+      pageNum2: 1,
+      radio2: '2',
+      dialogVisible2: false,
+      selRow2: {},
       searchWords2: undefined,
     }
   },
@@ -110,6 +117,7 @@ export default {
     this.getTableData()
     this.getTableData2()
     this.getTableData3()
+    this.getModelDataData()
   },
   watch: {
   },
@@ -164,7 +172,11 @@ export default {
         this.total3 = res.data.total
       })
     },
-
+    getModelDataData(){
+      api1.queryChargePrice_Sfdjfx().then(res=>{
+        this.modelData.list=res.data;
+      })
+    },
 
     getApplyTypeText(val) {
       if (!val){

src/pages/index/components/credential_management_function.vue

@@ -10,6 +10,9 @@
         <el-col :span="8">
           <el-form-item>
             <el-button type="primary" @click="onSubmit">查询</el-button>
+            <el-form-item>
+              <el-button type="success" @click="handleAdd">添加凭证</el-button>
+            </el-form-item>
           </el-form-item>
         </el-col>
       </el-row>
@@ -25,7 +28,8 @@
       <el-table-column
         label="操作"
         width="100">
-        <template slot-scope="scope">
+        <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>
@@ -38,18 +42,19 @@
       </el-pagination>
     </div>
     <el-dialog
-        title="审核"
-        :visible.sync="dialogVisible"
-        width="60%"
-        custom-class="audit-dialog">
-        <el-row class="mg-bt">
-            <el-col class="label" :span="4">审核：</el-col>
-            <el-col :span="18">
-                <el-radio v-model="radio" label="2">通过</el-radio>
-                <el-radio v-model="radio" label="3">驳回</el-radio>
-            </el-col>
-        </el-row>
-        <span slot="footer" class="dialog-footer">
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="60%"
+      custom-class="audit-dialog">
+      <el-form  style="height: 100px" class="form-div" label-position="left" label-width="80px" :model="formLabelAlign">
+        <el-form-item label="凭证ID">
+          <el-input v-model="formLabelAlign.pzId"></el-input>
+        </el-form-item>
+        <el-form-item label="凭证名称">
+          <el-input v-model="formLabelAlign.pzName"></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>
@@ -63,6 +68,9 @@ export default {
     components: {},
     data() {
       return {
+        formInline: {
+          credentialName: ''
+        },
         columns: [
           {
             label: '凭证ID',
@@ -81,11 +89,11 @@ export default {
         total: 0,
         pageSize: 10,
         pageNum: 1,
-        radio: '2',
         dialogVisible: false,
-        selRow: {},
-        formInline: {
-          credentialName: ''
+        title: '',
+        formLabelAlign: {
+          pzId: '',
+          pzName: ''
         }
       }
     },
@@ -98,59 +106,62 @@ export default {
       indexMethod(index) {
         return this.pageSize * (this.pageNum - 1) + index + 1
       },
-      deleteRow (record) {
-        console.log(record, '11111')
-      },
-      handlePageChange() {
-        this.getTableData()
-      },
-      handleAudit(row) {
-        this.selRow = row
+      handleEdit(row) {
+        this.title = '修改凭证'
+        this.formLabelAlign = row
         this.dialogVisible = true
       },
-      handleCancelApply(row) {
-        console.log('enter handle cancel apply')
+      handleAdd () {
+        this.title = '添加凭证'
+        this.formLabelAlign = {}
+        this.dialogVisible = true
       },
-      handleConfirm() {
-        const {id} = this.selRow
-        console.log('radio', this.radio)
-        api.applyResource({id, applyType: this.radio}).then(res => {
-          if(res.success) {
-            this.dialogVisible = false
+      deleteRow (record) {
+        api.deletePz({id: record.id}).then(res => {
+          if (res.code === 200) {
             this.$message({
-              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
-        })
+      handlePageChange() {
+        this.getTableData()
       },
-      getApplyTypeText(val) {
-        if (!val){
-          return '未申请'
-        }
-        const textMap = {
-          1: '待审批',
-          2: '审批通过',
-          3: '审批驳回'
+      handleConfirm() {
+        if (this.title === '修改凭证') {
+          let params = {...formLabelAlign}
+          api.addPz().then(res => {
+            if(res.code === 200) {
+              this.dialogVisible = false
+              this.$message({
+                message: '修改成功!',
+                type: 'success'
+              })
+              this.getTableData()
+            }
+          })
+        } else {
+          api.addPz({ipAddr: this.formLabelAlign.ipAddr}).then(res => {
+            if(res.code === 200) {
+              this.dialogVisible = false
+              this.$message({
+                message: '添加成功!',
+                type: 'success'
+              })
+              this.getTableData()
+            }
+          })
         }
-        return textMap[val]
       },
-      handleSearch() {
-        this.pageNum = 1
-        this.getTableData()
+      getTableData() {
+        const {pageNum, pageSize} = this
+        api.pzglListByPage({pageNum, pageSize, credentialName: this.formInline.credentialName}).then(res => {
+          this.tableData = res.data.records || []
+          this.total = res.data.total
+        })
       }
     }
 }
@@ -193,6 +204,7 @@ export default {
   width: 100px;
   height: 40px;
 }
+
 .body-wrapper {
   padding: 20px;
   background: #0c0c0c;
@@ -207,16 +219,24 @@ export default {
     margin-bottom: 20px;
     text-align: center;
     .input-wrapper{
-        width: 36%;
+      width: 36%;
     }
   }
 }
 .audit-dialog{
-    .mg-bt{
-        margin-bottom: 24px;
-    }
-    .label{
-        text-align: right;
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
     }
+  }
 }
 </style>

src/pages/index/components/customer_complaint.vue

@@ -106,6 +106,7 @@
 <script>
 import api from "@/api/audit.js";
 import piechart from "@/components/pieChart";
+import api1 from "@/api/article_z";
 
 export default {
   components: {
@@ -169,8 +170,6 @@ export default {
       modelData: {
         list: [{name: '服务态度', value: 100}, {name: '收费乱', value: 100},{name: '设备部灵敏', value: 100}, {name: '环境差', value: 100}]
       },
-      linedata: [{month: '11', lastYearAmount: 20, thisYearAmount: 30}, {month: '12', lastYearAmount: 40, thisYearAmount: 50}],
-      bardata: [{month: '01', hs: 100, cs: 200},{month: '02', hs: 300, cs: 200},{month: '03', hs: 400, cs: 200},],
       tableData: [],
       tableData2: [],
       total: 0,
@@ -182,17 +181,24 @@ export default {
         ipUrl: ''
       },
       selRow: undefined,
+      searchWords: undefined,
       title: ''
     }
   },
   mounted() {
     this.getTableData()
     this.getTableData2()
+    this.getModelDataData()
   },
   watch: {
   },
   methods: {
 
+    getModelDataData(){
+      api1.queryCustomerComplaint_Ksfx().then(res=>{
+        this.modelData.list=res.data;
+      })
+    },
     handlePageChange() {
       this.getTableData()
     },

src/pages/index/components/equipment_running.vue

@@ -59,6 +59,7 @@
 <script>
 import api from "@/api/audit.js";
 import piechart from "@/components/pieChart";
+import api1 from "@/api/article_z";
 
 export default {
   components: {
@@ -106,15 +107,34 @@ export default {
     this.getTableData2()
     this.getTableData3()
     this.getTableData4()
+    this.getModelDataData()
+    this.getModelData2Data()
+    this.getModelData3Data()
   },
   watch: {
   },
   methods: {
+
+    getModelDataData(){
+      api1.queryEquipmentRunning_Sxt().then(res=>{
+        this.modelData.list=res.data;
+      })
+    },
+    getModelData2Data(){
+      api1.queryEquipmentRunning_Zj().then(res=>{
+        this.modelData2.list=res.data;
+      })
+    },
+    getModelData3Data(){
+      api1.queryEquipmentRunning_Mwxsq().then(res=>{
+        this.modelData3.list=res.data;
+      })
+    },
     handlePageChange() {
       this.getTableData()
       this.getTableData2()
       this.getTableData3()
-      this.getTableDat4()
+      this.getTableData4()
     },
     handleAudit(row) {
       this.selRow = row

src/pages/index/components/ip_white_list.vue

@@ -222,8 +222,14 @@ export default {
   .label{
     text-align: right;
   }
-  /deep/ .el-input__inner{
-    background: white;
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
+    }
   }
 }
 </style>

src/pages/index/components/message.vue

@@ -7,13 +7,14 @@
       <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="150">
-      <div slot-scope="scope">
-        <el-button  @click="handleDetail(scope.row)" type="primary" size="mini">详情</el-button>
-      </div>
-    </el-table-column>
+        <div slot-scope="scope">
+          <el-button @click="handleDetail(scope.row)" type="primary" size="mini">详情</el-button>
+        </div>
+      </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>
@@ -22,11 +23,17 @@
       :visible.sync="dialogVisible"
       width="50%"
       custom-class="audit-dialog">
-      <div class="form-div">
-        <el-input disabled v-model="selRow.title"></el-input>
-        <el-input type="textarea" disabled v-model="selRow.messageType"></el-input>
-        <el-input disabled v-model="selRow.publicTime"></el-input>
-      </div>
+      <el-form style="height: 120px" class="form-div" label-position="left" label-width="80px" :model="selRow">
+        <el-form-item label="标题">
+          <el-input disabled v-model="selRow.title"/>
+        </el-form-item>
+        <el-form-item label="消息类型">
+          <el-input disabled v-model="selRow.messageType"/>
+        </el-form-item>
+        <el-form-item label="发布时间">
+          <el-input disabled v-model="selRow.publicTime"/>
+        </el-form-item>
+      </el-form>
     </el-dialog>
   </div>
 </template>
@@ -51,83 +58,77 @@ export default {
           key: 'publicTime'
         },
       ],
-      tableData: [{"title":'系统升级',"messageType":'公告',"publicTime":'2023-12-29 10:00:00'},
-        {"title":'预警提示',"messageType":'系统通知',"publicTime":'2023-12-25 10:00:00'},
-        {"title":'故障提醒',"messageType":'系统通知',"publicTime":'2023-12-29 10:00:00'},],
+      tableData: [{"title": '系统升级', "messageType": '公告', "publicTime": '2023-12-29 10:00:00'},
+        {"title": '预警提示', "messageType": '系统通知', "publicTime": '2023-12-25 10:00:00'},
+        {"title": '故障提醒', "messageType": '系统通知', "publicTime": '2023-12-29 10:00:00'},],
       total: 3,
       pageSize: 10,
       pageNum: 1,
-      radio: '2',
       dialogVisible: false,
       selRow: {},
-      searchWords: undefined
     }
   },
   mounted() {
     this.getTableData()
   },
-  watch: {
-  },
+  watch: {},
   methods: {
     handlePageChange() {
       this.getTableData()
     },
-    handleAudit(row) {
-      this.selRow = row
-      this.dialogVisible = true
-    },
-    handleCancelApply(row) {
-      console.log('enter handle cancel apply')
-    },
     handleDetail(row) {
       this.selRow = row
       this.dialogVisible = true
     },
-    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)
-        })
+      const {pageNum, pageSize} = this
+      api.messageListByPage({pageNum, pageSize}).then(res => {
+        this.tableData = res.data.records || []
         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>
+<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;
@@ -143,17 +144,12 @@ export default {
     text-align: right;
   }
   .form-div{
-    width: 90%;
     /deep/ .el-input__inner{
-      background: white;
       height: 35px;
-      color: black;
-      margin-bottom: 10px;
-    }
-    /deep/ .el-textarea.is-disabled .el-textarea__inner {
-      background: white;
-      color: black;
-      margin-bottom: 10px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
     }
   }
 }

src/pages/index/components/saturation_warning.vue

@@ -144,7 +144,7 @@ export default {
     lineTooltipFormat(params) {
       const data = params[0].data;
       return `<div class="line-tooltip">
-        <div style="color: ${params[1].color}">${params[1].seriesName}: ${
+        <div style="color: ${params[0].color}">${params[1].seriesName}: ${
         params[0].data.lastAmount || "--"
       }(%)</div>
         <div style="color: red">${params[0].seriesName}: ${

src/pages/index/components/service_call_function.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="body-wrapper">
-    <el-form class="form-wrapper" :model="ruleForm">
+    <el-form ref="ruleForm" class="form-wrapper" :model="ruleForm">
       <el-form-item label="接口地址" prop="interfaceName">
         <el-input v-model="ruleForm.interfaceName" placeholder="接口地址"></el-input>
       </el-form-item>
@@ -23,38 +23,10 @@ export default {
   components: {},
   data() {
     return {
-      columns: [
-        {
-          label: '日期',
-          key: 'resourceName'
-        },
-        {
-          label: '操作',
-          key: 'resourceType'
-        },
-        {
-          label: '用户',
-          key: 'userName'
-        },
-        {
-          label: '详情',
-          key: 'applyTypeText'
-        },
-        {
-          label: 'IP地址',
-          key: 'applyTypeText'
-        }
-      ],
-      tableData: [],
-      total: 0,
-      pageSize: 10,
-      pageNum: 1,
-      radio: '2',
-      dialogVisible: false,
-      selRow: {},
       ruleForm: {
         interfaceName: '',
-        time: ''
+        accessKey: '',
+        publicKey: ''
       }
     }
   },
@@ -66,7 +38,11 @@ export default {
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          alert('submit!');
+          let params = this.ruleForm
+          api.fwdy(params).then(res => {
+            this.$message({type: 'success', message: '调用成功!'})
+            this.resetForm(formName)
+          })
         } else {
           console.log('error submit!!');
           return false;

src/pages/index/components/service_publish.vue

@@ -179,8 +179,13 @@ export default {
   .label{
     text-align: right;
   }
-  /deep/ .el-input__inner{
-    background: white;
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+    }
   }
 }
 </style>

src/pages/index/components/service_subscription_function.vue

@@ -25,7 +25,7 @@
       <el-table-column
         label="操作"
         width="100">
-        <template slot-scope="scope">
+        <template slot-scope="scope" style="display: inline-block">
           <el-popconfirm title="确定订阅吗？" @confirm="subscribeRow(scope.row)">
             <el-button type="success" slot="reference">订阅</el-button>
           </el-popconfirm>
@@ -37,23 +37,6 @@
         :current-page.sync="pageNum" :page-size.sync="pageSize">
       </el-pagination>
     </div>
-    <el-dialog
-        title="审核"
-        :visible.sync="dialogVisible"
-        width="60%"
-        custom-class="audit-dialog">
-        <el-row class="mg-bt">
-            <el-col class="label" :span="4">审核：</el-col>
-            <el-col :span="18">
-                <el-radio v-model="radio" label="2">通过</el-radio>
-                <el-radio v-model="radio" label="3">驳回</el-radio>
-            </el-col>
-        </el-row>
-        <span slot="footer" class="dialog-footer">
-            <el-button @click="dialogVisible = false">取 消</el-button>
-            <el-button type="primary" @click="handleConfirm">确 定</el-button>
-        </span>
-    </el-dialog>
   </div>
 </template>
 <script>
@@ -95,37 +78,29 @@ export default {
         return this.pageSize * (this.pageNum - 1) + index + 1
       },
       onSubmit () {
-        console.log(this.formInline)
-      },
-      subscribeRow (record) {
-        console.log(record)
-      },
-      handlePageChange() {
         this.getTableData()
       },
-      handleAudit(row) {
-        this.selRow = row
-        this.dialogVisible = true
-      },
-      handleCancelApply(row) {
-        console.log('enter handle cancel apply')
+      subscribeRow (record) {
+        api.subscription({id: record.id}).then(res => {
+          if (res.code === 200) {
+            this.$message({type: 'success', message: '订阅成功!'})
+            this.getTableData()
+          }
+        })
       },
-      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'
-            })
+      unsubscribeRow (record) {
+        api.subscription({id: record.id}).then(res => {
+          if (res.code === 200) {
+            this.$message({type: 'success', message: '取消订阅成功!'})
             this.getTableData()
           }
         })
       },
+      handlePageChange() {
+        this.getTableData()
+      },
       getTableData() {
-        const {pageNum, pageSize, searchWords} = this
+        const {pageNum, pageSize, formInline} = this
         // api.applyList({pageNum, pageSize, resourceName: searchWords}).then(res => {
         //   this.tableData = []
         //   res.data.records.map((item, index) => {
@@ -135,21 +110,6 @@ export default {
         //   })
         //   this.total = res.data.total
         // })
-      },
-      getApplyTypeText(val) {
-        if (!val){
-          return '未申请'
-        }
-        const textMap = {
-          1: '待审批',
-          2: '审批通过',
-          3: '审批驳回'
-        }
-        return textMap[val]
-      },
-      handleSearch() {
-        this.pageNum = 1
-        this.getTableData()
       }
     }
 }

src/pages/index/components/support.vue

@@ -7,6 +7,16 @@
     <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-column
+        label="操作"
+        width="200">
+        <template slot-scope="scope" style="display: inline-block">
+          <el-button type="success" @click="handleAudit(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"
@@ -19,7 +29,6 @@
       width="50%"
       custom-class="audit-dialog">
       <div style="height: 100px" class="form-div">
-        <el-form label-position="left" label-width="80px" :model="formLabelAlign">
           <el-form label-position="left" label-width="80px" :model="formLabelAlign">
             <el-form-item label="申请名称">
               <el-input v-model="formLabelAlign.requestTitle"></el-input>
@@ -28,17 +37,17 @@
               <el-input v-model="formLabelAlign.supportChannel"></el-input>
             </el-form-item>
           </el-form>
-        </el-form>
       </div>
       <span slot="footer" class="dialog-footer">
             <el-button @click="dialogVisible = false">取 消</el-button>
-            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+            <el-button type="success" @click="handleConfirm">确 定</el-button>
         </span>
     </el-dialog>
   </div>
 </template>
 <script>
 import api from "@/api/audit.js";
+import api1 from "@/api/article_z";
 
 export default {
   components: {},
@@ -51,7 +60,7 @@ export default {
         },
         {
           label: '申请时间',
-          key: 'requestTime'
+          key: 'createTime'
         },
         {
           label: '支持渠道',
@@ -59,22 +68,26 @@ export default {
         },
         {
           label: '受理状态',
-          key: 'acceptanceStatus'
+          key: 'requestState'
         }
       ],
-      tableData: [{"requestTitle":'申请更换闸机',"requestTime":'2023-12-25 10:00:00',"supportChannel":'留言板',"acceptanceStatus":'已受理'},
-        {"requestTitle":'申请路面整修',"requestTime":'2023-12-30 10:00:00',"supportChannel":'电话沟通',"acceptanceStatus":'未受理'},],
-      total: 3,
+      tableData: [{"requestTitle":'申请更换闸机',"createTime":'2023-12-25 10:00:00',"supportChannel":'留言板',"requestState":'已受理'},
+        {"requestTitle":'申请路面整修',"createTime":'2023-12-30 10:00:00',"supportChannel":'电话沟通',"requestState":'未受理'},],
+      total: 0,
       pageSize: 10,
       pageNum: 1,
       radio: '2',
       dialogVisible: false,
-      selRow: {},
+      // selRow: {},
       searchWords: undefined,
       formLabelAlign: {
+        id: '',
         requestTitle: '',
-        supportChannel: ''
+        createTime:'',
+        supportChannel: '',
+        requestState:''
       },
+      title:'',
     }
   },
   mounted() {
@@ -87,11 +100,17 @@ export default {
       this.getTableData()
     },
     handleAudit(row) {
-      this.selRow = row
+      this.title = '修改技术支持'
+      this.formLabelAlign= row
       this.dialogVisible = true
     },
-    handleCancelApply(row) {
-      console.log('enter handle cancel apply')
+    deleteRow (record) {
+      api1.deleteSupport_delete({id: record.id}).then(res => {
+        if (res.code === 200) {
+          this.$message({type: 'success', message: '删除成功!'})
+          this.getTableData()
+        }
+      })
     },
     handleAdd () {
       this.title = '技术支持申请'
@@ -100,50 +119,90 @@ export default {
       this.dialogVisible = true
     },
     handleConfirm() {
-      const {id} = this.selRow
-      console.log('radio', this.radio)
-      api.applyResource({id, applyType: this.formLabelAlign.requestTitle}).then(res => {
-        if(res.success) {
-          this.dialogVisible = false
-          this.$message({
-            message: '审核成功!',
-            type: 'success'
-          })
-          this.getTableData()
-        }
-      })
+      if (this.title === '修改技术支持') {
+        api1.addSupport_save({id: this.formLabelAlign.id, requestTitle: this.formLabelAlign.requestTitle, supportChannel: this.formLabelAlign.supportChannel}).then(res => {
+          if(res.code === 200) {
+            this.dialogVisible = false
+            this.$message({
+              message: '修改成功!',
+              type: 'success'
+            })
+            this.getTableData()
+          }
+        })
+      }else {
+        api1.addSupport_save({requestTitle: this.formLabelAlign.requestTitle, supportChannel: this.formLabelAlign.supportChannel}).then(res => {
+          if(res.code === 200) {
+            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)
-        })
+      const {pageNum, pageSize} = this
+      api1.getSupport_get({current: pageNum, size: pageSize,}).then(res => {
+        this.tableData =  res.data.records || []
         this.total = res.data.total
       })
     },
-    getApplyTypeText(val) {
-      if (!val){
-        return '未申请'
-      }
-      const textMap = {
-        1: '待审批',
-        2: '审批通过',
-        3: '审批驳回'
-      }
-      return textMap[val]
-    },
-    handleSearch() {
-      this.pageNum = 1
-      this.getTableData()
-    }
+    // getCurrentTime() {
+    //   //获取当前时间并打印
+    //   let yy = new Date().getFullYear();
+    //   let mm = new Date().getMonth()+1;
+    //   let dd = new Date().getDate();
+    //   let hh = new Date().getHours();
+    //   let mf = new Date().getMinutes()<10 ? '0'+new Date().getMinutes() : new Date().getMinutes();
+    //   let ss = new Date().getSeconds()<10 ? '0'+new Date().getSeconds() : new Date().getSeconds();
+    //   return yy+'/'+mm+'/'+dd+' '+hh+':'+mf+':'+ss;
+    // }
   }
 }
 </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;
@@ -163,8 +222,10 @@ export default {
       height: 35px;
       width: 90%;
       border: 1px solid #a6a5a5;
-      color: black;
+      color: #fff;
+      background: #2d3744;
     }
   }
 }
+
 </style>