老板统计优化

src/router/index.js

@@ -185,34 +185,9 @@ export const constantRoutes = [{
   component: Layout,
   redirect: '/quality/qualityMeasurement',
   name: '老版统计',
+  hidden: true,
   meta: { title: '统计分析', icon: '质量度量' },
-  children: [{
-    path: 'qualityMeasurement',
-    name: '老版统计详情',
-    component: (resolve) => require(['@/views/quality/qualityMeasurement.vue'], resolve),
-    meta: { title: '老版统计' }
-  },
-  {
-    path: 'qualityProcess',
-    name: '上线过程',
-    hidden: true,
-    component: (resolve) => require(['@/views/quality/qualityProcess.vue'], resolve),
-    meta: { title: '上线过程' }
-  },
-  {
-    path: 'qualityDefectProcess',
-    name: '缺陷过程',
-    hidden: true,
-    component: (resolve) => require(['@/views/quality/qualityDefectProcess.vue'], resolve),
-    meta: { title: '缺陷过程' }
-  },
-  {
-    path: 'qualityHotpatchProcess',
-    name: '热修复过程',
-    hidden: true,
-    component: (resolve) => require(['@/views/quality/qualityHotpatchProcess.vue'], resolve),
-    meta: { title: '热修复过程' }
-  },
+  children: [
   // {
   //   path: 'problemList',
   //   name: '线上问题',
@@ -221,27 +196,27 @@ export const constantRoutes = [{
   //         import('@/views/onlineProblem/problemList.vue'),
   //   meta: { title: '线上问题' }
   // },
-  {
-    path: '/Platform/defectManagement/problemCreate',
-    name: '新建线上问题',
-    hidden: true,
-    component: (resolve) => require(['@/views/onlineProblem/problemCreate'], resolve),
-    meta: { title: '新建线上问题' }
-  },
-  {
-    path: '/Platform/defectManagement/problemQuery',
-    name: '查看线上问题',
-    hidden: true,
-    component: (resolve) => require(['@/views/onlineProblem/problemQuery'], resolve),
-    meta: { title: '查看线上问题' }
-  },
-  {
-    path: '/Platform/defectManagement/problemUpdate',
-    name: '更新线上问题',
-    hidden: true,
-    component: (resolve) => require(['@/views/onlineProblem/problemUpdate'], resolve),
-    meta: { title: '更新线上问题' }
-  }
+    {
+      path: '/Platform/defectManagement/problemCreate',
+      name: '新建线上问题',
+      hidden: true,
+      component: (resolve) => require(['@/views/onlineProblem/problemCreate'], resolve),
+      meta: { title: '新建线上问题' }
+    },
+    {
+      path: '/Platform/defectManagement/problemQuery',
+      name: '查看线上问题',
+      hidden: true,
+      component: (resolve) => require(['@/views/onlineProblem/problemQuery'], resolve),
+      meta: { title: '查看线上问题' }
+    },
+    {
+      path: '/Platform/defectManagement/problemUpdate',
+      name: '更新线上问题',
+      hidden: true,
+      component: (resolve) => require(['@/views/onlineProblem/problemUpdate'], resolve),
+      meta: { title: '更新线上问题' }
+    }
   ]
 },
 

src/router/newRouter.js

@@ -219,6 +219,63 @@ const layout = [
         component: () => import('@/views/quality/allStatistics.vue'),
         meta: { title: '统计分析' }
       },
+      {
+        path: 'qualityMeasurement',
+        name: '老版统计详情',
+        hidden: true,
+        component: () => import('@/views/quality/qualityMeasurement.vue'),
+        meta: { title: '老版统计' }
+      },
+      {
+        path: 'qualityProcess',
+        name: '上线过程',
+        hidden: true,
+        component: () => import('@/views/quality/qualityProcess.vue'),
+        meta: { title: '上线过程' }
+      },
+      {
+        path: 'qualityDefectProcess',
+        name: '缺陷过程',
+        hidden: true,
+        component: () => import('@/views/quality/qualityDefectProcess.vue'),
+        meta: { title: '缺陷过程' }
+      },
+      {
+        path: 'qualityHotpatchProcess',
+        name: '热修复过程',
+        hidden: true,
+        component: (resolve) => require(['@/views/quality/qualityHotpatchProcess.vue'], resolve),
+        meta: { title: '热修复过程' }
+      },
+      // {
+      //   path: 'problemList',
+      //   name: '线上问题',
+      //   hidden: true,
+      //   component: () =>
+      //         import('@/views/onlineProblem/problemList.vue'),
+      //   meta: { title: '线上问题' }
+      // },
+      {
+        path: '/Platform/defectManagement/problemCreate',
+        name: '新建线上问题',
+        hidden: true,
+        component: (resolve) => require(['@/views/onlineProblem/problemCreate'], resolve),
+        meta: { title: '新建线上问题' }
+      },
+      {
+        path: '/Platform/defectManagement/problemQuery',
+        name: '查看线上问题',
+        hidden: true,
+        component: (resolve) => require(['@/views/onlineProblem/problemQuery'], resolve),
+        meta: { title: '查看线上问题' }
+      },
+      {
+        path: '/Platform/defectManagement/problemUpdate',
+        name: '更新线上问题',
+        hidden: true,
+        component: (resolve) => require(['@/views/onlineProblem/problemUpdate'], resolve),
+        meta: { title: '更新线上问题' }
+      },
       {
         path: 'requireStatistics',
         name: '需求统计',

src/views/Platform/useCase/queryUse.vue

@@ -113,6 +113,3 @@ export default {
   }
 }
 </script>
-
-<style>
-</style>

src/views/quality/allStatistics.vue

@@ -4,11 +4,13 @@
       <span class="control-item" :class="{'is-active':isActive === 1}" @click="isActive=1">需求统计</span>
       <span class="control-item" :class="{'is-active':isActive === 2}" @click="isActive=2">任务统计</span>
       <span class="control-item" :class="{'is-active':isActive === 3}" @click="isActive=3">缺陷统计</span>
+      <span class="control-item" :class="{'is-active':isActive === 4}" @click="isActive=4">老版统计</span>
     </div>
     <keep-alive>
       <require-statistics v-if="isActive === 1" />
       <task-statistics v-if="isActive === 2" />
       <defect-statistics v-if="isActive === 3" />
+      <quality-measurement v-if="isActive === 4" />
     </keep-alive>
   </section>
 </template>
@@ -16,9 +18,10 @@
 import requireStatistics from './requireStatistics'
 import taskStatistics from './taskStatistics'
 import defectStatistics from './defectStatistics'
+import qualityMeasurement from './qualityMeasurement'
 export default {
   components: {
-    requireStatistics, taskStatistics, defectStatistics
+    requireStatistics, taskStatistics, defectStatistics, qualityMeasurement
   },
   data() {
     return {

src/views/quality/qualityDefectProcess.vue

@@ -150,12 +150,11 @@ export default {
     .block
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
-      border-radius 7px
-      width 97%
-      min-height calc(100vh - 100px)
-      margin-top 25px
+      border-radius 4px
+      width 98.5%
+      min-height calc(100vh - 81px)
+      margin 10px 0
       padding 29px 20px
-      margin-bottom 22px
       .title-search-output
         display flex
         align-items center

src/views/quality/qualityHotpatchProcess.vue

@@ -134,12 +134,11 @@ export default {
     .block
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
-      border-radius 7px
-      width 97%
-      min-height calc(100vh - 100px)
-      margin-top 25px
+      border-radius 4px
+      width 98.5%
+      min-height calc(100vh - 81px)
+      margin-top 10px 0
       padding 29px 20px
-      margin-bottom 22px
       .title-search-output
         display flex
         align-items center

src/views/quality/qualityMeasurement.vue

@@ -7,15 +7,7 @@
         <el-menu-item index="3">部门数据</el-menu-item>
         <el-menu-item index="5">客户端数据</el-menu-item>
       </el-menu>
-      <el-date-picker
-        v-model="timeInterval"
-        type="daterange"
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-        value-format="timestamp"
-        @change="dataSearch"
-      />
+      <el-date-picker v-model="timeInterval" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="timestamp" @change="dataSearch" />
     </el-header>
     <el-container style="height:calc(100vh - 140px);">
       <el-aside class="aside">
@@ -36,62 +28,23 @@
           <el-tab-pane :label="guild" name="first">
             <!-- 上线过程 客户端-->
             <h4>1. 上线过程</h4>
-            <el-table
-              v-show="pauseKey === 5"
-              :data="clientOnline"
-              border
-              style="width: 100%"
-              size="mini"
-            >
-              <el-table-column
-                label="上线次数"
-                align="center"
-              >
+            <el-table v-show="pauseKey === 5" :data="clientOnline" border style="width: 100%" size="mini">
+              <el-table-column label="上线次数" align="center">
                 <template slot-scope="scope"><a href="javascript:void(0)" style="color:#20a0ff" @click="toClientView()">{{ scope.row.clientOnlineCount }}</a></template>
               </el-table-column>
             </el-table>
             <!-- 上线过程-->
-            <el-table
-              v-show="pauseKey !== 5"
-              :data="[onlineProcess]"
-              border
-              style="width: 100%"
-              size="mini"
-            >
-              <el-table-column
-                prop="totalOnlineNum"
-                label="上线次数"
-                style="width:50%;"
-                align="center"
-              >
+            <el-table v-show="pauseKey !== 5" :data="[onlineProcess]" border style="width: 100%" size="mini">
+              <el-table-column prop="totalOnlineNum" label="上线次数" style="width:50%;" align="center">
                 <template slot-scope="scope"><a href="javascript:void(0)" style="color:#20a0ff" @click="toReportView('0')">{{ scope.row.totalOnlineNum }}</a></template>
               </el-table-column>
-              <el-table-column
-                label="免提测全量上线数"
-                style="width:50%;"
-                align="center"
-              >
+              <el-table-column label="免提测全量上线数" style="width:50%;" align="center">
                 <template slot-scope="scope"><a href="javascript:void(0)" style="color:#20a0ff" @click="toReportView('1')">{{ scope.row.noTestNum }}</a></template>
               </el-table-column>
             </el-table>
-            <el-table
-              v-show="pauseKey !== 5"
-              :data="[onlineProcess]"
-              border
-              style="width: 100%"
-              class="move-border-top abviously"
-              size="mini"
-            >
-              <el-table-column
-                label="回滚数据"
-                style="width:100%;"
-                align="center"
-              >
-                <el-table-column
-                  label="回滚次数"
-                  style="width:20%;"
-                  align="center"
-                >
+            <el-table v-show="pauseKey !== 5" :data="[onlineProcess]" border style="width: 100%" class="move-border-top abviously" size="mini">
+              <el-table-column label="回滚数据" style="width:100%;" align="center">
+                <el-table-column label="回滚次数" style="width:20%;" align="center">
                   <template slot-scope="scope"><a href="javascript:void(0)" style="color:#20a0ff" @click="toReportView('2')">{{ scope.row.rollbackNum }}</a></template>
                 </el-table-column>
                 <el-table-column
@@ -248,18 +201,8 @@
                   width="calc(10/7)%"
                   align="center"
                 />
-                <el-table-column
-                  prop="totalP3"
-                  label="P3"
-                  width="calc(10/7)%"
-                  align="center"
-                />
-                <el-table-column
-                  prop="totalP4"
-                  label="P4"
-                  width="calc(10/7)%"
-                  align="center"
-                />
+                <el-table-column prop="totalP3" label="P3" width="calc(10/7)%" align="center" />
+                <el-table-column prop="totalP4" label="P4" width="calc(10/7)%" align="center" />
                 <el-table-column
                   prop="totalP5"
                   label="P5"
@@ -321,10 +264,7 @@
                 width="120"
                 align="center"
               />
-              <el-table-column
-                label="bug修复率"
-                align="center"
-              >
+              <el-table-column label="bug修复率" align="center">
                 <template slot-scope="scope">{{ scope.row.avgRepairTime | toPercent }}</template>
               </el-table-column>
               <el-table-column
@@ -368,16 +308,8 @@
                 label="提测"
                 align="center"
               />
-              <el-table-column
-                prop="checkInRepulse"
-                label="提测打回"
-                align="center"
-              />
-              <el-table-column
-                prop="stepOut"
-                label="准出"
-                align="center"
-              />
+              <el-table-column prop="checkInRepulse" label="提测打回" align="center" />
+              <el-table-column prop="stepOut" label="准出" align="center" />
             </el-table>
           </el-tab-pane>
           <el-tab-pane v-if="pauseKey !== 5" label="数据视图" name="third">
@@ -401,18 +333,8 @@
             <div v-if="!isTotalShowOnline" id="comparatorOnlineBetween" style="width: 100%; height: 400px" />
           </el-tab-pane>
           <el-tab-pane v-if="pauseKey === 3" label="研发质量" name="second">
-            <!-- people -->
-            <el-table
-              :data="handlerData"
-              style="width: 100%;margin-top: 21.280px;"
-              border
-              size="mini"
-            >
-              <el-table-column
-                prop="handler"
-                label="姓名"
-                align="center"
-              />
+            <el-table :data="handlerData" style="width: 100%;margin-top: 21.280px;" border size="mini">
+              <el-table-column prop="handler" label="姓名" align="center" />
               <el-table-column label="研发质量" align="center">
                 <el-table-column
                   prop="defectsVO.totalProjectNum"
@@ -1079,10 +1001,10 @@ export default {
     background-color #F2F3F6
     min-width 900px
     .header
-      width 97%
+      width 98.5%
       background-color white
-      border-radius 7px
-      margin 15px auto
+      border-radius 4px
+      margin 10px auto
       display flex
       justify-content space-between
       align-items center
@@ -1108,14 +1030,14 @@ export default {
     .aside
       width 12.9% !important
       overflow-x scroll
-      margin 0 0 1.5% 1.5%
+      margin 0 0 10px 10px
       background-color white
-      border-radius 7px
+      border-radius 4px
     .combine-table
       background-color white
-      border-radius 7px
-      width 82.7%
-      margin 0 0 1.5% 1.5%
+      border-radius 4px
+      width 84.7%
+      margin 0 0 10px 10px
       flex 0 1 auto !important
     // .combine-table >>> li
     //   width 65px

src/views/quality/qualityProcess.vue

@@ -159,12 +159,11 @@ export default {
     .block
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
-      border-radius 7px
-      width 95%
-      min-height calc(100vh - 100px)
-      margin-top 25px
+      border-radius 4px
+      width 98.5%
+      min-height calc(100vh - 81px)
+      margin 10px 0
       padding 29px 20px
-      margin-bottom 22px
       .title-search-output
         display flex
         align-items center