删除1.0bug

src/router/index.js

@@ -161,42 +161,10 @@ export const constantRoutes = [{
   {
     path: '/Platform/projectManage/bugManage/bugindex',
     name: '缺陷',
-    // hidden: true,
     component: () =>
           import('@/views/Platform/bugManage/bugindex'),
     meta: { title: '缺陷' }
   },
-  // {
-  //   path: '/Platform/defectManagement',
-  //   name: '缺陷',
-  //   component: () =>
-  //         import('@/views/Platform/defectManagement'),
-  //   meta: { title: '缺陷' }
-  // },
-  // {
-  //   path: '/Platform/defectManagement/bugCreate',
-  //   name: '新建Bug',
-  //   hidden: true,
-  //   component: () =>
-  //         import('@/views/Platform/bugManage/bugCreate'),
-  //   meta: { title: '新建Bug' }
-  // },
-  // {
-  //   path: '/Platform/defectManagement/bugQuery',
-  //   name: '查看Bug',
-  //   hidden: true,
-  //   component: () =>
-  //         import('@/views/Platform/bugManage/bugQuery'),
-  //   meta: { title: '查看Bug' }
-  // },
-  // {
-  //   path: '/Platform/defectManagement/bugUpdate',
-  //   name: '更新Bug',
-  //   hidden: true,
-  //   component: () =>
-  //         import('@/views/Platform/bugManage/bugUpdate'),
-  //   meta: { title: '更新Bug' }
-  // },
   {
     path: '/Platform/useCasePage',
     name: '测试',

src/views/projectManage/bugManage/bugCreate.vue

@@ -1,514 +0,0 @@
-<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="112px"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:89.6%;" /></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.code" :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="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" filterable 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描述" label-width="112px">
-            <div id="wangeditorDescribe" class="force-height" style="margin-bottom:22px;width:89.6%;" />
-          </el-form-item>
-          <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%;" @visible-change="realTimeChange">
-                <el-option
-                  v-for="item in optionsCurrentHandler"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.email"
-                />
-              </el-select>
-            </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%;" @visible-change="realTimeChange">
-                <el-option
-                  v-for="item in optionsAssigner"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.email"
-                />
-              </el-select>
-            </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="影响版本" label-width="124px">
-              <el-input v-show="platFormApp" v-model="form.appVersion" autocomplete="off" style="width:76%;" />
-              <el-select v-show="!platFormApp" v-model="form.appVersionList" multiple filterable style="width:76%;">
-                <el-option v-for="item in platFormAppStr" :key="item.name" :label="item.name" :value="item.name" />
-              </el-select>
-            </el-form-item>
-          </div>
-        </div>
-      </div>
-      <div class="block-end">
-        <div class="font">备注</div>
-        <div id="wangeditorRemark" class="force-height" style="margin: 20px 0;width:98%;" />
-        <el-upload
-          class="upload-demo"
-          action="http://star.xiaojukeji.com/upload/img.node"
-          :on-preview="handlePictureCardPreview"
-          :on-progress="progress"
-          :on-success="handleChange"
-          :file-list="fileList"
-          list-type="picture-card"
-        >
-          <el-button size="small" type="primary">上传附件</el-button>
-        </el-upload>
-        <el-dialog :visible.sync="dialogVisible">
-          <img width="100%" :src="dialogImageUrl" alt="">
-        </el-dialog>
-        <el-form-item class="submit">
-          <el-button :disabled="dis" 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>
-    </el-form>
-  </div>
-</template>
-
-<script>
-import { bugGetEnum, taskListCreate, bugCreate } from '@/api/defectManage'
-import { projectGetTypeMap, teamMembers, getTaskData, appDataGet } from '@/api/projectPage'
-import { queryTestPlanCaseList } from '@/api/caseProject.js'
-import E from 'wangeditor'
-import axios from 'axios'
-
-export default {
-  data() {
-    return {
-      selected: '',
-      form: {
-        id: '',
-        bizId: '',
-        taskId: '',
-        platformType: '',
-        clientType: '',
-        bugDescribe: '',
-        remark: '',
-        currentHandler: [],
-        assigner: [],
-        appVersionList: []
-      },
-      dialogImageUrl: '',
-      dialogVisible: false,
-      platFormApp: true,
-      businessTypeStr: [],
-      platFormAppStr: [],
-      optionsAssigner: [],
-      optionsCurrentHandler: [],
-      taskIdStr: '',
-      taskStatus: '',
-      platformTypeStr: [],
-      bugTypeStr: [],
-      bugLevelStr: [],
-      discoveryMethodStr: [],
-      stageStr: [],
-      moduleStr: [],
-      fileList: [],
-      serviceTypeEnumList: [],
-      clientTypeEnumList: [],
-      bizOptions: [],
-      serviceDataRules: {
-        bugName: [{ required: true, message: '标题不能为空', trigger: 'change' }],
-        bizId: [{ required: true, message: '业务线不能为空', trigger: 'change' }],
-        taskId: [{ required: true, message: '任务不能为空', trigger: 'change' }],
-        moduleId: [{ required: true, message: '工程模块不能为空', 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: 'change' }],
-        currentHandler: [{ required: true, message: 'bug处理人不能为空', trigger: 'change' }],
-        // bugDescribe: [{ required: true, message: 'bug描述不能为空', trigger: 'change' }],
-        clientType: [{ required: true, message: '业务模块不能为空', trigger: 'change' }]
-      },
-      formLabelWidth: '11%',
-      formLabelWidth1: '22%',
-      userData: '',
-      businessTypeShow: false,
-      moduleTypeShow: false,
-      accessory: '',
-      userInformation: localStorage.getItem('username'),
-      userNames: localStorage.getItem('realname'),
-      dis: false,
-      fileDbList: []
-    }
-  },
-  created() {
-    this.bugListSelect()
-    this.forkDown()
-  },
-  mounted() {
-    if (!this.$route.query.ids) {
-      const editorDescribe = new E('#wangeditorDescribe')
-      editorDescribe.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table', 'foreColor']
-      editorDescribe.customConfig.onchange = (html) => {
-        this.form.bugDescribe = html
-      }
-      editorDescribe.create()
-    }
-    const editorRemark = new E('#wangeditorRemark')
-    editorRemark.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table', 'foreColor']
-    editorRemark.customConfig.onchange = (html) => {
-      this.form.remark = html
-    }
-    editorRemark.create()
-  },
-  methods: {
-    handlePictureCardPreview(file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
-    },
-
-    // 文件上传时的钩子
-    progress(event, file, fileList) {
-      this.dis = true
-    },
-
-    // 上传成功回调
-    handleChange(response, file, fileList) {
-      this.fileDbList.push({ 'name': file.name, 'url': 'http:' + file.response.url })
-      this.accessory = JSON.stringify(this.fileDbList)
-      this.dis = false
-      this.$message({ showClose: true, message: '文件上传成功', type: 'success' })
-    },
-    // 接口不接受空值处理
-    emptyJudge(obj) {
-      for (const key in obj) {
-        if (obj[key] === '' || obj[key].length === 0) {
-          delete obj[key]
-        }
-      }
-    },
-    async bugListSelect() {
-      await bugGetEnum().then(res => {
-        this.stageStr = res.data.bugStageEnumList
-        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({}).then(res => { // 获取任务数据 (后期用this.taskStatus)
-        this.taskIdStr = res.data
-      })
-      if (this.$route.query.id) {
-        await getTaskData(this.$route.query.id).then(res => {
-          this.taskStatus = res.data.status
-          this.$set(this.form, 'taskId', res.data.id)
-          this.$set(this.form, 'bizId', res.data.bizId)
-          this.$set(this.form, 'platformType', res.data.type)
-          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
-          }
-        })
-      }
-      if (this.$route.query.ids) {
-        var url = window.location.href // 获取url中"?"符后的字串
-        var caseFolderId = url.split('&testPlanId=')
-        var id = caseFolderId[0].split('?ids=')
-        var data_status = { testPlanId: caseFolderId[1], id: id[1] }
-        queryTestPlanCaseList(data_status).then(res => {
-          var caseInfo = res.data[0].caseInfo
-          var case_arr = JSON.parse(caseInfo.description.split('{}'))
-          var e = []
-          case_arr.map(item => {
-            e.push({ '测试步骤': item.description, '预期结果': item.expectedResult })
-          })
-          var title = res.data[0].caseInfo.title
-          const arrString = e.reduce((sumString, item) => { return sumString + '测试步骤:' + item['测试步骤'] + '   ' + '预期结果:' + item['预期结果'] + '\n' }, '')
-          var case_caseCondition
-          if (caseInfo.caseCondition) {
-            case_caseCondition = '前置条件 : ' + caseInfo.caseCondition + ' \n ' + 'api : ' + caseInfo.api + ' \n ' + '问题描述 : ' + ' \n ' + arrString
-          } else {
-            case_caseCondition = ''
-          }
-          this.$set(this.form, 'bugName', title)
-          const editorDescribe = new E('#wangeditorDescribe')
-          editorDescribe.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table', 'foreColor']
-          editorDescribe.customConfig.onchange = (html) => {
-            this.form.bugDescribe = html
-          }
-          editorDescribe.create()
-          editorDescribe.txt.html(case_caseCondition)
-          this.$set(this.form, 'bugDescribe', case_caseCondition)
-          this.$set(this.form, 'taskId', caseInfo.taskId)
-        })
-      }
-      this.getMember() // 保证bizId存在
-    },
-    forkDown() {
-      projectGetTypeMap().then(res => {
-        if (res.code === 200) {
-          this.bizOptions = res.data
-        } else {
-          this.errorFun('业务线数据获取失败')
-        }
-      })
-    },
-    // 业务线取子数据
-    clickChangePlatform(e) {
-      this.platformTypeStr = this.bizOptions.filter(value => value.code === e)[0].child
-      this.businessTypeStr = []
-      this.moduleStr = []
-      this.platFormApp = true
-      this.$set(this.form, 'platformType', '')
-      this.$set(this.form, 'clientType', '')
-      this.$set(this.form, 'moduleId', '')
-      this.$set(this.form, 'currentHandler', [])
-      this.$set(this.form, 'assigner', [])
-      this.getMember() // 保证bizId存在
-    },
-    // 版本号获取
-    appGet() {
-      const sendData = { name: 'appVersion', bizId: this.form.bizId, plateId: this.form.platformType, clientId: this.form.clientType }
-      this.emptyJudge(sendData)
-      appDataGet(sendData).then(res => {
-        if (res.data === null) {
-          this.platFormApp = true
-          return
-        }
-        const newRxp = res.data[0].content.replace(/\"|\{|\}/g, '').split(',').map(eachData => ({
-          name: eachData
-        }))
-        this.platFormAppStr = newRxp
-        this.form.appVersionList = []
-        this.platFormApp = false
-      })
-    },
-    // 业务线取子数据
-    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.appGet()
-      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.appGet()
-      this.$set(this.form, 'moduleId', '')
-    },
-    // 点击一次更新一次
-    realTimeChange(e) {
-      if (e === true) this.getMember()
-    },
-    // 人员搜索
-    getMember() {
-      const objDataAssigner = { bizId: this.form.bizId, email: '', role: 'rd' }
-      const objDataAssignerPM = { bizId: this.form.bizId, email: '', role: 'pm' }
-      const objDataCurrentHandler = { bizId: this.form.bizId, email: '' }
-      axios.all([teamMembers(objDataAssignerPM), teamMembers(objDataAssigner), teamMembers(objDataCurrentHandler)]).then(axios.spread((resAssignerPM, resAssigner, resCurrentHandler) => {
-        if (resAssignerPM.code === 200 && resAssigner.code === 200 && resCurrentHandler.code === 200) {
-          this.optionsAssigner = [...resAssigner.data, ...resAssignerPM.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.accessory = this.accessory
-          // 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(',')
-          }
-          if (this.platFormApp) {
-            delete this.form.appVersionList
-          } else {
-            this.form.appVersion = this.form.appVersionList.join(',')
-            delete this.form.appVersionList
-          }
-          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-          this.objData = { bugBaseInfo: form, user: this.userData }
-          bugCreate(this.objData).then(res => {
-            if (res.code === 200) {
-              this.successFun('create')
-              this.$router.go(-1)
-            } else {
-              this.errorFun(res.msg)
-            }
-          })
-        } 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 82vw
-      margin-top 25px
-      padding 29px 50px 10px 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
-      .force-height >>> .w-e-text-container
-        height auto !important
-        min-height 110px !important
-        z-index 0 !important
-      .force-height >>> .w-e-toolbar .w-e-menu
-        position relative
-        z-index 0 !important
-      .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 82vw
-      margin-top 25px
-      padding 29px 50px
-      margin-bottom 22px
-    .force-height >>> .w-e-text-container
-      height auto !important
-      min-height 110px !important
-      z-index 0 !important
-    .force-height >>> .w-e-toolbar .w-e-menu
-      position relative
-      z-index 0 !important
-    .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/projectManage/bugManage/bugQuery.vue

@@ -1,588 +0,0 @@
-<template>
-  <div class="set-background">
-    <el-form :model="form">
-      <div class="block">
-        <h3 style="margin:0 0 30px 0">标题 :&nbsp;&nbsp;&nbsp;{{ form.bugName }}</h3>
-        <div style="display:flex;margin-bottom:10px">
-          <el-form-item label="级别 : " prop="priority" style="display:flex;" label-width="48px">
-            <el-select v-model="form.priority" placeholder="级别" style="width:80%;" @change="priorityChange">
-              <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="status" style="display:flex;" label-width="48px">
-            <el-select v-model="form.status" placeholder="状态" style="width:80%;" @change="statusChange">
-              <el-option v-for="item in bugStatusStr" :key="item.name" :label="item.name" :value="item.code" />
-            </el-select>
-          </el-form-item>
-          <el-button type="primary" style="height:40px" @click="enterUpdate">编 辑</el-button>
-        </div>
-        <div class="display-messege">
-          <span style="white-space:nowrap">描述 :&nbsp;&nbsp;&nbsp;</span><div id="specialP" class="add-border" v-html="form.bugDescribe" />
-        </div>
-        <div class="display-messege">
-          <div class="divide-threeparts">任务 :&nbsp;&nbsp;&nbsp;{{ form.taskName }}</div>
-          <div class="divide-threeparts">业务线 :&nbsp;&nbsp;&nbsp;{{ bizId }}</div>
-          <div class="divide-threeparts">平台类型 :&nbsp;&nbsp;&nbsp;{{ form.platformTypeName }}</div>
-        </div>
-        <div class="display-messege">
-          <div class="divide-threeparts">类型 :&nbsp;&nbsp;&nbsp;{{ bugType }}</div>
-          <div class="divide-threeparts">业务模块 :&nbsp;&nbsp;&nbsp;{{ form.clientName }}</div>
-          <div class="divide-threeparts">所处阶段 :&nbsp;&nbsp;&nbsp;{{ form.stageName }}</div>
-        </div>
-        <div class="display-messege-end">
-          <div class="divide-threeparts">发现方式 :&nbsp;&nbsp;&nbsp;{{ form.discoveryMethodName }}</div>
-          <div class="divide-threeparts">问题原因 :&nbsp;&nbsp;&nbsp;{{ form.reasomName }}</div>
-          <div class="divide-threeparts">工程模块 :&nbsp;&nbsp;&nbsp;{{ form.bizModuleName }}</div>
-        </div>
-      </div>
-      <div class="block">
-        <div class="display-messege">
-          <div class="divide-threeparts">创建人 :&nbsp;&nbsp;&nbsp;{{ form.creatorList }}</div>
-          <div class="divide-threeparts"><span>bug责任人 :</span>&nbsp;&nbsp;&nbsp;{{ form.assignerList }}</div>
-          <div class="divide-threeparts"><span>当前处理人 :</span>&nbsp;&nbsp;&nbsp;{{ currentHandler }}</div>
-        </div>
-        <div class="display-messege">
-          <div class="divide-threeparts">开始开发时间 :&nbsp;&nbsp;&nbsp;{{ form.startDevTime }}</div>
-          <div class="divide-threeparts">创建时间 :&nbsp;&nbsp;&nbsp;{{ form.gmtCreate }}</div>
-          <div class="divide-threeparts">提交测试时间 :&nbsp;&nbsp;&nbsp;{{ form.waitTestTime }}</div>
-        </div>
-        <div class="display-messege">
-          <div class="divide-threeparts">是否过夜 :&nbsp;&nbsp;&nbsp;{{ form.overNigte }}</div>
-          <div class="divide-threeparts">修复时间 :&nbsp;&nbsp;&nbsp;{{ form.finishTime }}</div>
-          <div class="divide-threeparts">修复时长 :&nbsp;&nbsp;&nbsp;{{ form.fixTime }}</div>
-        </div>
-        <div class="display-messege-end">
-          <div class="divide-threeparts">reopen次数 :&nbsp;&nbsp;&nbsp;{{ form.reopenTimes }}</div>
-          <div class="divide-threeparts">reopen原因 :&nbsp;&nbsp;&nbsp;{{ form.reopenReason }}</div>
-        </div>
-      </div>
-      <div class="block-end">
-        <div class="display-messege">
-          <div class="divide-threeparts">机型 :&nbsp;&nbsp;&nbsp;{{ form.model }}</div>
-          <div class="divide-threeparts">地图类型 :&nbsp;&nbsp;&nbsp;{{ form.mapType }}</div>
-          <div class="divide-threeparts">os类型 :&nbsp;&nbsp;&nbsp;{{ form.osType }}</div>
-        </div>
-        <div class="display-messege">
-          <div class="divide-threeparts">地图版本号 :&nbsp;&nbsp;&nbsp;{{ form.mapVersion }}</div>
-          <div class="divide-threeparts">网络类型 :&nbsp;&nbsp;&nbsp;{{ form.networkType }}</div>
-          <div class="divide-threeparts">SDK版本 :&nbsp;&nbsp;&nbsp;{{ form.sdkVersion }}</div>
-        </div>
-        <div class="display-messege">
-          <div class="divide-threeparts">app版本号 :&nbsp;&nbsp;&nbsp;{{ form.appVersion }}</div>
-          <div class="divide-threeparts">修复结果 :&nbsp;&nbsp;&nbsp;{{ repairResult }}</div>
-          <div class="divide-threeparts">修复方式 :&nbsp;&nbsp;&nbsp;{{ reasonsAndSolutionForTheProblem }}</div>
-        </div>
-        <div class="display-messege-end">
-          <span style="white-space:nowrap">备注 :&nbsp;&nbsp;&nbsp;</span><div id="specialPAnother" class="add-border" v-html="form.remark" />
-        </div>
-      </div>
-      <div class="block-end cla">
-        <div class="display-messege">
-          附件 :
-          <el-upload
-            ref="upload"
-            class="upload-demo"
-            list-type="picture-card"
-            multiple
-            :on-remove="handleRemove"
-            :on-preview="handlePictureCardPreview"
-            accept="image/jpeg, image/png, image/gif, audio/mp4, video/mp4, audio/mpeg, application/vnd.ms-excel"
-            :file-list="fileList"
-            action="http://star.xiaojukeji.com/upload/img.node"
-            :on-success="handleChange"
-          >
-            <el-button slot="trigger" size="small" type="primary">上传附件</el-button>
-          </el-upload>
-          <el-dialog :visible.sync="dialogVisible" width="80%">
-            <img width="100%" :src="dialogImageUrl" alt="图片加载失败···">
-          </el-dialog>
-        </div>
-      </div>
-    </el-form>
-    <el-dialog :visible.sync="dialogInDevelopment" width="40%" @close="cancelInput()">
-      <el-form ref="refeshDevelopmentDialog" :model="pauseData" :rules="serviceDataRules">
-        <el-form-item label="开发RD" prop="pauseCurrentHandler" label-width="30%">
-          <el-select v-model="pauseData.pauseCurrentHandler" multiple filterable placeholder="公司邮箱前缀" style="width:76%;" @visible-change="realTimeChange">
-            <el-option
-              v-for="item in optionsCurrentHandlerRD"
-              :key="item.id"
-              :label="item.name"
-              :value="item.email"
-            />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogInDevelopment = false">取 消</el-button>
-        <el-button type="primary" @click="queryFormData">确 定</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog :visible.sync="dialogWaitTest" width="40%" @close="cancelInput()">
-      <el-form ref="refeshWaitTestDialog" :model="pauseData" :rules="serviceDataRules">
-        <el-form-item label="验收QA" prop="pauseCurrentHandler" label-width="30%">
-          <el-select v-model="pauseData.pauseCurrentHandler" multiple filterable placeholder="公司邮箱前缀" style="width:76%;" @visible-change="realTimeChange">
-            <el-option
-              v-for="item in optionsCurrentHandlerQA"
-              :key="item.id"
-              :label="item.name"
-              :value="item.email"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item style="flex-grow:1" label="问题原因" prop="reasonPause" label-width="30%">
-          <el-select v-model="pauseData.reasonPause" placeholder="问题原因" style="width:76%;">
-            <el-option v-for="item in reasonStr" :key="item.name" :label="item.name" :value="item.code" />
-          </el-select>
-        </el-form-item>
-        <el-form-item style="flex-grow:1" label="bug类型" prop="bugTypePause" label-width="30%">
-          <el-select v-model="pauseData.bugTypePause" placeholder="bug类型" style="width:76%;">
-            <el-option v-for="item in bugTypeStr" :key="item.code" :label="item.name" :value="item.code" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="修复方式" label-width="30%"><el-input v-model="pauseData.pauseReasonsAndSolutionForTheProblem" type="textarea" autocomplete="off" rows="3" style="width:76%;" /></el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogWaitTest = false">取 消</el-button>
-        <el-button type="primary" @click="queryFormDataTest">确 定</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog :visible.sync="dialogInRepairResult" width="40%">
-      <el-form ref="refeshResultDialog" :model="pauseData" :rules="serviceDataRules">
-        <el-form-item label="修复结果" prop="pauseRepairResult" label-width="30%">
-          <el-select v-model="pauseData.pauseRepairResult" placeholder="修复结果" style="width:76%;">
-            <el-option v-for="item in repairStr" :key="item.name" :label="item.name" :value="item.code" />
-          </el-select>
-        </el-form-item>
-        <el-form-item v-show="pauseData.pauseRepairResult === 2 || pauseData.pauseRepairResult === 5" label="原因" label-width="30%"><el-input v-model="formUpdateValue.notFixReason" type="textarea" autocomplete="off" rows="3" style="width:76%;" /></el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogInRepairResult = false">取 消</el-button>
-        <el-button type="primary" @click="queryFormDataRepair">确 定</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog :visible.sync="dialogInReopen" width="40%">
-      <el-form ref="refeshReopenDialog" :model="pauseData" :rules="serviceDataRules">
-        <el-form-item label="reopen原因" prop="pauseReopenReason" label-width="30%">
-          <el-input v-model="pauseData.pauseReopenReason" type="textarea" autocomplete="off" rows="3" style="width:76%;" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogInReopen = false">取 消</el-button>
-        <el-button type="primary" @click="queryFormDataReopen">确 定</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { bugGetEnum, bugUpdate, bugGet } from '@/api/defectManage'
-import { teamMembers } from '@/api/projectPage'
-import axios from 'axios'
-
-export default {
-  data() {
-    return {
-      form: {
-        id: ''
-      },
-      fileList: [],
-      dialogInReopen: false,
-      uptataKey: [],
-      formUpdateValue: {},
-      dialogVisible: false,
-      dialogImageUrl: [],
-      pauseData: {
-        reasonPause: '',
-        bugTypePause: '',
-        pauseCurrentHandler: '',
-        pauseRepairResult: '',
-        pauseReasonsAndSolutionForTheProblem: '',
-        pauseReopenReason: ''
-      },
-      serviceDataRules: {
-        pauseCurrentHandler: [{ required: true, message: '处理人不能为空', trigger: 'blur' }],
-        reasonPause: [{ required: true, message: '问题原因不能为空', trigger: 'change' }],
-        bugTypePause: [{ required: true, message: 'bug类型不能为空', trigger: 'change' }],
-        pauseRepairResult: [{ required: true, message: '修复结果不能为空', trigger: 'change' }],
-        pauseReopenReason: [{ required: true, message: 'reopen原因不能为空', trigger: 'change' }]
-        // pauseReasonsAndSolutionForTheProblem: [{ required: true, message: '修复方式不能为空', trigger: 'change' }]
-      },
-      bizId: '',
-      optionsCurrentHandlerQA: [],
-      optionsCurrentHandlerRD: [],
-      currentHandler: '',
-      formLabelWidth: '5.1%',
-      twoLable: '20%',
-      bugLevelStr: [],
-      bugStatusStr: [],
-      repairStr: [],
-      repairResult: '',
-      reasonsAndSolutionForTheProblem: '',
-      userData: '',
-      bugTypeStr: [],
-      reasonStr: [],
-      reason: [],
-      bugType: [],
-      bizIdEnumList: [],
-      userInformation: localStorage.getItem('username'),
-      userNames: localStorage.getItem('realname'),
-      dialogInDevelopment: false,
-      dialogWaitTest: false,
-      dialogInRepairResult: false,
-      fileDbList: []
-    }
-  },
-  created() {
-    this._initBegin()
-    // this.getLocalStor()
-  },
-  methods: {
-    handleRemove(file, fileList) {
-      this.fileDbList = this.fileDbList.filter(item => {
-        return item.name !== file.name
-      })
-      this.accessory = JSON.stringify(this.fileDbList)
-      this.createFormData()
-    },
-    handlePictureCardPreview(file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
-    },
-    handleChange(response, file, fileList) {
-      this.fileDbList.push({ 'name': file.name, 'url': 'http:' + file.response.url })
-      this.accessory = JSON.stringify(this.fileDbList)
-      this.$message({ showClose: true, message: '文件上传成功', type: 'success' })
-      this.createFormData()
-    },
-    createFormData() {
-      var form = {
-        id: this.$route.query.id,
-        accessory: this.accessory
-      }
-      this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-      this.objData = { bugBaseInfo: form, user: this.userData }
-      bugUpdate(this.objData).then(res => {
-        res.code === 200 ? this.successFun() : this.errorFun()
-      })
-    },
-    // 先后获取
-    async _initBegin() {
-      await bugGetEnum().then(res => {
-        this.bugStatusStr = res.data.bugEnumList
-        this.bugLevelStr = res.data.priorityEnumList
-        this.bizIdEnumList = res.data.bizIdEnumList
-        this.bugTypeStr = res.data.bugTypeEnumList
-        this.reasonStr = res.data.reasonEnumList
-        this.repairStr = res.data.repairResultEnumList
-      })
-      bugGet(this.$route.query.id).then(res => {
-        this.form = res.data
-        this.$nextTick(() => {
-          if (document.getElementById('specialP').childNodes[0])document.getElementById('specialP').childNodes[0].style.cssText = 'margin-top:0'
-          if (document.getElementById('specialPAnother').childNodes[0])document.getElementById('specialPAnother').childNodes[0].style.cssText = 'margin-top:0'
-        })
-        this.fileList = []
-        var str = res.data.accessory
-        if (str !== '' && str !== null) {
-          var obj = JSON.parse(str.split('{}')[0])
-          for (var a of obj) {
-            this.fileList.push(a)
-            this.fileDbList.push(a)
-          }
-        }
-        for (const a of this.bizIdEnumList) {
-          if (this.form.bizId === a.code) {
-            this.bizId = this.form.bizName
-            this.currentHandler = this.form.currentHandlerList
-            this.repairResult = this.form.repairResultName
-            this.reason = this.form.reason
-            this.bugType = this.form.bugTypeName
-            this.reasonsAndSolutionForTheProblem = this.form.reasonsAndSolutionForTheProblem
-            return
-          } else {
-            this.bizId = ''
-          }
-        }
-      })
-    },
-    priorityChange() {
-      this.formUpdateValue.currentHandler = this.form.currentHandler
-      this.formUpdateValue.id = this.form.id
-      this.formUpdateValue.priority = this.form.priority
-      this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-      this.objData = { bugBaseInfo: this.formUpdateValue, user: this.userData }
-      bugUpdate(this.objData).then(res => {
-        if (res.code === 200) {
-          this.successFun()
-          if (this.$refs.refeshDevelopmentDialog !== undefined) {
-            this.$refs.refeshDevelopmentDialog.resetFields()
-          }
-        } else {
-          this.errorFun()
-        }
-        this.formUpdateValue = {}
-      })
-    },
-    // 弹窗关闭时重置
-    cancelInput() {
-      this.pauseData.pauseCurrentHandler = ''
-    },
-    // reopen弹窗
-    queryFormDataReopen() {
-      this.$refs.refeshReopenDialog.validate((valid) => {
-        if (valid) {
-          this.formUpdateValue.currentHandler = this.form.currentHandler
-          this.formUpdateValue.id = this.form.id
-          this.formUpdateValue.status = this.form.status
-          this.formUpdateValue.reopenReason = this.pauseData.pauseReopenReason
-          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-          this.objData = { bugBaseInfo: this.formUpdateValue, user: this.userData }
-          bugUpdate(this.objData).then(res => {
-            if (res.code === 200) {
-              this.successFun()
-              this._initBegin()
-              if (this.$refs.refeshReopenDialog !== undefined) {
-                this.$refs.refeshReopenDialog.resetFields()
-              }
-            } else {
-              this.errorFun()
-            }
-          })
-          this.dialogInReopen = false
-          this.formUpdateValue = {}
-        }
-      })
-    },
-    statusChange(e) {
-      if (e === 1) {
-        this.dialogInDevelopment = true
-        this.getMember() // 人员搜索
-        this.pauseData.pauseCurrentHandler = this.form.assigner.split(',')
-      } else if (e === 2) {
-        this.dialogWaitTest = true
-        this.getMember() // 人员搜索
-        this.pauseData.pauseCurrentHandler = this.form.creator.split(',')
-        this.pauseData.bugTypePause = this.form.bugType
-      } else if (e === 3) {
-        this.dialogInRepairResult = true
-      } else if (e === 4) {
-        this.dialogInReopen = true
-      } else {
-        this.formUpdateValue.currentHandler = this.form.currentHandler
-        this.formUpdateValue.id = this.form.id
-        this.formUpdateValue.status = this.form.status
-        this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-        this.objData = { bugBaseInfo: this.formUpdateValue, user: this.userData }
-        bugUpdate(this.objData).then(res => {
-          if (res.code === 200) {
-            this.successFun()
-            this._initBegin()
-            if (this.$refs.refeshDevelopmentDialog !== undefined) {
-              this.$refs.refeshDevelopmentDialog.resetFields()
-            }
-          } else {
-            this.errorFun()
-          }
-        })
-        this.formUpdateValue = {}
-      }
-    },
-    // 点击一次更新一次
-    realTimeChange(e) {
-      if (e === true) this.getMember()
-    },
-    // 人员搜索
-    getMember() {
-      const objDataRD = { bizId: this.form.bizId, email: '', role: 'rd' }
-      const objDataQA = { bizId: this.form.bizId, email: '', role: 'qa' }
-      axios.all([teamMembers(objDataRD), teamMembers(objDataQA)]).then(axios.spread((resRD, resQA) => {
-        if (resRD.code === 200 && resQA.code === 200) {
-          this.optionsCurrentHandlerRD = resRD.data
-          this.optionsCurrentHandlerQA = resQA.data
-        } else {
-          this.errorFun('人员数据获取失败')
-        }
-      }))
-    },
-    queryFormData() {
-      this.$refs.refeshDevelopmentDialog.validate((valid) => {
-        if (valid) {
-          if (this.dialogWaitTest || this.dialogInDevelopment) {
-            this.form.currentHandler = this.pauseData.pauseCurrentHandler.join(',')
-          }
-          this.formUpdateValue.currentHandler = this.form.currentHandler
-          this.formUpdateValue.id = this.form.id
-          this.formUpdateValue.status = this.form.status
-          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-          this.objData = { bugBaseInfo: this.formUpdateValue, user: this.userData }
-          bugUpdate(this.objData).then(res => {
-            if (res.code === 200) {
-              this.successFun()
-              this._initBegin()
-              if (this.$refs.refeshDevelopmentDialog !== undefined) {
-                this.$refs.refeshDevelopmentDialog.resetFields()
-              }
-            } else {
-              this.errorFun()
-            }
-            this.dialogInDevelopment = false
-            this.formUpdateValue = {}
-          })
-        }
-      })
-    },
-    queryFormDataTest() {
-      this.$refs.refeshWaitTestDialog.validate((valid) => {
-        if (valid) {
-          if (this.dialogWaitTest || this.dialogInDevelopment) {
-            this.form.currentHandler = this.pauseData.pauseCurrentHandler.join(',')
-            this.form.reason = this.pauseData.reasonPause
-            this.form.bugType = this.pauseData.bugTypePause
-          }
-          this.formUpdateValue.currentHandler = this.form.currentHandler
-          this.formUpdateValue.id = this.form.id
-          this.formUpdateValue.status = this.form.status
-          this.formUpdateValue.reason = this.pauseData.reasonPause
-          this.formUpdateValue.bugType = this.pauseData.bugTypePause
-          this.formUpdateValue.reasonsAndSolutionForTheProblem = this.pauseData.pauseReasonsAndSolutionForTheProblem
-          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-          this.objData = { bugBaseInfo: this.formUpdateValue, user: this.userData }
-          bugUpdate(this.objData).then(res => {
-            if (res.code === 200) {
-              this.successFun()
-              this._initBegin()
-              this.form.reasomName = this.reasonStr.filter(value => value.code === this.pauseData.reasonPause)[0].name
-              this.bugType = this.bugTypeStr.filter(value => value.code === this.pauseData.bugTypePause)[0].name
-              this.reasonsAndSolutionForTheProblem = this.form.reasonsAndSolutionForTheProblem
-              if (this.$refs.refeshWaitTestDialog !== undefined) {
-                this.$refs.refeshWaitTestDialog.resetFields()
-              }
-            } else {
-              this.errorFun()
-            }
-            this.dialogWaitTest = false
-            this.formUpdateValue = {}
-          })
-        }
-      })
-    },
-    queryFormDataRepair() {
-      this.$refs.refeshResultDialog.validate((valid) => {
-        if (valid) {
-          if (this.dialogInRepairResult) {
-            this.form.repairResult = this.pauseData.pauseRepairResult
-          }
-          this.formUpdateValue.currentHandler = this.form.currentHandler
-          this.formUpdateValue.id = this.form.id
-          this.formUpdateValue.status = this.form.status
-          this.formUpdateValue.repairResult = this.form.repairResult
-          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-          this.objData = { bugBaseInfo: this.formUpdateValue, user: this.userData }
-          bugUpdate(this.objData).then(res => {
-            if (res.code === 200) {
-              this.successFun()
-              this._initBegin()
-              this.repairResult = this.form.repairResult
-              if (this.$refs.refeshResultDialog !== undefined) {
-                this.$refs.refeshResultDialog.resetFields()
-              }
-            } else {
-              this.errorFun()
-            }
-            this.dialogInRepairResult = false
-            this.formUpdateValue = {}
-          })
-        }
-      })
-    },
-    enterUpdate() {
-      this.$router.push({ name: '更新Bug', params: { formData: this.form }, query: { id: this.form.id }})
-    },
-    successFun() {
-      this.$notify({ title: 'Success', message: 'Update Successfully', type: 'success', duration: 2000 })
-    },
-    errorFun() {
-      this.$notify({ title: 'Failed', message: 'Update Failed', type: 'error', duration: 2000 })
-    }
-  }
-}
-</script>
-
-<style>
- .cla .el-table td {
-    padding:0px;
-  }
-</style>
-
-<style lang="stylus" scoped>
-  .set-background
-    background-color #F2F3F6
-    display flex
-    justify-content center
-    .block
-      background-color rgba(255,255,255,1)
-      box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
-      border-radius 7px
-      width 82vw
-      margin-top 25px
-      padding 29px 50px
-    .block >>> .el-form-item__content
-      margin-left 0 !important
-    .display-messege
-      font-size 14px
-      font-family PingFangSC-Regular,PingFangSC
-      font-weight 400
-      color rgba(51,59,74,1)
-      display flex
-      width 100%
-      margin-bottom 40px
-      .add-border
-      .add-border >>> table
-        border-collapse collapse
-      .add-border >>> table tr td
-         border solid 1px black
-      .add-border >>> table tr th
-         border solid 1px black
-    .display-messege-end
-      font-size 14px
-      font-family PingFangSC-Regular,PingFangSC
-      font-weight 400
-      color rgba(51,59,74,1)
-      display flex
-      width 100%
-      .add-border
-      .add-border >>> table
-        border-collapse collapse
-      .add-border >>> table tr td
-         border solid 1px black
-      .add-border >>> table tr th
-         border solid 1px black
-    .divide-threeparts
-      width 33.3%
-      white-space pre-wrap
-      word-wrap break-word
-      padding-right 30px
-      span
-        white-space nowrap
-    .block-end
-      background-color rgba(255,255,255,1)
-      box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
-      border-radius 7px
-      width 82vw
-      margin-top 25px
-      padding 29px 50px
-      margin-bottom 22px
-      .wrap
-        display flex
-        flex-wrap wrap
-      .wrap >>> .el-form-item__content
-        width 250px
-        display block
-        word-break break-all
-        word-wrap break-word
-      // .remark-length >>> .el-form-item__content
-      //   width 450px
-      //   display block
-      //   word-break break-all
-      //   word-wrap break-word
-</style>

src/views/projectManage/bugManage/bugUpdate.vue

@@ -1,534 +0,0 @@
-<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="112px"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:89.6%;" /></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.code" :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="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="clearModule" 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描述" label-width="112px">
-            <div id="wangeditorDescribe" class="force-height" style="margin-bottom:22px;width:89.6%;" />
-          </el-form-item>
-          <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%;" @visible-change="realTimeChange">
-                <el-option
-                  v-for="item in optionsCurrentHandler"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.email"
-                />
-              </el-select>
-            </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%;" @visible-change="realTimeChange">
-                <el-option
-                  v-for="item in optionsAssigner"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.email"
-                />
-              </el-select>
-            </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': form.creatorList === userNames,'line-between-add':form.creatorList !== userNames}">
-            <el-form-item label="app版本号" label-width="124px">
-              <el-input v-show="platFormApp" v-model="form.appVersion" autocomplete="off" style="width:76%;" />
-              <el-select v-show="!platFormApp" v-model="form.appVersionList" multiple filterable style="width:76%;">
-                <el-option v-for="item in platFormAppStr" :key="item.name" :label="item.name" :value="item.name" />
-              </el-select>
-            </el-form-item>
-            <el-form-item v-if="form.creatorList === userNames" label="等待测试时间" label-width="147px">
-              <el-date-picker
-                v-model="form.waitTestTime"
-                style="width:76%;"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                type="datetime"
-                clearable
-              />
-            </el-form-item>
-          </div>
-          <div class="line-between-add">
-            <el-form-item v-if="form.creatorList === userNames" label="完成时间" label-width="124px">
-              <el-date-picker
-                v-model="form.finishTime"
-                style="width:76%;"
-                placeholder="选择日期"
-                type="datetime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                clearable
-              />
-            </el-form-item>
-            <el-form-item v-if="form.creatorList === userNames" label="开始开发时间" label-width="147px">
-              <el-date-picker
-                v-model="form.startDevTime"
-                style="width:76%;"
-                placeholder="选择日期"
-                type="datetime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                clearable
-              />
-            </el-form-item>
-          </div>
-        </div>
-      </div>
-      <div class="block-end">
-        <div class="font">备注</div>
-        <div id="wangeditorRemark" class="force-height" style="margin: 20px 0;width:98%;" />
-        <div>
-          <el-upload
-            ref="upload"
-            class="upload-demo"
-            list-type="picture-card"
-            multiple
-            :on-remove="handleRemove"
-            :on-preview="handlePictureCardPreview"
-            accept="image/jpeg, image/png, image/gif, audio/mp4, video/mp4, audio/mpeg, application/vnd.ms-excel"
-            :file-list="fileList"
-            action="http://star.xiaojukeji.com/upload/img.node"
-            :on-success="handleChange"
-          >
-            <el-button slot="trigger" size="small" type="primary" @click="dis = true">上传附件</el-button>
-          </el-upload>
-        </div>
-        <el-dialog :visible.sync="dialogVisible" width="80%">
-          <img width="100%" :src="dialogImageUrl" alt="图片加载失败···">
-        </el-dialog>
-        <el-form-item class="submit">
-          <el-button :disabled="dis" 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>
-    </el-form>
-  </div>
-</template>
-
-<script>
-import { bugGetEnum, taskListCreate, bugUpdate, bugGet } from '@/api/defectManage'
-import { projectGetTypeMap, teamMembers, appDataGet } from '@/api/projectPage'
-import axios from 'axios'
-import E from 'wangeditor'
-
-export default {
-  data() {
-    return {
-      form: {
-        id: '',
-        bizId: '',
-        taskId: '',
-        platformType: '',
-        clientType: '',
-        bugDescribe: '',
-        remark: '',
-        // creator: '',
-        currentHandler: [],
-        assigner: '',
-        appVersionList: []
-      },
-      platFormApp: true,
-      optionsAssigner: [],
-      optionsCurrentHandler: [],
-      businessTypeStr: [],
-      taskIdStr: '',
-      dialogImageUrl: '',
-      dialogVisible: false,
-      platformTypeStr: [],
-      bugTypeStr: [],
-      platFormAppStr: [],
-      discoveryMethodStr: [],
-      reasonStr: [],
-      bugStatusStr: [],
-      moduleStr: [],
-      stageStr: [],
-      fileList: [],
-      serviceTypeEnumList: [],
-      clientTypeEnumList: [],
-      bugLevelStr: [],
-      bizOptions: [],
-      serviceDataRules: {
-        bugName: [{ required: true, message: '标题不能为空', trigger: 'change' }],
-        bizId: [{ required: true, message: '业务线不能为空', trigger: 'change' }],
-        taskId: [{ required: true, message: '任务不能为空', trigger: 'change' }],
-        moduleId: [{ required: true, message: '工程模块不能为空', 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' }]
-      },
-      userData: '',
-      formLabelWidth1: '22%',
-      businessTypeShow: false,
-      moduleTypeShow: false,
-      userInformation: localStorage.getItem('username'),
-      userNames: localStorage.getItem('realname'),
-      accessory: '',
-      dis: false,
-      fileDbList: []
-    }
-  },
-  created() {
-    this._initBegin()
-    this.taskIdGet()
-  },
-  methods: {
-    // 图片预览
-    handlePictureCardPreview(file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
-    },
-    handleRemove(file, fileList) {
-      this.fileDbList = this.fileDbList.filter(item => {
-        return item.name !== file.name
-      })
-      this.accessory = JSON.stringify(this.fileDbList)
-    },
-    // 成功回调
-    handleChange(response, file, fileList) {
-      this.fileDbList.push({ 'name': file.name, 'url': 'http:' + file.response.url })
-      this.accessory = JSON.stringify(this.fileDbList)
-      this.dis = false
-      this.$message({ showClose: true, message: '文件上传成功', type: 'success' })
-    },
-    async _initBegin() {
-      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 projectGetTypeMap().then(res => {
-        if (res.code === 200) {
-          this.bizOptions = res.data
-        } else {
-          this.errorFun(res.msg)
-        }
-      })
-      await bugGet(this.$route.query.id).then(res => {
-        this.form = res.data
-        this.form.bugDescribe = res.data.bugDescribe
-        const editorDescribe = new E('#wangeditorDescribe')
-        editorDescribe.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table', 'foreColor']
-        editorDescribe.customConfig.onchange = (html) => {
-          this.form.bugDescribe = html
-        }
-        editorDescribe.create()
-        editorDescribe.txt.html(this.form.bugDescribe)
-        this.form.remark = res.data.remark
-        const editorRemark = new E('#wangeditorRemark')
-        editorRemark.customConfig.menus = ['bold', 'italic', 'underline', 'link', 'list', 'justify', 'table', 'foreColor']
-        editorRemark.customConfig.onchange = (html) => {
-          this.form.remark = html
-        }
-        editorRemark.create()
-        editorRemark.txt.html(this.form.remark)
-        this.accessory = res.data.accessory
-        var str = res.data.accessory
-        if (str !== '') {
-          var obj = JSON.parse(str.split('{}')[0])
-          obj.map(item => {
-            this.fileList.push(item)
-            this.fileDbList.push(item)
-          })
-        }
-        this.platformTypeStr = this.bizOptions.filter(value => value.code === this.form.bizId)[0].child
-        if (this.form.clientType) {
-          this.businessTypeShow = true
-          this.businessTypeStr = this.platformTypeStr.filter(value => value.code === this.form.platformType)[0].child
-          if (this.form.moduleId) {
-            this.moduleTypeShow = true
-            this.moduleStr = this.businessTypeStr.filter(value => value.code === this.form.clientType)[0].child
-          }
-        }
-        this.getMember() // 保证bizId存在
-        if (this.form.assigner) {
-          this.form.assigner = this.form.assigner.split(',')
-        }
-        if (this.form.currentHandler) {
-          this.form.currentHandler = this.form.currentHandler.split(',')
-        }
-      })
-      await this.appGet()
-      if (!this.platFormApp) {
-        // console.log(this.form.appVersion)
-        this.form.appVersionList = this.form.appVersion.split(',')
-      }
-    },
-    // 获取任务数据
-    taskIdGet() {
-      taskListCreate({}).then(res => {
-        this.taskIdStr = res.data
-      })
-    },
-    // 业务线取子数据
-    clickChangePlatform(e) {
-      this.platformTypeStr = this.bizOptions.filter(value => value.code === e)[0].child
-      this.businessTypeStr = []
-      this.moduleStr = []
-      this.platFormApp = true
-      this.$set(this.form, 'platformType', '')
-      this.$set(this.form, 'clientType', '')
-      this.$set(this.form, 'moduleId', '')
-      this.$set(this.form, 'currentHandler', [])
-      this.$set(this.form, 'assigner', [])
-      this.getMember() // 保证bizId存在
-    },
-    // 接口不接受空值处理
-    emptyJudge(obj) {
-      for (const key in obj) {
-        if (obj[key] === '' || obj[key].length === 0) {
-          delete obj[key]
-        }
-      }
-    },
-    // 版本号获取
-    appGet() {
-      const sendData = { name: 'appVersion', bizId: this.form.bizId, plateId: this.form.platformType, clientId: this.form.clientType }
-      this.emptyJudge(sendData)
-      return appDataGet(sendData).then(res => {
-        // console.log(res.data[0].content.substring(2, res.data[0].content.length - 2).split(','))
-        if (res.data === null) {
-          this.platFormApp = true
-          return
-        }
-        const newRxp = res.data[0].content.replace(/\"|\{|\}/g, '').split(',').map(eachData => ({
-          name: eachData
-        }))
-        // this.form.appVersionList = []
-        this.$set(this.form, 'appVersionList', [])
-        this.platFormAppStr = newRxp
-        this.platFormApp = false
-      })
-    },
-    // 业务线取子数据
-    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.appGet()
-      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.appGet()
-      this.$set(this.form, 'moduleId', '')
-    },
-    // 点击一次更新一次
-    realTimeChange(e) {
-      if (e === true) this.getMember()
-    },
-    // 人员搜索
-    getMember() {
-      const objDataAssigner = { bizId: this.form.bizId, email: '', role: 'rd' }
-      const objDataAssignerPM = { bizId: this.form.bizId, email: '', role: 'pm' }
-      const objDataCurrentHandler = { bizId: this.form.bizId, email: '' }
-      axios.all([teamMembers(objDataAssignerPM), teamMembers(objDataAssigner), teamMembers(objDataCurrentHandler)]).then(axios.spread((resAssignerPM, resAssigner, resCurrentHandler) => {
-        if (resAssignerPM.code === 200 && resAssigner.code === 200 && resCurrentHandler.code === 200) {
-          this.optionsAssigner = [...resAssigner.data, ...resAssignerPM.data]
-          this.optionsCurrentHandler = resCurrentHandler.data
-        } else {
-          this.errorFun('人员数据获取失败')
-        }
-      }))
-    },
-    // 提交表单并且返回刷新
-    createFormData(form) {
-      this.$refs.form.validate((valid) => {
-        if (valid) {
-          if (form.assigner) {
-            form.assigner = form.assigner.join(',')
-          }
-          if (form.currentHandler) {
-            form.currentHandler = form.currentHandler.join(',')
-          }
-          if (this.platFormApp) {
-            delete this.form.appVersionList
-          } else {
-            this.form.appVersion = this.form.appVersionList.join(',')
-            delete this.form.appVersionList
-          }
-          form.accessory = this.accessory
-          this.userData = { id: '', ename: this.userInformation, name: this.userNames }
-          this.objData = { bugBaseInfo: form, user: this.userData }
-          bugUpdate(this.objData).then(res => {
-            res.code === 200 ? this.successFun() : this.errorFun(res.msg)
-            this.$router.go(-1)
-          })
-        }
-      })
-    },
-    successFun() {
-      this.$notify({ title: 'Success', message: 'Updated Successfully', type: 'success', duration: 2000 })
-    },
-    errorFun(msg) {
-      this.$notify({ title: 'Failed', message: msg, type: 'error', duration: 2000 })
-    }
-  }
-}
-</script>
-<style>
-  .deleteSty {
-    cursor: pointer;
-    border: none;
-  }
-</style>
-
-<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 82vw
-      margin-top 25px
-      padding 29px 50px 10px 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
-      .force-height >>> .w-e-text-container
-        height auto !important
-        min-height 110px !important
-        z-index 0 !important
-      .force-height >>> .w-e-toolbar .w-e-menu
-        position relative
-        z-index 0 !important
-      .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 82vw
-      margin-top 25px
-      padding 29px 50px
-      margin-bottom 22px
-    .force-height >>> .w-e-text-container
-      height auto !important
-      min-height 110px !important
-      z-index 0 !important
-    .force-height >>> .w-e-toolbar .w-e-menu
-      position relative
-      z-index 0 !important
-    .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>