等待json的bug

src/router/index.js

@@ -472,6 +472,13 @@ export const constantRoutes = [
             meta: { title: '缺陷过程' }
           }
         ]
+      },
+      {
+        path: 'problemList',
+        name: '线上问题',
+        // hidden: true,
+        component: () => import('@/views/onlineProblem/problemList.vue'),
+        meta: { title: '线上问题' }
       }
     ]
   },

src/views/onlineProblem/problemCreate.vue

@@ -0,0 +1,455 @@
+<template>
+  <div class="set-background">
+    <el-form ref="form" :model="form" :rules="serviceDataRules">
+      <div class="block">
+        <div class="block-flex">
+          <el-form-item label="标题" prop="bugName" label-width="110px"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:90%;" /></el-form-item>
+          <div class="line-between">
+            <el-form-item label="类型" prop="bugType" label-width="124px">
+              <el-select v-model="form.bugType" style="width:76%;" placeholder="类型">
+                <el-option v-for="item in bugTypeStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="所处阶段" prop="stage" label-width="147px">
+              <el-select v-model="form.stage" placeholder="所处阶段" style="width:76%;">
+                <el-option v-for="item in stageStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+          </div>
+          <div class="line-between">
+            <el-form-item label="状态" prop="status" label-width="124px">
+              <el-select v-model="form.status" placeholder="状态" style="width:76%;">
+                <el-option v-for="item in bugStatusStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="问题原因" prop="reason" label-width="147px">
+              <el-select v-model="form.reason" style="width:76%;" placeholder="问题原因">
+                <el-option v-for="item in reasonStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+          </div>
+          <div class="line-between">
+            <el-form-item label="级别" prop="priority" label-width="124px">
+              <el-select v-model="form.priority" style="width:76%;" placeholder="级别">
+                <el-option v-for="item in bugLevelStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="发现方式" prop="discoveryMethod" label-width="147px">
+              <el-select v-model="form.discoveryMethod" style="width:76%;" placeholder="发现方式">
+                <el-option v-for="item in discoveryMethodStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+          </div>
+          <div class="line-between">
+            <el-form-item prop="taskId" label="任务" label-width="124px">
+              <el-select v-model="form.taskId" filterable placeholder="任务" style="width:76%;">
+                <el-option v-for="item in taskIdStr" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="bizId" label="业务线" label-width="147px">
+              <el-select v-model="form.bizId" placeholder="业务线" style="width:76%;" @change="clickChangePlatform(form.bizId)">
+                <el-option v-for="item in bizOptions" :key="item.value" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+          </div>
+          <div class="line-between-add">
+            <el-form-item label="平台类型" prop="platformType" label-width="124px">
+              <el-select ref="clearPlatform" v-model="form.platformType" placeholder="平台类型" style="width:76%;" @change="clickChangeBusiness(form.platformType)">
+                <el-option v-for="item in platformTypeStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="businessTypeShow" prop="clientType" label="业务模块" label-width="147px">
+              <el-select ref="clearBusiness" v-model="form.clientType" placeholder="业务模块" style="width:76%;" @change="clickChangeModule(form.clientType)">
+                <el-option v-for="item in businessTypeStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+          </div>
+          <div class="line-between-add">
+            <el-form-item v-if="moduleTypeShow" label="工程模块" prop="moduleId" label-width="124px">
+              <el-select ref="clearPlatform" v-model="form.moduleId" placeholder="工程模块" style="width:76%;">
+                <el-option v-for="item in moduleStr" :key="item.name" :label="item.name" :value="item.code" />
+              </el-select>
+            </el-form-item>
+          </div>
+          <el-form-item label="bug描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="bug描述" rows="2" style="width:90%;" /></el-form-item>
+        </div>
+      </div>
+      <div class="block">
+        <div class="block-flex">
+          <div class="line-between">
+            <el-form-item label="创建人" label-width="124px"><el-input v-model="form.creator" autocomplete="off" style="width:76%;" /></el-form-item>
+            <el-form-item label="bug责任人" prop="assigner" label-width="147px">
+              <el-select v-model="form.assigner" multiple filterable placeholder="公司邮箱前缀" style="width:76%;">
+                <el-option
+                  v-for="item in optionsAssigner"
+                  :key="item.id"
+                  :label="item.email"
+                  :value="item.email"
+                />
+              </el-select>
+            </el-form-item>
+          </div>
+          <div class="line-between">
+            <el-form-item label="当前处理人" prop="currentHandler" label-width="124px">
+              <el-select v-model="form.currentHandler" multiple filterable placeholder="公司邮箱前缀" style="width:76%;">
+                <el-option
+                  v-for="item in optionsCurrentHandler"
+                  :key="item.id"
+                  :label="item.email"
+                  :value="item.email"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="开始开发时间" label-width="147px">    <el-date-picker
+              v-model="form.startDevTime"
+              type="datetime"
+              placeholder="选择时间"
+              style="width:76%;"
+              value-format="yyyy-MM-dd HH:hh:mm"
+            /></el-form-item>
+          </div>
+          <div class="line-between">
+            <el-form-item label="reopen次数" prop="reopenTimes" label-width="124px"><el-input v-model="form.reopenTimes" autocomplete="off" style="width:76%;" /></el-form-item>
+            <el-form-item label="提交测试时间" label-width="147px">    <el-date-picker
+              v-model="form.waitTestTime"
+              type="datetime"
+              placeholder="选择时间"
+              style="width:76%;"
+              value-format="yyyy-MM-dd HH:hh:mm"
+            /></el-form-item>
+          </div>
+        </div>
+      </div>
+      <div class="block">
+        <div class="block-flex">
+          <div class="line-between">
+            <el-form-item label="机型" label-width="124px"><el-input v-model="form.model" autocomplete="off" style="width:76%;" /></el-form-item>
+            <el-form-item label="地图类型" label-width="147px"><el-input v-model="form.mapType" autocomplete="off" style="width:76%;" /></el-form-item>
+          </div>
+          <div class="line-between">
+            <el-form-item label="OS类型" label-width="124px"><el-input v-model="form.osType" autocomplete="off" style="width:76%;" /></el-form-item>
+            <el-form-item label="地图版本号" label-width="147px"><el-input v-model="form.mapVersion" autocomplete="off" style="width:76%;" /></el-form-item>
+          </div>
+          <div class="line-between">
+            <el-form-item label="网络类型" label-width="124px"><el-input v-model="form.networkType" autocomplete="off" style="width:76%;" /></el-form-item>
+            <el-form-item label="SDK版本" label-width="147px"><el-input v-model="form.sdkVersion" autocomplete="off" style="width:76%;" /></el-form-item>
+          </div>
+          <div class="line-between-add">
+            <el-form-item label="app版本号" label-width="124px"><el-input v-model="form.appVersion" autocomplete="off" style="width:76%;" /></el-form-item>
+          </div>
+        </div>
+      </div>
+      <div class="block-end">
+        <div class="font">备注</div>
+        <el-input v-model="form.remark" type="textarea" autocomplete="off" rows="5" style="margin: 20px 0;" />
+        <div>
+          <el-upload
+            class="upload-demo"
+            multiple
+            capture
+            accept="image/jpeg, image/png, image/gif, audio/mp4, video/mp4, audio/mpeg, application/vnd.ms-excel"
+            :on-change="handleChange"
+            :file-list="fileList"
+            action="http://star.xiaojukeji.com/upload/img.node"
+          >
+            <!-- action="http://page-daily.kuaidadi.com/upload/img.node" 线下 -->
+            <!-- action="http://star.xiaojukeji.com/upload/img.node" 线上 -->
+            <!-- action="https://jsonplaceholder.typicode.com/posts/" 原始地址-->
+            <el-button size="small">点击上传</el-button>
+          </el-upload>
+        </div>
+        <el-form-item class="submit">
+          <el-button size="mini" type="primary" @click="createFormData(form)">提 交</el-button>
+          <el-button class="move-button" size="mini" @click="$router.go(-1)">取 消</el-button>
+        </el-form-item>
+      </div>
+      <!-- <div style="flex:1">
+        <el-form-item v-show="statusShow" label="问题原因和修复方法" :label-width="formLabelWidth"><el-input v-model="form.reasonsAndSolutionForTheProblem" type="textarea" placeholder="问题原因和修复方法" rows="4" style="width:77.2%;" /></el-form-item>
+      </div>
+      <div style="flex:1">
+        <el-form-item v-show="repairShow" label="修复结果" :label-width="formLabelWidth">
+          <el-select v-model="form.repairResult" placeholder="发现方法">
+            <el-option v-for="item in repairResultStr" :key="item.name" :label="item.name" :value="item.name" />
+          </el-select>
+        </el-form-item>
+      </div> -->
+      <!-- <el-form-item label="逻辑删" :label-width="formLabelWidth">
+            <el-select v-model="form.isDelete" placeholder="发现方法">
+              <el-option v-for="item in isDeleteStr" :key="item.value" :label="item.name" :value="item.value" />
+            </el-select>
+          </el-form-item> -->
+      <!-- <el-form-item label="reopen的次数" :label-width="formLabelWidth"> <el-input v-model="form.reopenTimes" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="业务线" prop="bizId" :label-width="formLabelWidth"><el-input v-model="form.bizId" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="模块" :label-width="formLabelWidth"><el-input v-model="form.moduleId" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="项目名" :label-width="formLabelWidth"><el-input v-model="form.projectName" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="项目ID" :label-width="formLabelWidth"><el-input v-model="form.projectId" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="测试计划ID" prop="planId" :label-width="formLabelWidth"><el-input v-model="form.planId" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="caseID" :label-width="formLabelWidth"><el-input v-model="form.caseId" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="bug创建人" :label-width="formLabelWidth"> <el-input v-model="form.creator" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="开始开发时间" :label-width="formLabelWidth"><el-input v-model="form.startDevTime" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="开始等待测试时间" :label-width="formLabelWidth"><el-input v-model="form.waitTestTime" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="创建时间" :label-width="formLabelWidth"><el-input v-model="form.gmtCreate" autocomplete="off" /></el-form-item> -->
+      <!-- <el-form-item label="修改时间" :label-width="formLabelWidth"><el-input v-model="form.gmtModify" autocomplete="off" /></el-form-item> -->
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { bugGetEnum, taskListCreate, bugCreate } from '@/api/defectManage'
+import { projectGetTypeMap, teamMembers, getTaskData } from '@/api/projectPage'
+import axios from 'axios'
+
+export default {
+  data() {
+    return {
+      form: {
+        id: '',
+        bizId: '',
+        taskId: '',
+        platformType: '',
+        clientType: '',
+        creator: ''
+      },
+      businessTypeStr: [],
+      optionsAssigner: [],
+      optionsCurrentHandler: [],
+      taskIdStr: '',
+      taskStatus: '',
+      platformTypeStr: [],
+      bugTypeStr: [],
+      bugLevelStr: [],
+      discoveryMethodStr: [],
+      reasonStr: [],
+      bugStatusStr: [],
+      stageStr: [],
+      moduleStr: [],
+      fileList: [],
+      serviceTypeEnumList: [],
+      clientTypeEnumList: [],
+      bizOptions: [],
+      serviceDataRules: {
+        bugName: [{ required: true, message: '标题不能为空', trigger: 'change' }],
+        bizId: [{ required: true, message: '业务线不能为空', trigger: 'change' }],
+        // bugName: [{ required: true, message: '主题不能为空', trigger: 'change' }],
+        taskId: [{ required: true, message: '任务不能为空', trigger: 'change' }],
+        moduleId: [{ required: true, message: '工程模块不能为空', trigger: 'change' }],
+        // projectId: [{ required: true, message: '项目ID不能为空', trigger: 'change' }],
+        bugType: [{ required: true, message: 'bug类型不能为空', trigger: 'change' }],
+        reopenTimes: [{ required: true, message: 'reopen不能为空', trigger: 'change' }],
+        discoveryMethod: [{ required: true, message: '发现方式不能为空', trigger: 'change' }],
+        reason: [{ required: true, message: '问题原因不能为空', trigger: 'change' }],
+        priority: [{ required: true, message: '级别不能为空', trigger: 'change' }],
+        status: [{ required: true, message: '状态不能为空', trigger: 'change' }],
+        platformType: [{ required: true, message: '平台类型不能为空', trigger: 'change' }],
+        stage: [{ required: true, message: '所处阶段不能为空', trigger: 'change' }],
+        assigner: [{ required: true, message: 'bug责任人不能为空', trigger: 'blur' }],
+        currentHandler: [{ required: true, message: 'bug处理人不能为空', trigger: 'blur' }],
+        bugDescribe: [{ required: true, message: 'bug描述不能为空', trigger: 'change' }],
+        clientType: [{ required: true, message: '业务模块不能为空', trigger: 'change' }]
+      },
+      formLabelWidth: '11%',
+      formLabelWidth1: '22%',
+      userData: '',
+      businessTypeShow: false,
+      moduleTypeShow: false,
+      userInformation: localStorage.getItem('username'),
+      userNames: localStorage.getItem('realname')
+    }
+  },
+  created() {
+    this.bugListSelect()
+    this.forkDown()
+  },
+  methods: {
+    handleChange(file, fileList) {
+      this.fileDbList = []
+      this.fileList = fileList.slice(-3)
+      for (var a of this.fileList) {
+        this.fileDbList.push({ name: a.name, url: 'http' + a.response.url })
+      }
+      var arr = []
+      for (var el of this.fileDbList) {
+        arr.push({ 'name': el.name, 'url': 'http' + el.response.url })
+      }
+    },
+    async bugListSelect() {
+      await bugGetEnum().then(res => {
+        this.bugStatusStr = res.data.bugEnumList
+        this.stageStr = res.data.bugStageEnumList
+        this.reasonStr = res.data.reasonEnumList
+        this.bugTypeStr = res.data.bugTypeEnumList
+        this.bugLevelStr = res.data.priorityEnumList
+        this.discoveryMethodStr = res.data.discoveryMethodEnumList
+        this.clientTypeEnumList = res.data.clientTypeEnumList
+        this.serviceTypeEnumList = res.data.serviceTypeEnumList
+      })
+      await taskListCreate({ statusList: [5, 6, 7, 8, 9, 10] }).then(res => { // 获取任务数据 (后期用this.taskStatus)
+        this.taskIdStr = res.data
+      })
+      if (this.$route.query.id) {
+        getTaskData(this.$route.query.id).then(res => {
+          this.taskStatus = res.data.status
+          // const pauseTaskId = this.taskIdStr.filter(value=>value.name === res.data.name)
+          this.$set(this.form, 'taskId', res.data.id)
+          this.$set(this.form, 'bizId', res.data.bizId)
+          this.$set(this.form, 'platformType', res.data.type)
+          this.$set(this.form, 'creator', res.data.creater)
+          if (res.data.clientType) {
+            this.businessTypeShow = true
+            this.$set(this.form, 'clientType', res.data.clientType)
+          }
+          this.$set(this.form, 'clientType', res.data.clientType)
+          this.platformTypeStr = this.bizOptions.filter(value => value.code === res.data.bizId)[0].child
+          if (this.form.clientType) {
+            this.businessTypeStr = this.platformTypeStr.filter(value => value.name === res.data.typeString)[0].child
+          }
+        })
+      } else {
+        this.form.creator = this.userNames
+      }
+      this.getMember() // 保证bizId存在
+    },
+    forkDown() {
+      projectGetTypeMap().then(res => {
+        if (res.code === 200) {
+          this.bizOptions = res.data
+        } else {
+          this.errorFun('业务线数据获取失败')
+        }
+      })
+    },
+    // 业务线取子数据
+    clickChangePlatform(e) {
+      console.log(this.form.taskId)
+      this.platformTypeStr = this.bizOptions.filter(value => value.code === e)[0].child
+      this.businessTypeStr = []
+      this.moduleStr = []
+      this.$set(this.form, 'platformType', '')
+      this.$set(this.form, 'clientType', '')
+      this.$set(this.form, 'moduleId', '')
+      this.getMember() // 保证bizId存在
+    },
+    // 业务线取子数据
+    clickChangeBusiness(e) {
+      if (this.platformTypeStr.filter(value => value.code === e)[0].child) {
+        this.businessTypeShow = true
+        this.businessTypeStr = this.platformTypeStr.filter(value => value.code === e)[0].child
+        this.moduleStr = []
+      } else {
+        this.businessTypeShow = false
+      }
+      this.$set(this.form, 'clientType', '')
+      this.$set(this.form, 'moduleId', '')
+    },
+    // 业务线取子数据
+    clickChangeModule(e) {
+      if (this.businessTypeStr.filter(value => value.code === e)[0].child) {
+        this.moduleTypeShow = true
+        this.moduleStr = this.businessTypeStr.filter(value => value.code === e)[0].child
+      } else {
+        this.moduleTypeShow = false
+      }
+      this.$set(this.form, 'moduleId', '')
+    },
+    // 人员搜索
+    getMember() {
+      const objDataAssigner = { bizId: this.form.bizId, email: '', role: 'rd' }
+      const objDataCurrentHandler = { bizId: this.form.bizId, email: '' }
+      axios.all([teamMembers(objDataAssigner), teamMembers(objDataCurrentHandler)]).then(axios.spread((resAssigner, resCurrentHandler) => {
+        if (resAssigner.code === 200 && resCurrentHandler.code === 200) {
+          this.optionsAssigner = resAssigner.data
+          this.optionsCurrentHandler = resCurrentHandler.data
+        } else {
+          this.errorFun('人员数据获取失败')
+        }
+      }))
+    },
+    // 提交表单并且返回刷新
+    createFormData(form) {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          if (this.$route.query.id && typeof this.form.bizId === 'string') {
+            form.bizId = this.bizOptions.filter(value => value.name === form.bizId)[0].code
+          }
+          form.reopenTimes = parseInt(form.reopenTimes)
+          form.projectId = this.taskIdStr.filter(value => value.id === this.form.taskId)[0].projectId
+          if (form.assigner) {
+            form.assigner = form.assigner.join(',')
+          }
+          if (form.currentHandler) {
+            form.currentHandler = form.currentHandler.join(',')
+          }
+          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
+          this.objData = { bugBaseInfo: form, user: this.userData }
+          bugCreate(this.objData).then(res => {
+            res.code === 200 ? this.successFun('create') : this.errorFun('create Failed')
+            this.$router.go(-1)
+          })
+        } else {
+          this.errorFun('还有未填写的信息')
+        }
+      })
+    },
+    successFun(successText) {
+      this.$notify({ title: 'Success', message: `${successText} Successfully`, type: 'success', duration: 2000 })
+    },
+    errorFun(errorText) {
+      this.$notify({ title: 'Failed', message: `${errorText}`, type: 'error', duration: 2000 })
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+  .set-background
+    background-color #F2F3F6
+    display flex
+    justify-content center
+    min-width 700px
+    .block
+      background-color rgba(255,255,255,1)
+      box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
+      border-radius 7px
+      width 78vw
+      margin-top 25px
+      padding 29px 50px
+      .block-flex
+        display flex
+        flex-wrap wrap
+      .block-flex >>> .el-form-item
+        width 100%
+        display flex
+      .block-flex >>> .el-form-item__content
+        width 100%
+        margin-left 0 !important
+      .line-between
+        width 100%
+        display flex
+        justify-content space-between
+      .line-between-add
+        display flex
+        flex-wrap wrap
+        width 100%
+      .line-between-add >>> .el-form-item
+        width 50%
+    .block-end
+      background-color rgba(255,255,255,1)
+      box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
+      border-radius 7px
+      width 78vw
+      margin-top 25px
+      padding 29px 50px
+      margin-bottom 22px
+      .font
+        font-size 18px
+        font-family PingFangSC
+        font-weight 500
+        color rgba(51,59,74,1)
+        line-height 35px
+      .submit
+        margin-top 40px
+        display flex
+        flex-direction row-reverse
+        .move-button
+          margin-right 20px
+</style>

src/views/onlineProblem/problemList.vue

@@ -0,0 +1,256 @@
+<template>
+  <div style="width: 100%;margin-left: 10px;">
+    <div style="margin: 2% 0;">
+      <el-form :model="queryCode">
+        <!-- <el-select v-model="queryCode.taskId" clearable placeholder="任务" style="width:10%;margin:0 5px;">
+          <el-option v-for="item in taskIdStr" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+        <el-select v-model="queryCode.status" clearable placeholder="bug状态" style="width:10%;margin-right:5px;">
+          <el-option v-for="item in bugStatusStr" :key="item.code" :label="item.name" :value="item.code" />
+        </el-select> -->
+        <el-input v-model="queryCode.currentHandler" clearable filterable placeholder="处理人" style="width:12%;margin-right:5px;" />
+        <el-input v-model="queryCode.creator" clearable filterable placeholder="创建人" style="width:12%;margin-right:5px;" />
+        <el-date-picker v-model="queryCode.gmtCreateBegin" style="width:19%;margin-right:5px;" type="datetime" placeholder="创建时间" />
+        <!-- <el-date-picker v-model="queryCode.gmtCreateEnd" style="width:12%;margin-right:5px;" type="datetime" placeholder="截止时间" /> -->
+        <el-input v-model="queryCode.bugName" clearable filterable placeholder="主题" style="width:12%;margin-right:5px;" />
+        <el-select v-model="queryCode.priority" clearable placeholder="故障级别" style="width:10%;margin-right:5px;">
+          <el-option v-for="item in bugStatusPriority" :key="item.code" :label="item.name" :value="item.code" />
+        </el-select>
+        <el-button type="primary" @click="dataQuery(queryCode)">查询</el-button>
+        <el-button type="primary" style="margin: 1% 5px;" @click="createdCode()">新建线上问题</el-button>
+      </el-form>
+    </div>
+
+    <el-table :data="tableData" fit>
+      <el-table-column label="ID" min-width="120" align="center">
+        <template slot-scope="scope">{{ scope.row.id }}</template>
+      </el-table-column>
+      <el-table-column label="主题" min-width="230" align="center">
+        <template slot-scope="scope"><a href="javascript:void(0)" style="color:#20a0ff" @click="toReportView(scope.row.id)">{{ scope.row.bugName }}</a></template>
+      </el-table-column>
+      <el-table-column label="处理人" min-width="150" align="center">
+        <template slot-scope="scope">{{ scope.row.currentHandler }}</template>
+      </el-table-column>
+      <el-table-column label="创建日期" min-width="250" align="center">
+        <template slot-scope="scope">{{ scope.row.gmtCreate }}</template>
+      </el-table-column>
+      <el-table-column label="级别" width="150" align="center">
+        <template slot-scope="scope"><span>{{ scope.row.priorityName }}</span></template>
+      </el-table-column>
+      <el-table-column label="状态" width="150" align="center">
+        <template slot-scope="scope"><span>{{ scope.row.bugStatusName }}</span></template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" width="225" align="center">
+        <template slot-scope="scope">
+          <el-button size="mini" type="primary" @click="queryPresentation(scope.row)">更新</el-button>
+          <el-button size="mini" type="primary" @click="delePresentation(scope.row.id)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <e8l-pagination style="margin-top:30px;" align="center" :current-page="curIndex" :page-sizes="[5, 10, 20]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+  </div>
+</template>
+
+<script>
+import { bugList, bugGet, bugDelete, taskListCreate, bugGetEnum } from '@/api/defectManage'
+
+export default {
+  name: 'DefectManagement',
+  data() {
+    return {
+      bugTypeStr: [],
+      bugStatusStr: [],
+      bizOptions: [{ name: '万象', value: 101 }, { name: '企业级', value: 100 }, { name: '滴滴代驾', value: 261 }, { name: 'prado', value: 330 }, { name: 'carbo', value: 331 }, { name: '海马', value: 309 }],
+      bugLevelStr: [{ name: 'p0', value: 0 }, { name: 'p1', value: 1 }, { name: 'p2', value: 2 }, { name: 'p3', value: 3 }],
+      reasonStr: [],
+      platformTypeStr: [],
+      stageStr: [],
+      discoveryMethodStr: [],
+      businessTypeStr: [],
+      bugStatusPriority: [],
+      repairResultStr: [],
+      isDeleteStr: [{ name: '保留', value: 0 }, { name: '删除', value: 1 }],
+      serviceDataRules: {
+        bizId: [{ required: true, message: '业务线不能为空', trigger: 'change' }],
+        // bugName: [{ required: true, message: '主题不能为空', trigger: 'change' }],
+        taskId: [{ required: true, message: '任务不能为空', trigger: 'change' }],
+        // projectId: [{ required: true, message: '项目ID不能为空', trigger: 'change' }],
+        bugType: [{ required: true, message: 'bug类型不能为空', trigger: 'change' }],
+        discoveryMethod: [{ required: true, message: '发现方式不能为空', trigger: 'change' }],
+        reason: [{ required: true, message: '问题原因不能为空', trigger: 'change' }],
+        priority: [{ required: true, message: '级别不能为空', trigger: 'change' }],
+        status: [{ required: true, message: '状态不能为空', trigger: 'change' }],
+        platformType: [{ required: true, message: '平台类型不能为空', trigger: 'change' }],
+        stage: [{ required: true, message: '所处阶段不能为空', trigger: 'change' }],
+        assigner: [{ required: true, message: 'bug责任人不能为空', trigger: 'change' }],
+        currentHandler: [{ required: true, message: 'bug处理人不能为空', trigger: 'change' }],
+        bugDescribe: [{ required: true, message: 'bug描述不能为空', trigger: 'change' }],
+        businessType: [{ required: true, message: '业务模块不能为空', trigger: 'change' }]
+      },
+      userInformation: localStorage.getItem('username'),
+      userNames: localStorage.getItem('realname'),
+      bizJson: localStorage.getItem('key'),
+      pageSize: 20,
+      curIndex: 0,
+      total: 0,
+      show2: '',
+      tableData: [],
+      queryCode: {},
+      statusShow: false,
+      repairShow: false,
+      formLabelWidth: '11%',
+      formLabelWidth1: '22%',
+      serviceTypeEnumList: [],
+      clientTypeEnumList: [],
+      bizIdEnumList: [],
+      objData: '',
+      userData: '',
+      taskIdStr: '',
+      fileList: [],
+      fileDbList: []
+    }
+  },
+  created() {
+    this.getList()
+    this.bugListSelect()
+  },
+  mounted() {
+    this.getQueryData()
+  },
+  methods: {
+    getList() {
+      this.bizJson = localStorage.getItem('key')
+      this.indexPage = {
+        bizId: this.bizJson,
+        pageSize: this.pageSize,
+        curIndex: this.curIndex
+      }
+      bugList(this.indexPage).then(res => {
+        this.tableData = res.data
+        this.total = res.total
+      })
+    },
+    bugListSelect() {
+      bugGetEnum().then(res => {
+        this.bugStatusStr = res.data.bugEnumList
+        this.bugStatusPriority = res.data.priorityEnumList
+        this.stageStr = res.data.bugStageEnumList
+        this.reasonStr = res.data.reasonEnumList
+        this.platformTypeStr = res.data.platformTypeEnumList
+        this.bugTypeStr = res.data.bugTypeEnumList
+        this.bugLevelStr = res.data.priorityEnumList
+        this.discoveryMethodStr = res.data.discoveryMethodEnumList
+        this.repairResultStr = res.data.repairResultEnumList
+        this.clientTypeEnumList = res.data.clientTypeEnumList
+        this.serviceTypeEnumList = res.data.serviceTypeEnumList
+        this.bizIdEnumList = res.data.bizIdEnumList
+      })
+    },
+    clickChangeType(e) {
+      // console.log(this.form.businessType)
+      // this.form.businessType = ''
+      if (e === '服务端') {
+        this.businessTypeStr = this.serviceTypeEnumList
+      } else {
+        this.businessTypeStr = this.clientTypeEnumList
+      }
+    },
+    dataQuery(e) {
+      this.bizJson = localStorage.getItem('key')
+      this.indexPage = e
+      this.indexPage.bizId = this.bizJson
+      this.indexPage.pageSize = this.pageSize
+      this.indexPage.curIndex = this.curIndex
+      bugList(this.indexPage).then(res => {
+        this.tableData = res.data
+      })
+    },
+    // // 删除报告
+    delePresentation(e) {
+      this.$confirm('是否确认删除', '确认信息', {
+        distinguishCancelAndClose: true,
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      })
+        .then(() => {
+          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
+          bugDelete(this.userData, e).then(res => {
+            this.getList()
+          })
+          this.$message({ type: 'success', message: '已删除' })
+        })
+        .catch(action => {
+          this.$message({ type: 'success', message: '已取消' })
+        })
+    },
+    queryPresentation(ele) {
+      this.form = ele
+      for (var a of this.bizOptions) {
+        if (ele.bizId === a.value) {
+          this.bizId = a.name
+        }
+      }
+      // this.bizId = ele.bizId
+      this.form.taskId = ele.taskId
+      this.$router.push({ name: '更新Bug', params: { formData: this.form }, query: { id: this.form.id }})
+      // this.dialogFormVisible = true
+    },
+    getQueryData() {
+      this.$route.query.code === 4 ? this.queryCode.taskId = this.$route.query.id : ''
+      this.bizJson = localStorage.getItem('key')
+      taskListCreate({ bizId: this.bizJson }).then(res => {
+        this.taskIdStr = res.data
+      })
+    },
+    handleSizeChange(size) {
+      this.pageSize = size
+      this.getList()
+    },
+    handleCurrentChange(curIndex) {
+      this.curIndex = curIndex
+      this.getList()
+    },
+    createdCode() {
+      this.form = {}
+      // this.$route.query.code === 4 ? this.form.taskId = this.$route.query.id : ''
+      // if (this.$refs['form'] !== undefined) {
+      //   this.$refs['form'].resetFields()
+      // }
+      this.$router.push({ name: '新建Bug' })
+    },
+    toReportView(e) {
+      // this.buildShow(e)
+      bugGet(e).then(res => {
+        this.form = res.data
+        for (var a of this.bizIdEnumList) {
+          res.data.bizId === a.code ? this.form.bizId = a.name : ''
+        }
+        this.$router.push({ name: '查看Bug', query: { id: this.form.id }})
+      })
+    },
+
+    handleChange(file, fileList) {
+      this.fileDbList = []
+      this.fileList = fileList.slice(-3)
+      for (var a of this.fileList) {
+        this.fileDbList.push({ name: a.name, url: 'http' + a.response.url })
+      }
+      var arr = []
+      for (var el of this.fileDbList) {
+        arr.push({ 'name': el.name, 'url': el.response.url })
+      }
+    },
+
+    successFun() {
+      this.$notify({ title: 'Success', message: 'Created Successfully', type: 'success', duration: 2000 })
+    },
+    errorFun() {
+      this.$notify({ title: 'Failed', message: 'Created Failed', type: 'error', duration: 2000 })
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+
+</style>

src/views/quality/qualityMeasurement.vue

@@ -444,12 +444,15 @@
                   prop="noTestPer"
                   label="免提测上线占比"
                   align="center"
-                />
+                >
+                  <template slot-scope="scope">{{ scope.row.rollbackPer | toPercent }}</template>
+                </el-table-column>
                 <el-table-column
-                  prop="rollbackPer"
                   align="center"
                   label="回滚率"
-                />
+                >
+                  <template slot-scope="scope">{{ scope.row.rollbackPer | toPercent }}</template>
+                </el-table-column>
               </el-table-column>
             </el-table>
             <el-pagination class="pagination" align="center" :current-page="curIndex" :page-sizes="[5, 10, 20]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
@@ -696,6 +699,8 @@ export default {
       padding 15px 0 0 0
       margin-bottom 25px
       width 70px
+    .header >>> .el-range-separator
+      padding 0
     .header >>> .el-menu-item:nth-child(2)
       padding 15px 0 0 0
       margin 0 0 30px 40px