页面修改

src/pages/index/components/announcement_function.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,26 @@
                      :current-page.sync="pageNum" :page-size.sync="pageSize">
       </el-pagination>
     </div>
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      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-input v-model="formLabelAlign.publicTitle"></el-input>
+          </el-form-item>
+          <el-form-item label="发布人">
+            <el-input v-model="formLabelAlign.publicPerson"></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>
@@ -45,7 +65,13 @@ export default {
       radio: '2',
       dialogVisible: false,
       selRow: {},
-      searchWords: undefined
+      searchWords: undefined,
+      formLabelAlign: {
+        publicTitle: '',
+        // publicTime: '',
+        publicPerson: ''
+      },
+      title: ''
     }
   },
   mounted() {
@@ -64,10 +90,17 @@ export default {
     handleCancelApply(row) {
       console.log('enter handle cancel apply')
     },
+    handleAdd () {
+      this.title = '发布公告'
+      this.formLabelAlign.publicTitle = ''
+      // this.formLabelAlign.publicTime = ''
+      this.formLabelAlign.publicPerson = ''
+      this.dialogVisible = true
+    },
     handleConfirm() {
       const {id} = this.selRow
       console.log('radio', this.radio)
-      api.applyResource({id, applyType: this.radio}).then(res => {
+      api.applyResource({id, applyType: this.formLabelAlign.publicTitle}).then(res => {
         if(res.success) {
           this.dialogVisible = false
           this.$message({
@@ -155,5 +188,14 @@ export default {
   .label{
     text-align: right;
   }
+  .form-div{
+    /deep/ .el-input__inner{
+      background: white;
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: black;
+    }
+  }
 }
 </style>

src/pages/index/components/message.vue

@@ -8,7 +8,7 @@
       </el-table-column>
       <el-table-column label="操作" width="150">
       <div slot-scope="scope">
-        <el-button type="primary" size="mini">详情</el-button>
+        <el-button  @click="handleDetail(scope.row)" type="primary" size="mini">详情</el-button>
       </div>
     </el-table-column>
     </el-table>
@@ -17,6 +17,17 @@
                      :current-page.sync="pageNum" :page-size.sync="pageSize">
       </el-pagination>
     </div>
+    <el-dialog
+      title="详情"
+      :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-dialog>
   </div>
 </template>
 <script>
@@ -68,6 +79,10 @@ export default {
     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)
@@ -127,5 +142,19 @@ export default {
   .label{
     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;
+    }
+  }
 }
 </style>

src/pages/index/components/parking_fee.vue

@@ -41,7 +41,7 @@
     <el-dialog
       :title="title"
       :visible.sync="dialogVisible"
-      width="40%"
+      width="50%"
       custom-class="audit-dialog">
       <div style="height: 350px" class="form-div">
         <el-form label-position="left" label-width="80px" :model="formLabelAlign">
@@ -162,6 +162,7 @@ export default {
       this.formLabelAlign.leaveTime = row.resourceName
       this.formLabelAlign.revisePerson = row.resourceName
       this.formLabelAlign.reviseTime = row.resourceName
+      this.formLabelAlign=row
       this.dialogVisible = true
     },
     deleteRow (record) {
@@ -174,7 +175,7 @@ export default {
       console.log('enter handle cancel apply')
     },
     handleConfirm() {
-      api.applyResource({id, applyType: this.radio}).then(res => {
+      api.applyResource({id, applyType: this.formLabelAlign.parkRoad}).then(res => {
         if(res.success) {
           this.dialogVisible = false
           this.$message({
@@ -236,8 +237,9 @@ export default {
   }
   .form-div{
     /deep/ .el-input__inner{
+      background: white;
       height: 35px;
-      width: 80%;
+      width: 90%;
       border: 1px solid #a6a5a5;
       color: black;
     }

src/pages/index/components/service_publish.vue

@@ -16,9 +16,9 @@
     <el-dialog
       :title="title"
       :visible.sync="dialogVisible"
-      width="60%"
+      width="50%"
       custom-class="audit-dialog">
-      <div style="height: 200px" class="form-div">
+      <div style="height: 100px" 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>
@@ -26,12 +26,12 @@
           <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-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">
@@ -79,8 +79,8 @@ export default {
       formLabelAlign: {
         interfaceName: '',
         interfaceAddress: '',
-        submitState: '',
-        publicState: ''
+        // submitState: '',
+        // publicState: ''
       },
       title: ''
     }
@@ -105,14 +105,14 @@ export default {
       this.title = '配置服务'
       this.formLabelAlign.interfaceName = ''
       this.formLabelAlign.interfaceAddress = ''
-      this.formLabelAlign.submitState = ''
-      this.formLabelAlign.publicState = ''
+      // this.formLabelAlign.submitState = ''
+      // this.formLabelAlign.publicState = ''
       this.dialogVisible = true
     },
     handleConfirm() {
       const {id} = this.selRow
       console.log('radio', this.radio)
-      api.applyResource({id, applyType: this.radio}).then(res => {
+      api.applyResource({id, applyType: this.formLabelAlign.interfaceName}).then(res => {
         if(res.success) {
           this.dialogVisible = false
           this.$message({
@@ -171,7 +171,7 @@ export default {
   .form-div{
     /deep/ .el-input__inner{
       height: 35px;
-      width: 80%;
+      width: 90%;
       border: 1px solid #a6a5a5;
       color: black;
     }

src/pages/index/components/support.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,28 @@
                      :current-page.sync="pageNum" :page-size.sync="pageSize">
       </el-pagination>
     </div>
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      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>
+            </el-form-item>
+            <el-form-item label="支持渠道">
+              <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>
+        </span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -48,7 +70,11 @@ export default {
       radio: '2',
       dialogVisible: false,
       selRow: {},
-      searchWords: undefined
+      searchWords: undefined,
+      formLabelAlign: {
+        requestTitle: '',
+        supportChannel: ''
+      },
     }
   },
   mounted() {
@@ -67,10 +93,16 @@ export default {
     handleCancelApply(row) {
       console.log('enter handle cancel apply')
     },
+    handleAdd () {
+      this.title = '技术支持申请'
+      this.formLabelAlign.requestTitle = ''
+      this.formLabelAlign.supportChannel = ''
+      this.dialogVisible = true
+    },
     handleConfirm() {
       const {id} = this.selRow
       console.log('radio', this.radio)
-      api.applyResource({id, applyType: this.radio}).then(res => {
+      api.applyResource({id, applyType: this.formLabelAlign.requestTitle}).then(res => {
         if(res.success) {
           this.dialogVisible = false
           this.$message({
@@ -126,5 +158,13 @@ export default {
   .label{
     text-align: right;
   }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: black;
+    }
+  }
 }
 </style>