月报设置：缺陷点击入口

src/views/monthlyReport/childrenPage/editReport/components/SubTitle.vue

@@ -1,9 +1,45 @@
 <template>
-  <span>2</span>
+  <span v-if="subTitle && subTitle.length">
+    <span v-for="(item, index) in subTitle" :key="item.id" @click="displayDefects(item, index)">{{ item.value }}</span>
+  </span>
 </template>
 <script>
 export default {
-  name: 'SubTitle'
+  name: 'SubTitle',
+  props: {
+    /**
+     * subTitle: [
+     * 。。。。。
+     *    {
+     *      id: 1,
+     *      value: '标题'
+     *    }
+     * 。。。。。
+     * ]
+     */
+    subTitle: {
+      type: Array,
+      required: false,
+      default: () => []
+    }
+  },
+  methods: {
+    /**
+     * 显示缺陷
+     * 默认只有6条数据
+     * 0 ---> 新增缺陷：全部
+     * 1 ---> 新增缺陷：P0&P1
+     * 2 ---> 修复缺陷时长：全部
+     * 3 ---> 修复缺陷时长：P0&P1
+     * // 下面是2条进度条
+     * 4 ---> 缺陷24小时修复：全部
+     * 5 ---> 缺陷24小时修复：P0&P1
+     * @param item
+     */
+    displayDefects(item) {
+      console.log(item)
+    }
+  }
 }
 </script>
 <style scoped lang="less"></style>

src/views/monthlyReport/childrenPage/editReport/components/core.vue

@@ -8,7 +8,7 @@
       :id="baseData.domKey"
       :style="{marginTop: baseData.type === 'head3' ? '0':'10.2px'}"
     >
-      {{ headerIndex }}<SubTitle v-if="headerTitle.indexOf('线下缺陷') > -1" /> <span v-else>{{ headerTitle }}</span>
+      {{ headerIndex }}<SubTitle v-if="headerTitle.indexOf('线下缺陷') > -1" :sub-title="baseData.subTitles" /> <span v-else>{{ headerTitle }}</span>
       <el-button
         v-if="headerTitle.indexOf('线下缺陷') > -1 && pageDate.status === 0"
         size="mini"