修改按钮

config/index.js

@@ -11,7 +11,8 @@ module.exports = {
     assetsPublicPath: "/",
 
     // Various Dev Server settings
-    host: process.env.HOST || "localhost", // can be overwritten by process.env.HOST
+    host: '0.0.0.0', // can be overwritten by process.env.HOST
+    // host: process.env.HOST || "localhost", // can be overwritten by process.env.HOST
     port: process.env.PORT || 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,

src/pages/index/components/parking_fee.vue

@@ -25,13 +25,12 @@
       <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
-            size="mini">编辑</el-button>
-          <el-button
-            size="mini"
-            type="danger">删除</el-button>
-        </div>
+        <template slot-scope="scope" style="display: inline-block">
+          <el-button type="primary" @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">
@@ -39,6 +38,44 @@
                      :current-page.sync="pageNum" :page-size.sync="pageSize">
       </el-pagination>
     </div>
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="40%"
+      custom-class="audit-dialog">
+      <div style="height: 350px" class="form-div">
+        <el-form label-position="left" label-width="80px" :model="formLabelAlign">
+          <el-form-item label="停车路段">
+            <el-input v-model="formLabelAlign.parkRoad"></el-input>
+          </el-form-item>
+          <el-form-item label="停车位置">
+            <el-input v-model="formLabelAlign.parkStall"></el-input>
+          </el-form-item>
+          <el-form-item label="车牌号">
+            <el-input v-model="formLabelAlign.plateCode"></el-input>
+          </el-form-item>
+          <el-form-item label="车牌类型">
+            <el-input v-model="formLabelAlign.plateType"></el-input>
+          </el-form-item>
+          <el-form-item label="停车时间">
+            <el-input v-model="formLabelAlign.parkTime"></el-input>
+          </el-form-item>
+          <el-form-item label="离开时间">
+            <el-input v-model="formLabelAlign.leaveTime"></el-input>
+          </el-form-item>
+          <el-form-item label="修改人">
+            <el-input v-model="formLabelAlign.revisePerson"></el-input>
+          </el-form-item>
+          <el-form-item label="修改时间">
+            <el-input v-model="formLabelAlign.reviseTime"></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>
   </div>
 </template>
 <script>
@@ -95,7 +132,18 @@ export default {
       formInline: {
         searchTime: '',
         searchWord: ''
-      }
+      },
+      formLabelAlign: {
+        parkRoad: '',
+        parkStall: '',
+        plateCode: '',
+        plateType: '',
+        parkTime: '',
+        leaveTime: '',
+        revisePerson: '',
+        reviseTime: '',
+      },
+      title: ''
     }
   },
   mounted() {
@@ -104,6 +152,21 @@ export default {
   watch: {
   },
   methods: {
+    handleAudit(row) {
+      this.title = '修改停车收费取证'
+      this.formLabelAlign.parkRoad = row.resourceName
+      this.formLabelAlign.parkStall = row.resourceName
+      this.formLabelAlign.plateCode = row.resourceName
+      this.formLabelAlign.plateType = row.resourceName
+      this.formLabelAlign.parkTime = row.resourceName
+      this.formLabelAlign.leaveTime = row.resourceName
+      this.formLabelAlign.revisePerson = row.resourceName
+      this.formLabelAlign.reviseTime = row.resourceName
+      this.dialogVisible = true
+    },
+    deleteRow (record) {
+      console.log(record)
+    },
     handlePageChange() {
       this.getTableData()
     },
@@ -111,8 +174,6 @@ export default {
       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
@@ -124,6 +185,9 @@ export default {
         }
       })
     },
+    onSubmit () {
+      this.getTableData()
+    },
     getTableData() {
       const {pageNum, pageSize, searchWords} = this
       api.applyList({pageNum, pageSize, resourceName: searchWords}).then(res => {
@@ -144,44 +208,6 @@ export default {
 }
 </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;
@@ -208,5 +234,13 @@ export default {
   .label{
     text-align: right;
   }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 80%;
+      border: 1px solid #a6a5a5;
+      color: black;
+    }
+  }
 }
 </style>

src/pages/index/components/service_publish.vue

@@ -2,7 +2,7 @@
   <div class="body-wrapper">
     <div>
       <h2 style="color: white;margin-bottom: 20px;display: inline-block;width: 90%">服务发布列表</h2>
-      <el-button type="primary">配置服务</el-button>
+      <el-button type="primary" @click="handleAdd">配置服务</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">
@@ -13,6 +13,32 @@
                      :current-page.sync="pageNum" :page-size.sync="pageSize">
       </el-pagination>
     </div>
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="60%"
+      custom-class="audit-dialog">
+      <div style="height: 200px" class="form-div">
+        <el-form label-position="left" label-width="80px" :model="formLabelAlign">
+          <el-form-item label="接口名称">
+            <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>
+          <el-form-item label="提交状态">
+            <el-input v-model="formLabelAlign.submitState"></el-input>
+          </el-form-item>
+          <el-form-item label="发布状态">
+            <el-input v-model="formLabelAlign.publicState"></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>
   </div>
 </template>
 <script>
@@ -49,7 +75,14 @@ export default {
       radio: '2',
       dialogVisible: false,
       selRow: {},
-      searchWords: undefined
+      searchWords: undefined,
+      formLabelAlign: {
+        interfaceName: '',
+        interfaceAddress: '',
+        submitState: '',
+        publicState: ''
+      },
+      title: ''
     }
   },
   mounted() {
@@ -68,6 +101,14 @@ export default {
     handleCancelApply(row) {
       console.log('enter handle cancel apply')
     },
+    handleAdd () {
+      this.title = '配置服务'
+      this.formLabelAlign.interfaceName = ''
+      this.formLabelAlign.interfaceAddress = ''
+      this.formLabelAlign.submitState = ''
+      this.formLabelAlign.publicState = ''
+      this.dialogVisible = true
+    },
     handleConfirm() {
       const {id} = this.selRow
       console.log('radio', this.radio)
@@ -127,5 +168,13 @@ export default {
   .label{
     text-align: right;
   }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 80%;
+      border: 1px solid #a6a5a5;
+      color: black;
+    }
+  }
 }
 </style>

src/pages/index/layouts/indexLayout.vue

@@ -68,7 +68,7 @@ export default {
         {name: '全局停车诱导', url: '/park_guidance'},
         {name: '区域停车发展分析', url: '/park_development_analysis'},
         {name: '路内泊位设置推荐', url: '/berth_recommend'},
-        {name: '停车盲点挖招', url: '/blind_spot_digging'},
+        {name: '停车盲点挖掘', url: '/blind_spot_digging'},
         {name: '其他分析', url: '/other_analyse'},
         {name: '服务发布功能', url: '/service_publish'},
         {name: '公告功能', url: '/announcement_function'},