src/router/index.js

@@ -134,17 +134,18 @@ export const constantRoutes = [
     component: Layout,
     redirect: '/mock/interface',
     name: 'Mock',
-    meta: { title: '服务Mock', icon: 'example' },
+    meta: { title: 'Mock服务', icon: 'example' },
     children: [
       {
         path: 'interface',
         name: 'Interface',
         component: () => import('@/views/mock/interface'),
-        meta: { title: '接口', icon: 'interface' }
+        meta: { title: 'Mock服务', icon: 'interface' }
       },
       {
         path: 'interface/:rule',
         name: 'Rule',
+        hidden: true,
         component: () => import('@/views/mock/rule'),
         meta: { title: '规则', icon: 'rule' }
       }

src/views/home/floatMenu.vue

@@ -5,8 +5,8 @@
       <div class="QRCode-title">钉钉客服群</div>
       <el-image :src="imgUrl" style="margin: 0" />
     </el-card>
-    <div class="div-button-feedback" @click="feedBackClick" @mouseover="feedbackClassName = 'Float_icon_反馈_蓝色'" @mouseout="feedbackDisplay === 'display: none;'?feedbackClassName = 'Float_icon_反馈':feedbackClassName = 'Float_icon_反馈_蓝色'"><svg-icon :icon-class="feedbackClassName" /></div>
-    <el-card class="feedback" :style="feedbackDisplay">
+    <div class="div-button-feedback" @mouseover="feedbackClassName = 'Float_icon_反馈_蓝色';display = 'display: block;'" @mouseout="display === 'display: none;'?feedbackClassName = 'Float_icon_反馈':feedbackClassName = 'Float_icon_反馈_蓝色'"><svg-icon :icon-class="feedbackClassName" /></div>
+    <el-card class="feedback" :style="display">
       <div style="font-size: 12pt;color: #666666;display: inline-block">意见反馈</div>
       <div style="float: right;display: inline-block;" @click="feedBackClose"><svg-icon icon-class="float_反馈_icon_close" /></div><br>
       <div style="display:inline-block;font-size: 10pt;color: #666666;margin-top: 20pt">反馈类型</div>
@@ -105,7 +105,7 @@ export default {
         content: ''
       },
       typeOptions: ['反馈问题', '提出建议', '其他'],
-      moduleNameOptions: ['流程管控', '自动化', '数据中心', '环境平台', '服务mock', '虚拟硬件', '其他']
+      moduleNameOptions: ['流程管控', '自动化', '数据中心', '环境平台', 'Mock服务', '虚拟硬件', '其他']
     }
   },
   methods: {
@@ -115,7 +115,7 @@ export default {
     feedBackClick() {
       if (this.display === 'display: none;') {
         this.feedbackClassName = 'Float_icon_反馈_蓝色'
-        this.feedbackDisplay = 'display: block;'
+        this.display = 'display: block;'
       } else {
         this.feedBackClose()
       }

src/views/home/index.vue

@@ -10,7 +10,7 @@
     >
       <el-image class="logo" :src="logoImage" fit="scale-down" />
       <el-menu-item style="margin-left: 18.5%" index="1">环境平台</el-menu-item>
-      <el-menu-item index="2">服务mock</el-menu-item>
+      <el-menu-item index="2">Mock服务</el-menu-item>
       <el-menu-item index="3" disabled>数据中心</el-menu-item>
       <el-menu-item index="4" disabled>流程管控</el-menu-item>
       <el-menu-item index="5" disabled>自动化</el-menu-item>
@@ -41,7 +41,7 @@
       </el-card>
       <el-card shadow="hover" @click.native="handleSelect('2')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_服务mock@3x.png">
-        <div class="div-title">服务mock</div>
+        <div class="div-title">Mock服务</div>
         <div class="div-module-introduction">灵活稳定的Mock服务</div>
       </el-card>
       <el-card class="expect" shadow="never" @click.native="handleSelect('3')">
@@ -75,7 +75,7 @@
       </div>
       <div class="div-footer2" style="width: 600px;margin-top: 45pt;margin-left: 595pt;">
         <div style="visibility: hidden;">1</div>
-        <span style="margin-top: 18pt">服务mock-赵福贵</span>
+        <span style="margin-top: 18pt">Mock服务-赵福贵</span>
         <span>数据中心-王丽莎</span>
         <span>FT负责人-叶宏钢</span>
         <br>

src/views/mock/interface.vue

@@ -37,6 +37,7 @@
       fit
       highlight-current-row
       style="width: 100%;"
+      :header-cell-style="styleObj"
       @sort-change="sortChange"
     >
       <el-table-column label="ID" prop="id" sortable align="center" width="60">
@@ -238,6 +239,9 @@ export default {
   },
   data() {
     return {
+      styleObj: {
+        // 'color': 'rgba(0, 0, 0, 0.726)'
+      },
       tableKey: 0,
       list: null,
       total: 0,