订阅页面完成

src/assets/css/element_ui.css

@@ -53,8 +53,8 @@
 
 .el-input-group>.el-input__inner {
   position: relative;
-  width: 220px;
-  height: 30px;
+  /*width: 220px;*/
+  height: 40px;
   font-size: 13px;
   padding: 0px 6px;
   background-color: transparent;
@@ -293,18 +293,26 @@
   padding-right: 5px;
 }
 
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 90px;
+/*.el-date-editor.el-input,*/
+/*.el-date-editor.el-input__inner {*/
+/*  width: 90px;*/
+/*}*/
+
+.el-date-editor .el-range-input {
+  background: transparent;
 }
 
 .el-picker-panel {
   color: #fff;
-  border: 1px solid #09f;
-  background: #060042;
+  /*border: 1px solid #09f;*/
+  background: #2d3744;
   margin: 5px 0;
 }
 
+.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
+  background: #747272;
+}
+
 .el-input--mini .el-input__inner {
   height: 25px;
   line-height: 25px;

src/pages/index/components/credential_management_function.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="body-wrapper">
+    <el-form class="form-wrapper" :inline="true" :model="formInline">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="凭证名称">
+            <el-input v-model="formInline.credentialName" placeholder="请输入凭证"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit">查询</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column
+        label="序号"
+        type="index"
+        :index="indexMethod">
+      </el-table-column>
+      <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="100">
+        <template slot-scope="scope">
+          <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"
+        :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>
+import api from "@/api/audit.js";
+
+export default {
+    components: {},
+    data() {
+      return {
+        columns: [
+          {
+            label: '凭证ID',
+            key: 'resourceName'
+          },
+          {
+            label: '凭证名称',
+            key: 'resourceType'
+          },
+          {
+            label: '有效期',
+            key: 'applyTypeText'
+          }
+        ],
+        tableData: [],
+        total: 0,
+        pageSize: 10,
+        pageNum: 1,
+        radio: '2',
+        dialogVisible: false,
+        selRow: {},
+        formInline: {
+          credentialName: ''
+        }
+      }
+    },
+    mounted() {
+      this.getTableData()
+    },
+    watch: {
+    },
+    methods: {
+      indexMethod(index) {
+        return this.pageSize * (this.pageNum - 1) + index + 1
+      },
+      deleteRow (record) {
+        console.log(record, '11111')
+      },
+      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)
+          })
+          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>
+.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;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+        width: 36%;
+    }
+  }
+}
+.audit-dialog{
+    .mg-bt{
+        margin-bottom: 24px;
+    }
+    .label{
+        text-align: right;
+    }
+}
+</style>

src/pages/index/components/ip_white_list.vue

@@ -0,0 +1,232 @@
+<template>
+  <div class="body-wrapper">
+    <el-form class="form-wrapper" :inline="true" :model="formInline">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="IP地址">
+            <el-input v-model="formInline.ipUrl" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item>
+            <el-button type="primary" class="query-btn" @click="onSubmit">查询</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="success" @click="handleAdd">添加白名单</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column
+        label="序号"
+        type="index"
+        :index="indexMethod">
+      </el-table-column>
+      <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="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">
+      <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>
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="60%"
+      custom-class="audit-dialog">
+      <el-form label-position="left" label-width="80px" :model="formLabelAlign">
+        <el-form-item label="IP地址">
+          <el-input v-model="formLabelAlign.ipUrl"></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>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+
+export default {
+  components: {},
+  data() {
+    return {
+      columns: [
+        {
+          label: 'IP地址',
+          key: 'resourceName'
+        },
+        {
+          label: '最后操作时间',
+          key: 'resourceType'
+        }
+      ],
+      tableData: [],
+      total: 0,
+      pageSize: 10,
+      pageNum: 1,
+      radio: '2',
+      dialogVisible: false,
+      formInline: {
+        ipUrl: ''
+      },
+      formLabelAlign: {
+        ipUrl: ''
+      },
+      selRow: undefined,
+      title: ''
+    }
+  },
+  mounted() {
+    this.getTableData()
+  },
+  watch: {
+  },
+  methods: {
+    handleAudit(row) {
+      this.title = '修改白名单'
+      this.formLabelAlign.ipUrl = row.resourceName
+      this.dialogVisible = true
+    },
+    indexMethod(index) {
+      return this.pageSize * (this.pageNum - 1) + index + 1
+    },
+    handleAdd () {
+      this.title = '添加白名单'
+      this.formLabelAlign.ipUrl = ''
+      this.dialogVisible = true
+    },
+    onSubmit () {
+      this.getTableData()
+    },
+    deleteRow (record) {
+      console.log(record)
+    },
+    handlePageChange() {
+      this.getTableData()
+    },
+    handleConfirm() {
+      api.applyResource({idUrl: this.ipUrl}).then(res => {
+        if(res.success) {
+          this.dialogVisible = false
+          this.$message({
+            message: '添加成功!',
+            type: 'success'
+          })
+          this.getTableData()
+        }
+      })
+    },
+    getTableData() {
+      const {pageNum, pageSize} = this
+      api.applyList({pageNum, pageSize, ipUrl: this.formInline.ipUrl}).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
+      })
+    },
+    getApplyTypeText(val) {
+      if (!val){
+        return '未申请'
+      }
+      const textMap = {
+        1: '待审批',
+        2: '审批通过',
+        3: '审批驳回'
+      }
+      return textMap[val]
+    },
+    handleSearch() {
+      this.pageNum = 1
+      this.getTableData()
+    }
+  }
+}
+</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;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+      width: 36%;
+    }
+  }
+}
+.audit-dialog{
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
+  /deep/ .el-input__inner{
+    background: white;
+  }
+}
+</style>

