接口联调

src/api/article_z.js

@@ -15,7 +15,7 @@ export default {
     return axios.post(`/dash/gap/analysis/stat1`, params)
   },
 
-  // todo 设备运营主题(地图)
+  //  设备运营主题(地图)
   queryServiceMap(params) {
     return axios.post(`/dash/service/operations/page`, params)
   },
@@ -75,6 +75,10 @@ export default {
   queryCustomerComplaint_Ksfx(params) {
     return axios.post(`/dash/customer/complaint/stat`, params)
   },
+  // todo设备运行监测_列表
+  sbyxjcList(params) {
+    return axios.get('/dash/equipment/running/page', {params})
+  },
   //设备运行监测_摄像头
   queryEquipmentRunning_Sxt(params) {
     return axios.post(`/dash/equipment/running/stat1`, params)

src/api/audit.js

@@ -18,13 +18,13 @@ export default {
   tcqkbhqs(params) {
     return axios.post('/dash/gap/analysis/stat2', params)
   },
-  // todo 停车难易指数-地图难易指数
+  // 停车难易指数-地图难易指数
   dtnyzs(params) {
-    return axios.post('/dash/park/easy/stat', params)
+    return axios.post('/dash/park/easy/stat1', params)
   },
-  // todo 停车难易指数-折线图
+  // 停车难易指数-折线图
   zxt(params) {
-    return axios.post('/dash/park/easy/page', params)
+    return axios.post('/dash/park/easy/stat2', params)
   },
   // 全局停车诱导-地图难易指数
   nyzs(params) {
@@ -83,12 +83,12 @@ export default {
   zdcljcfx(params) {
     return axios.post('/dash/other/analyse/stat9', params)
   },
-  // todo 服务发布
+  // 服务发布
   serviceListByPage(params) {
     return axios.get('/dash/service/publish/page', {params})
   },
   servicePublic(params) {
-    return axios.post('/dash/service/publish/publish', params)
+    return axios.post('/dash/service/publish/save', params)
   },
   serviceSave(params) {
     return axios.post('/dash/service/publish/save', params)
@@ -148,6 +148,14 @@ export default {
   czrzDetail(params) {
     return axios.post('/dash/operation/log/detail', params)
   },
+  // todo 停车收费主题
+  tcsfListByPage(params) {
+    return axios.get('/dash/parking/fee/page', {params})
+  },
+  // 车主信用监管
+  czxyjgListByPage(params) {
+    return axios.get('/dash/car/owner/credit/page', {params})
+  },
   // 申请列表
   applyList(params) {
     return axios.get('/resourceApply/selectBackedApplyList', {params});

src/pages/index/components/access_data_analysis.vue

@@ -39,7 +39,7 @@
         />
       </div>
       <div style="width: 50%; height: 300px">
-        <div align="center" style="color: white">漯河市财政局停车场</div>
+<!--        <div align="center" style="color: white">漯河市财政局停车场</div>-->
         <piechart
           class="model-pie-body"
           id="chart1"

src/pages/index/components/car_owner_credit.vue

@@ -9,7 +9,7 @@
     </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">
+                     :current-page.sync="pageNum" :page-size.sync="pageSize">
       </el-pagination>
     </div>
     <br>
@@ -30,97 +30,42 @@ export default {
       columns: [
         {
           label: '姓名',
-          key: 'resourceName'
+          key: 'name'
         },
         {
-          label: '欠费金额',
-          key: 'resourceType'
+          label: '联系方式',
+          key: 'phone'
+        },
+        {
+          label: '欠费总次数',
+          key: 'totalArrears'
+        } ,{
+          label: '欠费总钱数',
+          key: 'totalMoneyArrears'
         } ,{
-          label: '信用分',
-          key: 'resourceName'
+          label: '催缴总次数',
+          key: 'totalReminders'
         }
       ],
       tableData: [],
       total: 0,
       pageSize: 10,
-      pageNum: 1,
-      radio: '2',
-      dialogVisible: false,
-      selRow: {},
-      searchWords: undefined,
-      searchWords2: undefined,
+      pageNum: 1
     }
   },
   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
-      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.czxyjgListByPage({current: pageNum, size: pageSize}).then(res => {
+        this.tableData = res.data.records || []
         this.total = res.data.total
       })
-    },
-    getTableData2() {
-      api.applyList({}).then(res => {
-        this.tableData2 =  res.data.data
-        this.total2 = res.data.total
-      })
-    },
-
-    getTableData3() {
-      api.applyList({pageNum: this.pageNum2, pageSize:this.pageSize2, resourceName: this.searchWords2}).then(res => {
-        this.tableData3 =  res.data.data
-        this.total3 = 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/equipment_running.vue

@@ -17,8 +17,8 @@
           :radiusArr="['30%', '70%']"
           :roseType = "false"
           :colorArr="modelPieColor"
-          :labelFormat="['{name|{b}}', '{sub|{@value}辆 {d}%}', '{hr|}']"
-          :dataset="modelData.list"
+          :labelFormat="['{name|{b}}', '{sub|{@value} {d}%}', '{hr|}']"
+          :dataset="modelData"
           :encode="{ itemName: 'name', value: 'value' }"
         />
       </div>
@@ -31,8 +31,8 @@
           :radiusArr="['30%', '70%']"
           :roseType = "false"
           :colorArr="modelPieColor2"
-          :labelFormat="['{name|{b}}', '{sub|{@value}辆 {d}%}', '{hr|}']"
-          :dataset="modelData2.list"
+          :labelFormat="['{name|{b}}', '{sub|{@value} {d}%}', '{hr|}']"
+          :dataset="modelData2"
           :encode="{ itemName: 'name', value: 'value' }"
         />
       </div>
@@ -45,8 +45,8 @@
           :radiusArr="['30%', '70%']"
           :roseType = "false"
           :colorArr="modelPieColor3"
-          :labelFormat="['{name|{b}}', '{sub|{@value}辆 {d}%}', '{hr|}']"
-          :dataset="modelData3.list"
+          :labelFormat="['{name|{b}}', '{sub|{@value} {d}%}', '{hr|}']"
+          :dataset="modelData3"
           :encode="{ itemName: 'name', value: 'value' }"
         />
       </div>
@@ -78,22 +78,13 @@ export default {
         }
       ],
       modelPieColor: ["#2E8B57","#9078f8"],
-      modelData: {
-        list: [{name: '在线', value: 600}, {name: '离线', value: 800}]
-      },
+      modelData: [],
       modelPieColor2: ["#2E8B57","#9078f8"],
-      modelData2: {
-        list: [{name: '在线', value: 600}, {name: '离线', value: 800}]
-      },
+      modelData2: [],
       modelPieColor3: ["#2E8B57","#9078f8"],
-      modelData3: {
-        list: [{name: '在线', value: 600}, {name: '离线', value: 800}]
-      },
+      modelData3: [],
 
       tableData: [],
-      tableData2: [],
-      tableData3: [],
-      tableData4: [],
       total: 0,
       pageSize: 10,
       pageNum: 1,
@@ -104,9 +95,6 @@ export default {
   },
   mounted() {
     this.getTableData()
-    this.getTableData2()
-    this.getTableData3()
-    this.getTableData4()
     this.getModelDataData()
     this.getModelData2Data()
     this.getModelData3Data()
@@ -114,96 +102,31 @@ export default {
   watch: {
   },
   methods: {
-
     getModelDataData(){
       api1.queryEquipmentRunning_Sxt().then(res=>{
-        this.modelData.list=res.data;
+        this.modelData=res.data;
       })
     },
     getModelData2Data(){
       api1.queryEquipmentRunning_Zj().then(res=>{
-        this.modelData2.list=res.data;
+        this.modelData2=res.data;
       })
     },
     getModelData3Data(){
       api1.queryEquipmentRunning_Mwxsq().then(res=>{
-        this.modelData3.list=res.data;
+        this.modelData3=res.data;
       })
     },
     handlePageChange() {
       this.getTableData()
-      this.getTableData2()
-      this.getTableData3()
-      this.getTableData4()
-    },
-    handleAudit(row) {
-      this.selRow = row
-      this.dialogVisible = true
-    },
-    handleCancelApply(row) {
-      console.log('enter handle cancel apply')
-    },
-    handleConfirm() {
-      const {id} = this.selRow
-      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
-      })
+      // api.sbyxjcList({current: pageNum, size: pageSize}).then(res => {
+      //   this.tableData = res.data.records || []
+      //   this.total = res.data.total
+      // })
     },
-    getTableData2() {
-      api.applyList({}).then(res => {
-        this.tableData2 =  res.data.data
-        this.total2 = res.data.total
-      })
-    },
-
-    getTableData3() {
-      api.applyList({}).then(res => {
-        this.tableData3 =  res.data.data
-        this.total3 = res.data.total
-      })
-    },
-
-    getTableData4() {
-      api.applyList({}).then(res => {
-        this.tableData4 =  res.data.data
-        this.total4 = res.data.total
-      })
-    },
-
-    getApplyTypeText(val) {
-      if (!val){
-        return '未申请'
-      }
-      const textMap = {
-        1: '待审批',
-        2: '审批通过',
-        3: '审批驳回'
-      }
-      return textMap[val]
-    },
-    handleSearch() {
-      this.pageNum = 1
-      this.getTableData()
-    }
   }
 }
 </script>

src/pages/index/components/park_easy.vue

@@ -25,7 +25,7 @@
         :dataset="linedata"
         :tooltipFormat="lineTooltipFormat"
         :encode="[
-              { x: 'month', y: 'thisYearAmount', seriesName: '难易指数',bool:'true' },
+              { x: 'mouth', y: 'lastAmount', seriesName: '难易指数',bool:'true' },
             ]"
         id="sxcyfzqk"
       />
@@ -45,12 +45,7 @@ export default {
   },
   data() {
     return {
-      linedata: [{month: '8:00', thisYearAmount: 21}, {month: '10:00', thisYearAmount:22}
-        , {month: '12:00', thisYearAmount:23}, {month: '14:00', thisYearAmount:25}
-        , {month: '16:00', thisYearAmount:28}, {month: '18:00', thisYearAmount:31}
-        , {month: '20:00', thisYearAmount:34}, {month: '22:00', thisYearAmount:36}
-        , {month: '0:00', thisYearAmount:38}, {month: '2:00', thisYearAmount:39}
-        , {month: '4:00', thisYearAmount:40}, {month: '6:00', thisYearAmount:41}],
+      linedata: [],
       options: [{
         value: '日间时段',
         label: '日间时段'
@@ -140,35 +135,9 @@ export default {
       },
     };
   },
-  methods: {
-    lineTooltipFormat(params) {
-      const data = params[0].data;
-      return `<div class="line-tooltip">
-        <div style="color: ${params[0].color}">${params[0].seriesName}: ${
-        params[0].data.thisYearAmount || "--"
-      }</div>
-      </div>`;
-    },
-    setIntervalMap(chart) {
-      this.timer = setInterval(() => {
-        chart.dispatchAction({
-          type: "showTip",
-          seriesIndex: 0,
-          dataIndex: this.dqIndex + 1,
-        });
-        this.dqIndex++;
-        if (this.dqIndex > 4) {
-          this.dqIndex = -1;
-        }
-      }, 3000);
-    },
-    mapTooltip(data) {
-      return `<div class="map-tooltip">
-        <div class="map-tooltip-name">${data.name}:<span class="map-tooltip-value">${data.value}%</span></div>
-      </div>`;
-    },
-  },
+
   mounted() {
+    this.zxt()
     api.dtnyzs().then(res => {
       let arr = []
       let dataSoure = res.data
@@ -211,6 +180,39 @@ export default {
       });
     })
   },
+  methods: {
+    zxt() {
+      api.zxt().then(res => {
+        this.linedata = res.data || []
+      })
+    },
+    lineTooltipFormat(params) {
+      const data = params[0].data;
+      return `<div class="line-tooltip">
+        <div style="color: ${params[0].color}">${params[0].seriesName}: ${
+        params[0].data.lastAmount || "--"
+      }</div>
+      </div>`;
+    },
+    setIntervalMap(chart) {
+      this.timer = setInterval(() => {
+        chart.dispatchAction({
+          type: "showTip",
+          seriesIndex: 0,
+          dataIndex: this.dqIndex + 1,
+        });
+        this.dqIndex++;
+        if (this.dqIndex > 4) {
+          this.dqIndex = -1;
+        }
+      }, 3000);
+    },
+    mapTooltip(data) {
+      return `<div class="map-tooltip">
+        <div class="map-tooltip-name">${data.name}:<span class="map-tooltip-value">${data.value}%</span></div>
+      </div>`;
+    },
+  },
 };
 </script>
 <style  lang="scss" scoped>

src/pages/index/components/service_call_function.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="body-wrapper">
     <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 label="接口地址" prop="apiUrl">
+        <el-input v-model="ruleForm.apiUrl" placeholder="接口地址"></el-input>
       </el-form-item>
       <el-form-item label="accessKey" prop="accessKey">
-        <el-input v-model="ruleForm.accessKey" placeholder="接口地址"></el-input>
+        <el-input v-model="ruleForm.accessKey" placeholder="accessKey"></el-input>
       </el-form-item>
       <el-form-item label="公钥" prop="publicKey">
-        <el-input v-model="ruleForm.publicKey" placeholder="接口地址"></el-input>
+        <el-input v-model="ruleForm.publicKey" placeholder="公钥"></el-input>
       </el-form-item>
       <el-form-item style="text-align: center;margin-top: 20px;">
         <el-button type="primary" @click="submitForm('ruleForm')">调用接口</el-button>
@@ -24,7 +24,7 @@ export default {
   data() {
     return {
       ruleForm: {
-        interfaceName: '',
+        apiUrl: '',
         accessKey: '',
         publicKey: ''
       }

src/pages/index/components/service_monitor.vue

@@ -23,31 +23,19 @@ export default {
     return {
       columns: [
         {
-          label: '接口名称',
-          key: 'interfaceName'
+          label: '模块名称',
+          key: 'moduleName'
         },
         {
           label: '接口地址',
-          key: 'interfaceAddress'
-        },
-        {
-          label: '状态',
-          key: 'submitState'
+          key: 'apiUrl'
         },
       ],
-      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": '运行中'
-        }, ,],
+      tableData: [],
       total: 3,
       pageSize: 10,
       pageNum: 1,
-      radio: '2',
       dialogVisible: false,
-      selRow: {},
-      searchWords: undefined
     }
   },
   mounted() {
@@ -58,53 +46,12 @@ export default {
     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)
-        })
+      api.monitorListByPage({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()
     }
   }
 }

src/pages/index/components/service_operations.vue

@@ -14,7 +14,8 @@
 
 <script>
 import * as echarts from 'echarts'
-import * as geoJson from '../../../util/411100.json'
+import * as geoJson from '@/util/411100.json'
+import api from '@/api/article_z'
 
 export default {
   data() {
@@ -130,57 +131,54 @@ export default {
     },
     mapTooltip(data) {
       return `<div class="map-tooltip">
-        <div class="map-tooltip-name">${data.name}:<span class="map-tooltip-value">${data.value}%</span></div>
+        <div class="map-tooltip-name">${data.name}:<span class="map-tooltip-value">${data.value}</span></div>
       </div>`;
     },
   },
   mounted() {
-    let arr = []
-    let dataSoure = {
-      '411102': {quyuName: '源汇区', zb: 40},
-      '411103': {quyuName: '郾城区', zb: 60},
-      '411104': {quyuName: '召陵区', zb: 40},
-      '411121': {quyuName: '舞阳县', zb: 50},
-      '411122': {quyuName: '临颍县', zb: 30}}
-    for (const key in dataSoure) {
-      if (key !== '411100') {
-        arr.push({
-          name: dataSoure[key].quyuName,
-          value: Number(dataSoure[key].zb),
-        });
+    api.queryServiceMap().then(res => {
+      let arr = []
+      let dataSoure = res.data || {}
+      for (const key in dataSoure) {
+        if (key !== 411100) {
+          arr.push({
+            name: dataSoure[key].quyuName,
+            value: Number(dataSoure[key].zb),
+          });
+        }
       }
-    }
-    let mapMax = Math.max(...arr.map(item => item.value))
-    let mapMin = Math.min(...arr.map(item => item.value))
-    console.log(mapMin, '111')
-    console.log(mapMax, '222')
-    let chart = echarts.init(document.getElementById("map"));
-    echarts.registerMap("luohe", geoJson);
-    this.option.series[0].data = arr;
-    this.option.visualMap.min = mapMin;
-    this.option.visualMap.max = mapMax;
-    chart.setOption(this.option);
-    this.dqIndex = -1;
-    this.setIntervalMap(chart);
-    //鼠标移入静止播放
-    chart.on("mouseover", (e) => {
-      clearInterval(this.timer);
-      chart.dispatchAction({
-        type: "showTip",
-        seriesIndex: 0,
-        dataIndex: e.dataIndex,
+      let mapMax = Math.max(...arr.map(item => item.value))
+      let mapMin = Math.min(...arr.map(item => item.value))
+      console.log(mapMin, '111')
+      console.log(mapMax, '222')
+      let chart = echarts.init(document.getElementById("map"));
+      echarts.registerMap("luohe", geoJson);
+      this.option.series[0].data = arr;
+      this.option.visualMap.min = mapMin;
+      this.option.visualMap.max = mapMax;
+      chart.setOption(this.option);
+      this.dqIndex = -1;
+      this.setIntervalMap(chart);
+      //鼠标移入静止播放
+      chart.on("mouseover", (e) => {
+        clearInterval(this.timer);
+        chart.dispatchAction({
+          type: "showTip",
+          seriesIndex: 0,
+          dataIndex: e.dataIndex,
+        });
       });
-    });
-    chart.on("mouseout", (e) => {
-      clearInterval(this.timer);
-      //鼠标移出后先把上次的高亮取消
-      chart.dispatchAction({
-        type: "downplay",
-        seriesIndex: 0,
-        dataIndex: e.dataIndex,
+      chart.on("mouseout", (e) => {
+        clearInterval(this.timer);
+        //鼠标移出后先把上次的高亮取消
+        chart.dispatchAction({
+          type: "downplay",
+          seriesIndex: 0,
+          dataIndex: e.dataIndex,
+        });
+        this.setIntervalMap(chart);
       });
-      this.setIntervalMap(chart);
-    });
+    })
   },
 };
 </script>

src/pages/index/components/service_publish.vue

@@ -19,12 +19,12 @@
       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-item label="接口名称">
+        <el-form ref="formLabelAlign" label-position="left" label-width="80px" :model="formLabelAlign">
+          <el-form-item label="接口名称" required>
             <el-input v-model="formLabelAlign.interfaceName"></el-input>
           </el-form-item>
-          <el-form-item label="接口地址">
-            <el-input v-model="formLabelAlign.interfaceAddress"></el-input>
+          <el-form-item label="接口地址" required>
+            <el-input v-model="formLabelAlign.interfaceUrl"></el-input>
           </el-form-item>
 <!--          <el-form-item label="提交状态">-->
 <!--            <el-input v-model="formLabelAlign.submitState"></el-input>-->
@@ -36,7 +36,7 @@
       </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="primary" @click="handleConfirm('formLabelAlign')">确 定</el-button>
         </span>
     </el-dialog>
   </div>
@@ -55,29 +55,25 @@ export default {
         },
         {
           label: '接口地址',
-          key: 'interfaceAddress'
-        },
-        {
-          label: '提交状态',
-          key: 'submitState'
+          key: 'interfaceUrl'
         },
         {
           label: '发布状态',
           key: 'publicState'
+        },
+        {
+          label: '发布人',
+          key: 'serveName'
         }
       ],
-      tableData: [{"interfaceName":'消息通知',"interfaceAddress":'http://39.106.16.100/notification',"submitState":'已提交',"publicState":' 未发布'}
-        ,{"interfaceName":'预警提醒',"interfaceAddress":'http://39.106.16.100/warning',"submitState":'已提交',"publicState":' 未发布'},
-        ,{"interfaceName":'剩余车位推送',"interfaceAddress":'http://39.106.16.100/seatpush',"submitState":'已提交',"publicState":' 已发布'},],
+      tableData: [],
       total: 0,
       pageSize: 10,
       pageNum: 1,
       dialogVisible: false,
       formLabelAlign: {
         interfaceName: '',
-        interfaceAddress: '',
-        // submitState: '',
-        // publicState: ''
+        interfaceUrl: ''
       },
       title: ''
     }
@@ -92,34 +88,30 @@ export default {
       this.getTableData()
     },
     handleAdd () {
-      this.title = '配置服务'
-      this.formLabelAlign.interfaceName = ''
-      this.formLabelAlign.interfaceAddress = ''
+      this.title = '发布服务'
+      this.formLabelAlign = {}
       this.dialogVisible = true
     },
-    handleConfirm() {
-      const {id} = this.selRow
-      console.log('radio', this.radio)
-      api.servicePublic({id, applyType: this.formLabelAlign.interfaceName}).then(res => {
-        if(res.code === 200) {
-          this.dialogVisible = false
-          this.$message({
-            message: '发布成功!',
-            type: 'success'
+    handleConfirm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          api.servicePublic(this.formLabelAlign).then(res => {
+            if(res.code === 200) {
+              this.dialogVisible = false
+              this.$message({
+                message: '发布成功!',
+                type: 'success'
+              })
+              this.getTableData()
+            }
           })
-          this.getTableData()
         }
       })
     },
     getTableData() {
       const {pageNum, pageSize, searchWords} = this
       api.serviceListByPage({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.tableData = res.data.records || []
         this.total = res.data.total
       })
     }

src/pages/index/components/service_subscription_function.vue

@@ -102,12 +102,7 @@ export default {
       getTableData() {
         const {pageNum, pageSize, formInline} = 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.tableData = res.data.records || []
         //   this.total = res.data.total
         // })
       }