样式调整

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/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/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

@@ -144,6 +144,44 @@ 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;
@@ -163,8 +201,9 @@ export default {
       height: 35px;
       width: 90%;
       border: 1px solid #a6a5a5;
-      color: black;
+      color: #fff;
     }
   }
 }
+
 </style>