src/pages/index/components/operation_log.vue

@@ -1,20 +1,42 @@
 <template>
   <div class="body-wrapper">
     <el-form class="form-wrapper" :inline="true" :model="formInline">
-      <el-form-item label="审批人">
-        <el-input v-model="formInline.interfaceName" placeholder="审批人"></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select v-model="formInline.region" placeholder="活动区域" class="cur-select">
-          <el-option label="区域一" value="shanghai"></el-option>
-          <el-option label="区域二" value="beijing"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="onSubmit">查询</el-button>
-      </el-form-item>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="IP地址">
+            <el-input v-model="formInline.interfaceName" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="日期">
+            <!--        <el-select v-model="formInline.region" placeholder="活动区域" class="cur-select">-->
+            <!--          <el-option label="区域一" value="shanghai"></el-option>-->
+            <!--          <el-option label="区域二" value="beijing"></el-option>-->
+            <!--        </el-select>-->
+            <el-date-picker
+              v-model="formInline.time"
+              type="daterange"
+              align="right"
+              unlink-panels
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit">查询</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column
+        label="序号"
+        type="index"
+        :index="indexMethod">
+      </el-table-column>
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
       <el-table-column
@@ -77,7 +99,7 @@ export default {
       selRow: {},
       formInline: {
         interfaceName: '',
-        region: ''
+        time: ''
       }
     }
   },
@@ -87,6 +109,9 @@ export default {
   watch: {
   },
   methods: {
+    indexMethod(index) {
+      return this.pageSize * (this.pageNum - 1) + index + 1
+    },
     handlePageChange() {
       this.getTableData()
     },

src/pages/index/components/service_call_function.vue

@@ -0,0 +1,143 @@
+<template>
+  <div class="body-wrapper">
+    <el-form class="form-wrapper" :model="ruleForm">
+      <el-form-item label="接口地址" prop="interfaceName">
+        <el-input v-model="ruleForm.interfaceName" placeholder="接口地址"></el-input>
+      </el-form-item>
+      <el-form-item label="accessKey" prop="accessKey">
+        <el-input v-model="ruleForm.accessKey" placeholder="接口地址"></el-input>
+      </el-form-item>
+      <el-form-item label="公钥" prop="publicKey">
+        <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>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import api from "@/api/audit.js";
+
+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: ''
+      }
+    }
+  },
+  mounted() {
+  },
+  watch: {
+  },
+  methods: {
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          alert('submit!');
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+    }
+  }
+}
+</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;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+}
+.audit-dialog{
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
+}
+/deep/ .el-textarea.is-disabled .el-textarea__inner {
+  background: #2a2a2a;
+  color: #fff;
+}
+</style>

