test

src/components/newLayout/Head.vue

@@ -269,8 +269,8 @@ export default {
   font-size: 14px;
   color: #ffffff;
   text-align: center;
-  margin-bottom: 10px;
-  padding: 0;
+  margin-bottom: 5px;
+  padding: 5px 0;
   cursor: pointer;
 
   .icon {

src/views/dataBigManage/components/qualityModule/index.vue

@@ -77,8 +77,18 @@
       <div class="itemBox progress" style="min-height: 328px">
         <div class="titleLevel3 mb10">上线过程</div>
         <el-row v-if="mainData.onlineProcessList" :gutter="10">
-          <el-col v-for="(item, index) in mainData.onlineProcessList.list" :key="index" :span="12" class="mb10">
-            <dataItem :item="item" />
+          <el-col
+            v-for="(item, index) in mainData.onlineProcessList.list"
+            :key="index"
+            :span="12"
+            class="mb10"
+          >
+            <div
+              :style="{ cursor: 'pointer'}"
+              @click.stop="onDetial('上线过程', item)"
+            >
+              <dataItem :item="item" />
+            </div>
           </el-col>
         </el-row>
         <el-divider class="divider" />
@@ -89,7 +99,7 @@
           style="margin-top: 40px"
         >
           <el-col :span="12" class="mb10">
-            <span class="rollBackItem">
+            <span class="rollBackItem" :style="{ cursor: 'pointer'}" @click.stop="onDetial('上线过程', mainData.onlineProcessList.rollBack.countStr)">
               <span class="bigCircle" style="background: #7ED321" />
               回滚
               <span class="numText" style="font-size: 20px">{{ mainData.onlineProcessList.rollBack.countStr.countStr }}</span>
@@ -235,7 +245,12 @@ export default {
   },
   methods: {
     onDetial(name, item) {
-      if (name === '线上问题' && item.label === '新增问题' || name === '线下质量') {
+      console.log(name, item)
+      if (
+        (name === '线上问题' && item.label === '新增问题') ||
+        name === '线下质量' ||
+        name === '上线过程'
+      ) {
         this.$emit('checkDetialModal', item)
       }
     },