Merge branch 'daily_0.3.3' into http_mock

src/api/dataMarket.js

@@ -175,3 +175,11 @@ export function bugRepair2Data(data) {
   })
 }
 /* E 效率：半浮层数据接口 */
+// 获取上线过程列表 /dataMarket/odinjob/list
+export function getOdinJobList(data) {
+  return request({
+    url: TeamManagement + '/dataMarket/odinjob/list',
+    method: 'post',
+    data
+  })
+}

src/api/onlineQuality.js

@@ -1,6 +1,7 @@
 import request from '@/utils/request'
 
-const commonUrl = 'http://10.96.93.249:8083'
+// const commonUrl = 'http://10.96.93.249:8083'
+const commonUrl = 'http://10.96.81.237:8083'
 
 export function addCheckTemplate(data) {
   return request({

src/styles/index.less

@@ -69,7 +69,9 @@ div:focus {
     color: rgb(32, 160, 255);
   }
 }
-
+.pointer {
+  cursor: pointer;
+}
 .filter-container {
   // padding-bottom: 2px;
 

src/views/dataBigManage/components/drawerModal/components/timeline.vue

@@ -0,0 +1,114 @@
+<template>
+  <div :class="[!bgMargin ? 'timeline-bg' : 'timeline-bgOne']">
+    <div class="timeline-layout">
+      <div v-for="(item, index) in list" ref="ss" :key="'item' + index">
+        <div class="timeline-name" :class="[index === key ? 'time-color1' : 'time-color']">{{ item }}</div>
+        <span class="circular" :class="[index === key ? 'time-code1' : 'time-code']" @click="click_code({value: index, name: item})" />
+        <div class="timeline-divider" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    data: { type: Array, required: true },
+    num: { type: Number, default: 0 },
+    bgMargin: { type: Boolean, default: false }
+  },
+  data() {
+    return {
+      list: [],
+      key: this.num
+    }
+  },
+  watch: {
+    data: {
+      handler(newV) {
+        if (!newV) return
+        this.list = newV
+      },
+      deep: true,
+      immediate: true
+    },
+    num: {
+      handler(newV) {
+        this.key = newV
+        // document.getElementById('index').scrollLeft += 500
+        // this.$refs.ss.scrollLeft = 300
+      },
+      deep: true
+    }
+  },
+  methods: {
+    // 初始化
+    timeline_init() {
+      this.list = this.list.map(item => ({
+        ...item,
+        show: false
+      }))
+    },
+    // 点击节点
+    click_code(val) {
+      this.key = val.value
+      this.$emit('update', val)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.timeline-bgOne {
+  min-width: max-content;
+  margin: 0 30px 18px;
+  text-align: center;
+  padding-right: 30px;
+}
+.timeline-bg {
+  min-width: max-content;
+  margin: 29px 30px 30px;
+  text-align: center;
+  padding-right: 30px;
+}
+.timeline-layout {
+  display: flex;
+  justify-content: center;
+}
+.timeline-divider {
+  content: '';
+  min-width: 100px;
+  border: 1px solid #E5E5E5;
+}
+.timeline-name {
+  padding: 0 10px;
+  font-weight: 400;
+  font-size: 12px;
+  color: #444444;
+  position: relative;
+  top: 12px;
+}
+.circular {
+  width: 10px;
+  height: 10px;
+  margin: 0 8px;
+  display: inline-block;
+  border: 1px solid #60AEFF;
+  border-radius: 50%;
+  position: relative;
+  top: 12px;
+  cursor: pointer;
+}
+.time-code {
+  background: #FFF;
+}
+.time-code1 {
+  background: #60AEFF;
+}
+.time-color {
+  color: #444;
+}
+.time-color1 {
+  color: #60AEFF;
+}
+</style>

src/views/dataBigManage/components/drawerModal/drawerModalData.js

@@ -29,14 +29,14 @@ export const columns = {
     {
       label: '级别',
       key: 'level',
-      minWidth: 60,
+      minWidth: 70,
       align: 'left',
       type: 'level'
     },
     {
       label: '问题名称',
       key: 'title',
-      minWidth: 200,
+      minWidth: 250,
       type: 'link',
       align: 'left'
     },
@@ -90,6 +90,48 @@ export const columns = {
   ],
   // 准出记录
   releaseReportIdListColumns: [],
+  // 上线次数
+  onlineTimesIdListColumns: [
+    {
+      label: '优先级',
+      key: 'priorityName',
+      minWidth: 90,
+      align: 'left',
+      type: 'level'
+    }
+  ],
+  // 免测上线率
+  test_freeOn_lineRateIdListColumns: [
+    {
+      label: '模块名',
+      key: 'serviceName',
+      minWidth: 200,
+      align: 'left',
+      type: 'link'
+    },
+    {
+      label: '发起人',
+      key: 'creator',
+      minWidth: 100,
+      align: 'left'
+    },
+    {
+      label: '状态',
+      key: 'statusMsg',
+      minWidth: 90,
+      align: 'left'
+    },
+    {
+      label: '起始时间',
+      key: 'gmtCreate',
+      minWidth: 190,
+      align: 'left',
+      type: 'slot',
+      slotName: 'gmtCreateSlot'
+    }
+  ],
+  // 裸奔上线
+  StreakingGoesOnlineIdListColumns: [],
   // 吞吐量： 需求
   requirementListColumns: [
     {
@@ -465,6 +507,10 @@ export const timelineList = {
     '>24小时修复',
     '24未修复'
   ],
+  // 新增缺陷
+  newDefect: [
+    '全部', 'P0', 'P1', 'P2', 'P3'
+  ],
   // 需求数据
   requirementData: [
     '新增需求',
@@ -486,6 +532,14 @@ export const timelineList = {
   delayLaunchData2: [
     '全部准出',
     '延期准出'
+  ],
+  // 上线过程
+  lineRate: [
+    '全部上线', '裸奔上线'//  '回滚'
+  ],
+  // 回滚次数
+  returnCase: [
+    '全部', '预发回滚', '全量回滚', '小流量回滚'
   ]
 }
 

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

@@ -17,11 +17,11 @@
     <!-- 时间线 -->
     <div
       v-if="openDrawer && isTimeLine(1)"
-      class="qz-drawer-padding qz-drawer-header"
-      :style="{paddingTop: !isTimeLine(2) ? '30px':'20px'}"
+      class="drawer-padding drawer-header"
+      :style="{paddingTop: !isTimeLine(2) ? '30px':'10px'}"
       @click.stop
     >
-      <div id="index" ref="timeline1" class="qz-drawer-scll">
+      <div id="index" ref="timeline1" class="drawer-scll">
         <timeline
           :num="timelineData.firstActive"
           bg-margin
@@ -29,7 +29,7 @@
           @update="(params) => timeLineClick(params, 1)"
         />
       </div>
-      <div v-if="isTimeLine(2)" ref="timeline2" class="qz-drawer-scll">
+      <div v-if="isTimeLine(2)" ref="timeline2" class="drawer-scll">
         <timeline
           :num="timelineData.secondActive"
           :data="timelineData.second"
@@ -85,7 +85,7 @@
       </template>
     </dmTable>
     <!-- 下拉 -->
-    <div class="qz-footer-laout" @click.stop>
+    <div class="footer-laout" @click.stop>
       <div style="line-height: 60px;">
 <!--        <el-button type="primary" size="mini" @click="exportTable">导 出</el-button>-->
       </div>
@@ -108,7 +108,8 @@ import { bugList } from '@/api/defectManage'
 import _ from 'lodash'
 import { getReportList } from '@/api/reportTemplate'
 import dmTable from '@/components/baseTable/table'
-import timeline from '@/components/timeline/index'
+// import timeline from '@/components/timeline/index'
+import timeline from './components/timeline'
 import { columns, timelineList } from './drawerModalData'
 import { EncryptId } from '@/utils/crypto-js'
 import Clickoutside from 'element-ui/src/utils/clickoutside'
@@ -123,7 +124,8 @@ import {
   bugRepairData, // 缺陷24小时修复率
   bugRepair2Data, // 缺陷平均修复时长
   getStarFlowerList, // 线上问题：半浮层 列表
-  getProjectList // 需求任务项目列表: 半浮层
+  getProjectList, // 需求任务项目列表: 半浮层
+  getOdinJobList // 获取上线过程列表
 } from '@/api/dataMarket'
 
 export default {
@@ -171,6 +173,9 @@ export default {
       drawerBox: '',
       subTitle: '',
       sourceData: null,
+      /* S 新增缺陷*/
+      priorityList: [],
+      /* E 新增缺陷*/
       timelineData: {
         first: [],
         firstActive: 0,
@@ -184,21 +189,17 @@ export default {
       }
     }
   },
-
   watch: {
-    drawerData() {
+    drawerData(v, o) {
+      // if (JSON.stringify(v) !== JSON.stringify(o)) {
+      //   this.init()
+      // }
       this.init()
     },
     openDrawer(value) {
       this.drawer = value
-      // if (value) {
-      //   this.init()
-      // }
     }
   },
-  created() {
-    this.drawer = false
-  },
   mounted() {
     this.drawer = false
   },
@@ -207,8 +208,10 @@ export default {
       console.log(slotProp)
     },
     init() {
+      console.log(this.drawerData, 210)
       this.headerTitle = this.drawerData.headerTitle
       this.title = this.headerTitle.search(/质量|效率/) > -1 ? this.drawerData.label || '' : this.drawerData.activeLabel
+      console.log(this.headerTitle, this.title)
       if (this.headerTitle && this.title) {
         // console.log(this.drawerData)
         this.pagingInit()
@@ -245,6 +248,9 @@ export default {
         if (this.drawerData.label === '准出不通过率') {
           this.title = '准出记录'
         }
+        if (this.drawerData.moduleName && this.drawerData.moduleName === '回滚次数') {
+          this.title = !this.drawerData.index ? '回滚次数' : this.drawerData[this.drawerData.itemKey].label
+        }
       }
       if (this.headerTitle === '效率') {
         this.activeLabel = this.drawerData.activeLabel
@@ -280,9 +286,15 @@ export default {
     },
     // 设置ids
     setIds() {
-      if (this.headerTitle === '质量') {
+      if (this.headerTitle === '质量' && !this.drawerData.moduleName) {
         this.ids = this.drawerData.IdList.map(e => e)
       }
+      if (this.drawerData.moduleName && this.drawerData.moduleName === '上线过程') {
+        this.ids = this.drawerData.IdList.map(e => e)
+      }
+      if (this.drawerData.moduleName && this.drawerData.moduleName === '回滚次数') {
+        this.ids = this.drawerData[this.drawerData.itemKey].idList.map(e => e)
+      }
       if (this.headerTitle === '吞吐量') {
         this.drawerData.list.forEach(elm => {
           if (elm.label === this.drawerData.activeLabel && elm.idList) {
@@ -297,7 +309,21 @@ export default {
     // 设置时间轴
     setTimeLineData() {
       let { firstActive, first, secondActive, second } = this.timelineData
-      if (this.title.search(/新增问题|新增缺陷|reopen|提测报告|准出记录/) < 0) {
+      if (this.title.search(/新增问题|reopen|提测报告|准出记录/) < 0) {
+        if (this.headerTitle === '质量') {
+          if (this.title.search(/新增缺陷|reopen/) > -1) {
+            first = [...timelineList.newDefect]
+            firstActive = 0
+          }
+          if (this.drawerData.moduleName && this.drawerData.moduleName === '上线过程') {
+            first = [...timelineList.lineRate]
+            firstActive = this.drawerData.index
+          }
+          if (this.drawerData.moduleName && this.drawerData.moduleName === '回滚次数') {
+            first = [...timelineList.returnCase]
+            firstActive = this.drawerData.index
+          }
+        }
         if (this.headerTitle === '吞吐量') {
           secondActive = 0
           firstActive = 0
@@ -393,11 +419,22 @@ export default {
     // 导出
     exportTable() {
     },
+    // 格式化时间
+    dateFomatter(date) {
+      return date.substring(0, 10) + ' ' + date.substring(11, 19)
+    },
     // 设置表格头
     setColumn() {
       if (this.title.search(/新增缺陷|reopen|缺陷24小时修复率/) > -1) {
         this.column = columns.bugColumn.map(e => e)
       }
+      if (this.drawerData.moduleName && this.drawerData.moduleName === '上线过程') {
+        this.column = columns.test_freeOn_lineRateIdListColumns.map(e => e)
+      }
+      if (this.drawerData.moduleName && this.drawerData.moduleName === '回滚次数') {
+        // this.ids = this.drawerData[this.drawerData.itemKey].idList.map(e => e)
+        this.column = columns.test_freeOn_lineRateIdListColumns.map(e => e)
+      }
       if (this.title.search(/新增问题/) > -1) {
         this.column = columns.newQuestionColumns.map(e => e)
       }
@@ -447,6 +484,21 @@ export default {
       this.pagingInit()
       this.ids = []
       if (index === 1) {
+        if (this.headerTitle === '质量') {
+          this.timelineData.firstActive = value || 0
+          if (this.title.search(/新增缺陷|reopen/) > -1) {
+            this.ids = this.drawerData.IdList.map(e => e)
+            this.priorityList = value ? [value - 1] : []
+          }
+          if (this.drawerData.moduleName && this.drawerData.moduleName === '上线过程') {
+            // console.log(this.drawerData.parent.list[value])
+            this.ids = this.drawerData.parent.list[value].IdList.map(e => e)
+          }
+          if (this.drawerData.moduleName && this.drawerData.moduleName === '回滚次数') {
+            const items = ['countStr', 'preCountStr', 'fullCountStr', 'lowCountStr']
+            this.ids = this.drawerData[items[value]].idList.map(e => e)
+          }
+        }
         if (this.headerTitle === '吞吐量') {
           this.timelineData.firstActive = value || 0
           if (this.sourceData[value || 0] && this.sourceData[value || 0].idList) {
@@ -474,11 +526,12 @@ export default {
     },
     // 设置列表数据
     setTableList() {
-      // console.log(439)
       this.tableList = []
       if (this.headerTitle === '质量') {
         if (this.title.search(/新增缺陷|reopen/) > -1) {
+          // console.log(this.ids, 502)
           if (this.ids.length) {
+            // console.log(504)
             this.loading = true
             this.getBugStatisticData()
           }
@@ -495,6 +548,12 @@ export default {
             this.setReportList()
           }
         }
+        if (this.drawerData.moduleName && (this.drawerData.moduleName === '上线过程' || this.drawerData.moduleName === '回滚次数')) {
+          if (this.ids.length) {
+            this.loading = true
+            this.getOdinJobListFn()
+          }
+        }
       }
       if (this.headerTitle === '吞吐量') {
         if (this.title.search(/需求/) > -1) {
@@ -540,13 +599,13 @@ export default {
         if (this.title === '缺陷修复时长') {
           if (this.sourceData[0].IdList.length) {
             this.loading = true
-            this.setbugRepair2Data()
+            this.setBugRepair2Data()
           }
         }
         if (this.title === '缺陷24小时修复率') {
           if (this.sourceData[0].IdList.length) {
             this.loading = true
-            this.setbugRepairData()
+            this.setBugRepairData()
           }
         }
         if (this.title === '延期提测率') {
@@ -639,6 +698,7 @@ export default {
       const res = await bugList({
         ids: this.ids,
         curIndex: this.paging.curIndex,
+        priorityList: this.priorityList,
         pageSize: this.paging.pageSize
       })
       if (res.code === 200) {
@@ -665,6 +725,21 @@ export default {
         this.loading = false
       }
     },
+    // 上线过程
+    async getOdinJobListFn() {
+      const paging = this.paging
+      const res = await getOdinJobList({
+        idList: this.ids,
+        curIndex: this.paging.curIndex,
+        pageSize: this.paging.pageSize
+      })
+      if (res.code === 200) {
+        this.tableList = res.data.result
+        this.paging.pageTotal = res.data.total
+        this.paging = { ...paging }
+        this.loading = false
+      }
+    },
     /* S 效率：半浮层数据接口 */
     // 需求平均交付周期
     async setRequireAvgData() {
@@ -821,12 +896,15 @@ export default {
         pageTotal: 0,
         pageSize: Number.parseInt(pageSize)
       }
+      this.priorityList = []
     },
     // 设置表格高度
     setTitleHeight() {
-      if (this.title.search(/状态停留分布图数据|状态累积流量图数据/) > -1) {
+      if (this.drawerData.moduleName && this.drawerData.moduleName.search(/上线过程|回滚次数/) > -1) {
+        this.tableHeight = 'calc(100vh - 290px)'
+      } else if (this.title.search(/状态停留分布图数据|状态累积流量图数据/) > -1) {
         this.tableHeight = 'calc(100vh - 363px)'
-      } else if (this.title.search(/需求周期|新增项目|新增任务|需求人力|任务周期|缺陷修复时长|延期准出率|延期提测率/) > -1) {
+      } else if (this.title.search(/需求周期|新增项目|新增任务|reopen|新增缺陷|需求人力|任务周期|缺陷修复时长|延期准出率|延期提测率/) > -1) {
         this.tableHeight = 'calc(100vh - 288px)'
       } else if (this.title.search(/需求|任务|项目/) > -1) {
         // 吞吐量： 需求
@@ -836,7 +914,7 @@ export default {
       } else {
         this.tableHeight = 'calc(100vh - 136px)'
       }
-      if (this.headerTitle === '质量') {
+      if (this.headerTitle === '质量' && this.title.search(/新增缺陷|reopen/) < 0 && !this.drawerData.moduleName) {
         this.tableHeight = 'calc(100vh - 136px)'
       }
       if (this.headerTitle === '吞吐量') {
@@ -849,6 +927,9 @@ export default {
       if (this.headerTitle === '质量' && this.drawerData.label === '新增问题') {
         const url = `http://odin.xiaojukeji.com/#/risk/starflower/casedetail?id=${row.id}&name=${row.title}`
         window.open(url, '_blank')
+      } else if (this.drawerData.moduleName && this.drawerData.moduleName.search(/上线过程|回滚次数/) > -1) {
+        const url = `http://odin.v5.intra.xiaojukeji.com/#/deploy/job/status/?jobId=${row.id}`
+        window.open(url, '_blank')
       } else if (this.headerTitle === '质量' && this.drawerData.label.search(/^(提测报告|准出记录)/) > -1) {
         this.jumper(row, '报告')
       } else if (this.headerTitle === '吞吐量') {
@@ -909,6 +990,15 @@ export default {
     isTimeLine(index = 1) {
       // 是第一条
       if (index === 1) {
+        if (this.headerTitle.search(/质量/) > -1 && this.title.search(/新增缺陷|reopen/) > -1) {
+          return true
+        }
+        if (this.drawerData.moduleName && this.drawerData.moduleName === '上线过程') {
+          return true
+        }
+        if (this.drawerData.moduleName && this.drawerData.moduleName === '回滚次数') {
+          return true
+        }
         return this.headerTitle.search(/吞吐量|效率/) > -1
       }
       // 是第二条
@@ -961,34 +1051,34 @@ export default {
   width: 50%;
 }
 /* S 时间轴 */
-.qz-drawer-header {
+.drawer-header {
   text-align: center;
   background: #F7F7F7;
   border-radius: 4px;
   min-height: 120px;
-  margin: 20px 30px;
+  margin: 20px 30px 10px;
   overflow: hidden;
 }
-.qz-drawer-padding {
+.drawer-padding {
   padding: 20px 0;
 }
-.qz-drawer-padding-s {
+.drawer-padding-s {
   padding: 1px 0;
 }
-.qz-drawer-scll {
+.drawer-scll {
   overflow-x: scroll;
 }
-.qz-drawer-scll::-webkit-scrollbar { width: 0 !important; height: 0 !important }
-.qz-drawer-H {
+.drawer-scll::-webkit-scrollbar { width: 0 !important; height: 0 !important }
+.drawer-H {
   font-size: 16px;
   margin: 0 30px;
   color: #444444;
 }
-.qz-drawer-scll {
+.drawer-scll {
   overflow-x: scroll;
 }
-.qz-drawer-scll::-webkit-scrollbar { width: 0 !important; height: 0 !important }
-.qz-drawer-H {
+.drawer-scll::-webkit-scrollbar { width: 0 !important; height: 0 !important }
+.drawer-H {
   font-size: 16px;
   margin: 0 30px;
   color: #444444;
@@ -1026,10 +1116,15 @@ export default {
   border-color: #b7eb8f;
 }
 /* E 质量：线上问题_改进方案 */
-.qz-footer-laout {
+.footer-laout {
   display: flex;
   justify-content: space-between;
   margin: 0 30px;
+  //width: 100%;
+  //padding: 0 30px;
+  //.el-pagination{
+  //  width: 100%;
+  //}
 }
 .drawer-name:hover {
   color: #409eff;

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: item.label !== '免测上线率' && 'pointer'}"
+              @click.stop="onDetial('上线过程', {...item, parent: mainData.onlineProcessList, index: index, moduleName: '上线过程' })"
+            >
+              <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, itemKey: 'countStr', index: 0, label:'回滚次数', moduleName: '回滚次数'})">
               <span class="bigCircle" style="background: #7ED321" />
               回滚
               <span class="numText" style="font-size: 20px">{{ mainData.onlineProcessList.rollBack.countStr.countStr }}</span>
@@ -97,19 +107,19 @@
             </span>
           </el-col>
           <el-col :span="12" class="mb10">
-            <div class="rollBackItem">
+            <div class="rollBackItem pointer" @click.stop="onDetial('上线过程', {...mainData.onlineProcessList.rollBack, itemKey: 'preCountStr', index: 1, label:'预发回滚', moduleName: '回滚次数'})">
               <span class="circle" style="background: #3F9DFE" />
               预发回滚
               <span class="numText">{{ mainData.onlineProcessList.rollBack.preCountStr.countStr }}</span>
               次
             </div>
-            <div class="rollBackItem">
+            <div class="rollBackItem pointer" @click.stop="onDetial('上线过程', {...mainData.onlineProcessList.rollBack, itemKey: 'fullCountStr', index: 2, label:'全量回滚', moduleName: '回滚次数'})">
               <span class="circle" style="background: #3F9DFE" />
               全量回滚
               <span class="numText">{{ mainData.onlineProcessList.rollBack.fullCountStr.countStr }}</span>
               次
             </div>
-            <div class="rollBackItem">
+            <div class="rollBackItem pointer" @click.stop="onDetial('上线过程',{...mainData.onlineProcessList.rollBack, itemKey: 'lowCountStr', index: 3, label:'小流量回滚', moduleName: '回滚次数'})">
               <span class="circle" style="background: #3F9DFE" />
               小流量回滚
               <span class="numText">{{ mainData.onlineProcessList.rollBack.lowCountStr.countStr }}</span>
@@ -235,7 +245,11 @@ export default {
   },
   methods: {
     onDetial(name, item) {
-      if (name === '线上问题' && item.label === '新增问题' || name === '线下质量') {
+      if (
+        (name === '线上问题' && item.label === '新增问题') ||
+        name === '线下质量' ||
+        (name === '上线过程' && item.label !== '免测上线率')
+      ) {
         this.$emit('checkDetialModal', item)
       }
     },

src/views/dataBigManage/index.vue

@@ -123,7 +123,7 @@ export default {
     return {
       // enum
       searchFormList: [{
-        name: '时间',
+        name: '时间：',
         value: '',
         key: 'time',
         valueFormat: 'yyyy-MM-dd HH:mm:ss',

src/views/projectManage/bugList/details/bugTableDialog.vue

@@ -66,7 +66,7 @@
       />
     </div>
 
-    <el-drawer v-if="drawerShow" :visible.sync="drawerShow" :modal="false" :with-header="false" size="50%" class="bug_manage_drawer" @click.stop>
+    <el-drawer v-if="drawerShow" :visible.sync="drawerShow" :modal="false" :with-header="false" size="800px" class="bug_manage_drawer" @click.stop>
       <div @click.stop>
         <bug-details
           :id="bugQuery.id"

src/views/projectManage/bugList/details/index.vue

@@ -18,7 +18,7 @@
     </div>
     <el-container
       v-loading.fullscreen.lock="loading.fullscreen"
-      :style="type=='page'?{'background-color': '#F2F3F6','padding': '0 0 0 10px'}:{'background-color': '#F56C6C','overflow': 'auto','height':height}"
+      :style="type=='page'?{'background-color': '#F2F3F6','padding': '0 0 0 10px'}:{'background-color': '#ffffff','overflow': 'auto','height':height}"
       class="bug_manage_container scop"
     >
       <el-header height="0" />