运维管理修改

.env.production

@@ -3,5 +3,9 @@ ENV = 'production'
 
 
 # 生产环境
-   VUE_APP_BASE_API = '/AERCP/api'
-   VUE_APP_BASE_APIS = '/AERCP/api/teaServer'
+   VUE_APP_BASE_API = '/AERCP-manager/api'
+   VUE_APP_BASE_APIS = '/AERCP-manager/api/teaServer'
+
+
+#   VUE_APP_BASE_API = '/api'
+#   VUE_APP_BASE_APIS = '/api/teaServer'

src/router/index.js

@@ -120,6 +120,19 @@ export const constantRoutes = [
       meta: { title: '用户缓存', icon: 'dashboard' }
     }]
   },
+  {
+    path: '/gatewayCache',
+    component: Layout,
+    name: 'gatewayCache',
+    hidden: true,
+    redirect: '/gatewayCache/index',
+    children: [{
+      path: '/gatewayCache/index',
+      name: 'gatewayCache',
+      component: () => import('@/views/mochaITOM/gatewayCache.vue'),
+      meta: { title: '网关缓存', icon: 'dashboard' }
+    }]
+  },
   /* {
     path: '/',
     component: Layout,

src/views/OpenApi/gatewayLog.vue

@@ -111,9 +111,9 @@
             {{ scope.row.method || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="业务类型" prop="businessType" :show-overflow-tooltip="true">
+        <el-table-column label="操作结果" prop="businessType" :show-overflow-tooltip="true">
           <template slot-scope="scope">
-            {{ scope.row.businessType === '0' ? '其他' :scope.row.businessType === '1' ? '新增' :scope.row.businessType === '2' ? '修改' :scope.row.businessType === '3' ? '删除':'-' }}
+            {{ scope.row.errorMessage ? '失败' : '成功'  }}
           </template>
         </el-table-column>
         <el-table-column label="模块标题" prop="title" width="130" :show-overflow-tooltip="true">
@@ -121,21 +121,11 @@
             {{ scope.row.title || '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="状态" prop="flag" :show-overflow-tooltip="true">
-          <template slot-scope="scope">
-            {{ scope.row.flag === '0' ? '停用':scope.row.flag === '1' ? '启用': '-' }}
-          </template>
-        </el-table-column>
-        <el-table-column label="备注" prop="remarks" :show-overflow-tooltip="true">
+        <el-table-column label="路径" prop="remarks" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             {{ scope.row.remarks || '-' }}
           </template>
         </el-table-column>
-        <el-table-column :show-overflow-tooltip="true" label="创建时间" prop="createDate" width="160">
-          <template slot-scope="scope">
-            <span>{{ scope.row.createDate | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span>
-          </template>
-        </el-table-column>
         <el-table-column :show-overflow-tooltip="true" label="请求时间" prop="requestTime" width="160">
           <template slot-scope="scope">
             <span>{{ scope.row.requestTime | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span>
@@ -170,77 +160,52 @@
       <el-form ref="form" :model="form" label-width="auto">
         <el-row>
           <el-col :span="12">
-            <el-form-item label="机构名称:" prop="organizationalStructure">
-              <el-input v-model="form.organizationalStructure" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入机构名称" />
-            </el-form-item>
+            <el-form-item label="机构名称：">{{ form.organizationalStructure || '-' }}</el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="机构编号:" prop="institutionCode">
-              <el-input v-model="form.institutionCode" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入机构编号" />
-            </el-form-item>
+            <el-form-item label="机构编号：">{{ form.institutionCode || '-' }}</el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="ip:" prop="ip">
-              <el-input v-model="form.ip" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入ip" />
-            </el-form-item>
+            <el-form-item label="ip：">{{ form.ip || '-' }}</el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="请求方式:" prop="request">
-              <el-input v-model="form.request" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入accessKey" />
-            </el-form-item>
+            <el-form-item label="请求方式：">{{ form.request || '-' }}</el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="业务类型:" prop="businessType">
-              <el-radio-group v-model="form.businessType" :disabled="formDisabled">
-                <el-radio :label="'0'">其他</el-radio>
-                <el-radio :label="'1'">新增</el-radio>
-                <el-radio :label="'2'">修改</el-radio>
-                <el-radio :label="'3'">删除</el-radio>
-              </el-radio-group>
-            </el-form-item>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="报错信息:" prop="errorMessage">
+                  {{ form.errorMessage || '-' }}
+                </el-form-item>
+              </el-col>
+            </el-row>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="模块标题:" prop="title">
-              <el-input v-model="form.title" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入accessKey" />
-            </el-form-item>
+            <el-form-item label="模块标题：">{{ form.title || '-' }}</el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="12">
-            <el-form-item label="请求参数:" prop="requestData">
-              <el-input v-model="form.requestData" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入ip" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="返回参数:" prop="responseData">
-              <el-input v-model="form.responseData" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入accessKey" />
-            </el-form-item>
+          <el-col :span="24">
+            <el-form-item label="请求参数：">{{ form.requestData || '-' }}</el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="12">
-            <el-form-item label="方法名称:" prop="method">
-              <el-input v-model="form.method" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入apiSecretKey" />
-            </el-form-item>
+          <el-col :span="24">
+            <el-form-item label="返回参数：">{{ form.responseData || '-' }}</el-form-item>
           </el-col>
-          <el-col :span="12">
-            <el-form-item label="是否启用:" prop="flag">
-              <el-radio-group v-model="form.flag" :disabled="formDisabled">
-                <el-radio :label="'1'">启用</el-radio>
-                <el-radio :label="'0'">停用</el-radio>
-              </el-radio-group>
-            </el-form-item>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="方法名称：">{{ form.method || '-' }}</el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
-            <el-form-item label="备注:" prop="remarks">
-              <el-input v-model="form.remarks" :disabled="formDisabled" type="textarea" show-word-limit maxlength="100" placeholder="请输入备注" />
-            </el-form-item>
+            <el-form-item label="备注：">{{ form.remarks || '-' }}</el-form-item>
           </el-col>
         </el-row>
       </el-form>

src/views/OpenApi/index.vue

@@ -178,32 +178,32 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="ip:" prop="ips">
-              <el-input v-model="form.ips" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入ip" />
+              <el-input v-model="form.ips" :disabled="formDisabled" show-word-limit  placeholder="请输入ip" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="accessKey:" prop="accessKey">
-              <el-input v-model="form.accessKey" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入accessKey" />
+              <el-input v-model="form.accessKey" :disabled="formDisabled" show-word-limit placeholder="请输入accessKey" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item label="secretKey:" prop="secretKey" class="secretKeyItem">
-              <el-input v-model="form.secretKey" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入secretKey" />
+              <el-input v-model="form.secretKey" :disabled="formDisabled" show-word-limit placeholder="请输入secretKey" />
               <el-button v-if="formDisabled === true" class="copy-btn" type="primary" @click="handleCopy">复 制</el-button>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="apiPubKey:" prop="apiPubKey">
-              <el-input v-model="form.apiPubKey" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入apiPubKey" />
+              <el-input v-model="form.apiPubKey" :disabled="formDisabled" show-word-limit  placeholder="请输入apiPubKey" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item label="apiSecretKey:" prop="apiSecretKey">
-              <el-input v-model="form.apiSecretKey" :disabled="formDisabled" show-word-limit maxlength="20" placeholder="请输入apiSecretKey" />
+              <el-input v-model="form.apiSecretKey" :disabled="formDisabled" show-word-limit  placeholder="请输入apiSecretKey" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -217,7 +217,7 @@
         </el-row>
         <el-row>
           <el-col :span="24">
-            <el-form-item label="发布日期:" prop="dateRange">
+            <el-form-item label="有效日期:" prop="dateRange">
               <el-date-picker
                 v-model="dateRange"
                 :disabled="formDisabled"

src/views/mochaITOM/gatewayCache.vue

+<template>
+  <div class="gatewayCache_module">
+    <div class="queryTop">
+      <el-form ref="queryForm" class="formClass" :model="queryParams" :inline="true" label-width="auto">
+        <el-form-item label="类型:" prop="identity">
+          <el-select v-model="queryParams.type" placeholder="请选择类型" style="width: 150%" @change="getList">
+            <el-option
+              v-for="(item,index) in TypeList"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div>
+      <div class="tableTitle">用户缓存列表</div>
+      <el-table
+        v-loading="loading"
+        style="padding-right: 10px"
+        :data="tableList"
+      >
+        <el-table-column type="index" label="序号" width="90" />
+        <el-table-column label="key" prop="key" :show-overflow-tooltip="true">
+          <template slot-scope="scope">
+            {{ scope.row.key || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="value" prop="value" :show-overflow-tooltip="true">
+          <template slot-scope="scope">
+            {{ scope.row.value || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          width="200"
+          class-name="small-padding fixed-width"
+        >
+          <template slot-scope="scope">
+            <!--              //删除-->
+            <el-button
+              :class="commonField.delClass"
+              :type="commonField.typeParent"
+              :size="commonField.size"
+              @click="handleDelete(scope.row)"
+            >{{ commonField.deleteName }}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+import { delUser, queryListUserInfoByUnameOrPhone, teaOperateQueryList } from '@/api/system/mochalTOM'
+import commonField from '@/utils/commonField'
+
+export default {
+  name: 'UserCache',
+  data() {
+    return {
+      userId: '',
+      loading: false,
+      tableList: [],
+      queryParams: {
+        type: '10'
+      },
+      userQueryParams: {
+        searchKey: ''
+      },
+      TypeList: [
+        { value: '10', label: '服务端-Ip访问不合法 （分钟）' },
+        { value: '11', label: '服务端-Ip访问不合法 （天）' },
+        { value: '12', label: '服务端-Ip访问频繁 （分钟）' },
+        { value: '13', label: '服务端-Ip访问频繁 （天）' },
+        { value: '14', label: '客户端-Ip访问不合法 （分钟）' },
+        { value: '15', label: '客户端-Ip访问不合法 （天）' },
+        { value: '16', label: '客户端-Ip访问频繁 （分钟）' },
+        { value: '17', label: '客户端-Ip访问频繁 （天）' }
+      ]
+    }
+  },
+  computed: {
+    commonField() {
+      return commonField
+    }
+  },
+  created() {
+    this.getList()
+  },
+  mounted() {
+  },
+  methods: {
+    /** 列表查询*/
+    getList() {
+      this.loading = true
+      const params = {
+        type: this.queryParams.type
+      }
+      teaOperateQueryList(params).then(res => {
+        this.tableList = res.data
+        this.loading = false
+      }).catch(function() {
+        this.loading = false
+      })
+    },
+    /** 删除方法*/
+    handleDelete(row) {
+      const params = {
+        key: row.key
+      }
+      delUser(params).then(res => {
+        this.$message({
+          type: 'success',
+          message: '删除成功'
+        })
+        this.getList()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.gatewayCache_module{
+  padding: 30px;
+  .queryTop{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+</style>

src/views/mochaITOM/index.vue

@@ -2,8 +2,8 @@
   <div class="mochalTOM_module">
     <el-card v-for="(item, index) in cardList" :key="index" class="box-card">
       <div class="card_body">
-        {{item.name}}
-        <el-button type="primary" @click="goToDetail">前往</el-button>
+        {{ item.name }}
+        <el-button type="primary" @click="goToDetail(item.path)">前往</el-button>
       </div>
     </el-card>
   </div>
@@ -15,7 +15,9 @@ export default {
   data() {
     return {
       cardList: [
-        { name: '用户缓存' }
+        { name: '用户缓存', path: '/userCache/index' },
+        { name: '网关缓存', path: '/gatewayCache/index' },
+        { name: '开放网关', path: '/OpenApi/index' }
       ]
     }
   },
@@ -25,9 +27,9 @@ export default {
   },
   methods: {
     /** 跳转card详情*/
-    goToDetail() {
+    goToDetail(path) {
       this.$router.push({
-        path: '/userCache/index'
+        path: path
       })
     }
   }
@@ -36,9 +38,14 @@ export default {
 
 <style scoped lang="scss">
 .mochalTOM_module{
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
   padding: 30px;
   .box-card{
     width: 480px;
+    margin: 20px;
     .card_body{
       display: flex;
       align-items: center;

src/views/mochaITOM/userCache.vue

@@ -3,7 +3,7 @@
     <div class="queryTop">
       <el-form ref="queryForm" class="formClass" :model="queryParams" :inline="true" label-width="auto">
         <el-form-item label="类型:" prop="identity">
-          <el-select v-model="queryParams.type" placeholder="请选择类型" style="width: 100%" @change="getList">
+          <el-select v-model="queryParams.type" placeholder="请选择类型" style="width: 150%" @change="getList">
             <el-option
               v-for="(item,index) in TypeList"
               :key="index"
@@ -110,14 +110,6 @@ export default {
         { value: '7', label: '用户密码登录锁定' },
         { value: '8', label: '短信验证码登录锁定' },
         { value: '9', label: '登录锁定' },
-        { value: '10', label: '服务器-Ip访问不合法 分钟' },
-        { value: '11', label: '服务器-Ip访问不合法 天' },
-        { value: '12', label: '服务器-Ip访问频繁 分钟' },
-        { value: '13', label: '服务器-Ip访问频繁 天' },
-        { value: '14', label: '客户端-Ip访问不合法 分钟' },
-        { value: '15', label: '客户端-Ip访问不合法 天' },
-        { value: '16', label: '客户端-Ip访问频繁 分钟' },
-        { value: '17', label: '客户端-Ip访问频繁 天' }
       ]
     }
   },