src/pages/index/components/service_subscription_function.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="body-wrapper">
+    <el-form class="form-wrapper" :inline="true" :model="formInline">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="服务名称">
+            <el-input v-model="formInline.serviceName" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit">查询</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
+      <el-table-column
+        label="序号"
+        type="index"
+        :index="indexMethod">
+      </el-table-column>
+      <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="100">
+        <template slot-scope="scope">
+          <el-popconfirm title="确定订阅吗？" @confirm="subscribeRow(scope.row)">
+            <el-button type="success" 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"
+        :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>
+import api from "@/api/audit.js";
+
+export default {
+    components: {},
+    data() {
+      return {
+        columns: [
+          {
+            label: '服务名称',
+            key: 'resourceName'
+          },
+          {
+            label: '状态',
+            key: 'applyTypeText'
+          }
+        ],
+        tableData: [],
+        total: 0,
+        pageSize: 10,
+        pageNum: 1,
+        radio: '2',
+        dialogVisible: false,
+        selRow: {},
+        formInline: {
+          serviceName: ''
+        }
+      }
+    },
+    mounted() {
+      this.getTableData()
+    },
+    watch: {
+    },
+    methods: {
+      indexMethod(index) {
+        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')
+      },
+      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)
+          })
+          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>
+
+.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;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+        width: 36%;
+    }
+  }
+}
+.audit-dialog{
+    .mg-bt{
+        margin-bottom: 24px;
+    }
+    .label{
+        text-align: right;
+    }
+}
+</style>

src/pages/index/layouts/indexLayout.vue

@@ -66,8 +66,6 @@ export default {
         {name: '运营停车场主题', url: '/parking_operate'},
         {name: '区域停车主题', url: '/parking_area'},
         {name: '设备运营主题', url: '/service_operations'},
-        {name: '操作日志', url: '/operation_log'},
-<<<<<<< Updated upstream
         {name: '停车饱和预警', url: '/saturation_warning'},
         {name: '停车缺口分析', url: '/gap_analysis'},
         {name: '停车难易指数', url: '/park_easy'},
@@ -78,12 +76,15 @@ export default {
         {name: '服务发布功能', url: '/service_publish'},
         {name: '公告功能', url: '/announcement_function'},
         {name: '消息中心功能', url: '/message'},
-=======
         {name: '泊位使用情况', url: '/berths_usage'},
         {name: '泊位营收情况', url: '/berths_revenue'},
         {name: '泊位营收情况', url: '/parking_lot_situation'},
         {name: '其他分析', url: '/other_analyse'},
->>>>>>> Stashed changes
+        {name: '凭证管理功能', url: '/credential_management_function'},
+        {name: '服务订阅功能', url: '/service_subscription_function'},
+        {name: 'IP白名单功能', url: '/ip_white_list'},
+        {name: '服务调用功能', url: '/service_call_function'},
+        {name: '操作日志功能', url: '/operation_log'},
       ]
     }
   },

src/router/index.js

@@ -175,7 +175,6 @@ export default new Router({
           component: () => import("../pages/index/components/operation_log.vue")
         },
         {
-<<<<<<< Updated upstream
           name: "saturation_warning",
           path: "/saturation_warning",
           component: () => import("../pages/index/components/saturation_warning.vue")
@@ -224,7 +223,8 @@ export default new Router({
           name: "message",
           path: "/message",
           component: () => import("../pages/index/components/message.vue")
-=======
+        },
+        {
           name: "berths_usage",
           path: "/berths_usage",
           component: () => import("../pages/index/components/berths_usage.vue")
@@ -243,7 +243,26 @@ export default new Router({
           name: "other_analyse",
           path: "/other_analyse",
           component: () => import("../pages/index/components/other_analyse.vue")
->>>>>>> Stashed changes
+        },
+        {
+          name: "service_call_function",
+          path: "/service_call_function",
+          component: () => import("../pages/index/components/service_call_function.vue")
+        },
+        {
+          name: "ip_white_list",
+          path: "/ip_white_list",
+          component: () => import("../pages/index/components/ip_white_list.vue")
+        },
+        {
+          name: "service_subscription_function",
+          path: "/service_subscription_function",
+          component: () => import("../pages/index/components/service_subscription_function.vue")
+        },
+        {
+          name: "credential_management_function",
+          path: "/credential_management_function",
+          component: () => import("../pages/index/components/credential_management_function.vue")
         },
       ]
     }