样式修改

build/webpack.dev.conf.js

@@ -55,7 +55,7 @@ const devWebpackConfig = merge(baseWebpackConfig, {
     new HtmlWebpackPlugin({
       filename: 'index.html',
       template: 'index.html',
-      favicon: 'src/assets/image/QA.png',
+      favicon: 'src/assets/image/QG.png',
       inject: true
     }),
     // copy custom static assets

build/webpack.prod.conf.js

@@ -67,7 +67,7 @@ const webpackConfig = merge(baseWebpackConfig, {
         ? 'index.html'
         : config.build.index,
       template: 'index.html',
-      favicon: 'src/assets/image/QA.png',
+      favicon: 'src/assets/image/QG.png',
       inject: true,
       minify: {
         removeComments: true,

src/views/Main.vue

 <template>
   <div>
-    <h2>欢迎来到QA测试平台！</h2>
+    <h2>欢迎来到QG测试平台！</h2>
     <p>本平台当前包含的功能有：</p>
-    <p>1. 现金分期
+    <p>1. Docker</p>
+    <p>2. 现金分期
       <ul>
       <li>捞数据：可从数据库捞取现金贷特定状态的用户；</li>
       <li>造数据：可一键制造一个特定现金贷状态用户（首先要确保对应服务存在）；</li>
     </ul>
     </p>
-    <p>2. 消费分期（vcc）
+    <p>3. 消费分期（vcc）
       <ul>
         <li>查数据：可以查询一个手机号当前处于vcc的哪个状态；</li>
         <li>捞数据：可从数据捞取特定vcc状态的用户；</li>
         <li>造数据：可一键制造一个特定vcc状态用户；</li>
       </ul>
     </p>
-    <p>3. Mock
+    <p>4. Mock
       <ul>
         <li>支持的Mock接口列表，当前只支持易宝v2相关接口；</li>
       </ul>
     </p>
-    <p>4. 小工具
+    <p>5. 小工具
       <ul>
         <li>kdsp解密：羊小咩商城提交订单相关接口的解密；</li>
         <li>构建记录：可查询jenkins构建记录，服务、构建人以及构建时间；</li>
         <li>登录白名单：可将设备/手机号加入羊小咩的登录白名单，解决羊小咩无法登录的问题；</li>
       </ul>
     </p>
+    <p>6. 接口自动化</p>
+    <p>7. 质量保证</p>
   </div>
 </template>
 

src/views/docker/DevEnv.vue

@@ -125,6 +125,7 @@ export default {
   line-height: 40px;
   margin: 0 0 10px 0px;
   padding: 0 0 0 5px;
+  font-size: 22px;
 }
 .link-type,
 .link-type:focus {

src/views/docker/EnvDetail.vue

@@ -44,21 +44,21 @@
                 {{ scope.row.serviceName }}
               </span>
 
-              <el-popover v-if="moreShow" placement="top-start" trigger="hover" title="本地比线上多出的配置">
+              <!-- <el-popover v-if="moreShow" placement="top-start" trigger="hover" title="本地比线上多出的配置">
                 <el-table :data="moreArray" max-height="500">
                   <el-table-column width="100" property="type" label="Type" />
                   <el-table-column width="500" property="value" label="Value" />
                 </el-table>
                 <i slot="reference" class="el-icon-sort-up" style="color: #67c23a" />
-              </el-popover>
+              </el-popover> -->
 
-              <el-popover v-if="lostShow" placement="top-start" trigger="hover" title="本地比线上缺少的配置">
+              <!-- <el-popover v-if="lostShow" placement="top-start" trigger="hover" title="本地比线上缺少的配置">
                 <el-table :data="lostArray" max-height="500">
                   <el-table-column width="100" property="type" label="Type" />
                   <el-table-column width="500" property="value" label="Value" />
                 </el-table>
                 <i slot="reference" class="el-icon-sort-down" style="color: #f56c6c" />
-              </el-popover>
+              </el-popover> -->
 
             </span>
             <span v-if="scope.row.serviceName !== 'rabbitmq'&& scope.row.serviceName !== 'consul' && scope.row.serviceName !== 'redash'">{{ scope.row.serviceName }}</span>
@@ -79,7 +79,7 @@
             {{ scope.row.image.split('/')[2] }}
           </template>
         </el-table-column>
-        <el-table-column prop="createdAt" width="120" label="创建时间" />
+        <el-table-column prop="createdAt" width="200" label="创建时间" />
         <el-table-column prop="status" width="100" label="运行状态">
           <template slot-scope="scope">
             <el-tag type="success" v-if="scope.row.status === 'Normal'">正常</el-tag>
@@ -141,7 +141,7 @@
             {{ scope.row.image.split(':')[1] }}
           </template>
         </el-table-column>
-        <el-table-column prop="createdAt" width="160" label="创建时间" />
+        <el-table-column prop="createdAt" width="200" label="创建时间" />
         <el-table-column prop="status" width="140" label="运行状态">
           <template slot-scope="scope">
             <el-tag type="success" v-if="scope.row.status === 'Normal'">正常</el-tag>

src/views/docker/TestEnv.vue

@@ -126,6 +126,7 @@ export default {
   line-height: 40px;
   margin: 0 0 10px 0px;
   padding: 0 0 0 5px;
+  font-size: 22px;
 }
 .link-type,
 .link-type:focus {

src/views/layout/Home.vue

 <template>
   <el-container class="body">
-    <el-aside :width="getCollapseState?'64px':'230px'">
+    <el-aside :width="getCollapseState?'64px':'220px'">
       <Aside></Aside>
     </el-aside>
     <el-container class="main">

src/views/layout/leftAside/Aside.vue

 <template>
   <div style="height: 100%">
     <div class="head">
-      <!-- <img src="../../../assets/image/QA.png" alt /> -->
+      <img src="../../../assets/image/logo.png" alt />
       <span>测试平台</span>
     </div>
     <!-- <div
@@ -145,18 +145,20 @@ export default {
 
 <style lang="less" scoped>
 .head {
-  width: 230px;
+  width: 220px;
   line-height: 60px;
   text-align: center;
   display: flex;
   > img {
     height: 40px;
-    width: 40px;
-    margin: 10px 0px 0px 10px;
+    width: 80px;
+    margin: 15px 0px 0px 15px;
   }
   > span {
-    font-size: 20px;
+    font-size: 22px;
     color: #ffffff;
+    // margin-left: 20px;
+    padding-left: 15px;
   }
 }
 

src/views/layout/rightMain/Header.vue

@@ -16,15 +16,15 @@
     </div>
     <div class="right">
       <!-- <el-tag>当前环境：{{ env }}</el-tag> -->
-      <el-select v-model="env" @change="envChange" placeholder="请选择环境" style="width:90px">
+      <el-select v-model="env" filterable @change="envChange" placeholder="请选择环境" style="width:90px">
         <el-option v-for="item in envList" :key="item.name" :label="item.name" :value="item.name">
         </el-option>
       </el-select>
       <el-dropdown>
-        <span class="el-dropdown-link">{{getUserName}}<i class="el-icon-arrow-down el-icon--right"></i></span>
+        <span class="el-dropdown-link">{{ getUserName }}<i class="el-icon-arrow-down el-icon--right"></i></span>
         <el-dropdown-menu slot="dropdown">
           <el-dropdown-item>
-            <el-button type="text" @click="logout">退出</el-button>
+            <el-button type="text" @click="logout">退出登录</el-button>
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>