|
@@ -1,255 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="Parent">
|
|
|
- <el-drawer
|
|
|
- style="margin-top: 80px;margin-left: 45%; width: 55%;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)"
|
|
|
- :title="'BUG-' + bugQuery.id"
|
|
|
- size="100%"
|
|
|
- :visible.sync="drawerShow"
|
|
|
- :modal="false"
|
|
|
- :with-header="false"
|
|
|
- :before-close="handleClose"
|
|
|
- :show-close="true"
|
|
|
- :wrapper-closable="false"
|
|
|
- >
|
|
|
- <div style="margin: 3%;">
|
|
|
- <div class="Layout">
|
|
|
- <span>
|
|
|
- <span style="font-weight: 600; font-size: 22px; vertical-align: middle;">{{ 'BUG-' + bugQuery.id }}</span>
|
|
|
- <el-dropdown placement="bottom" style="margin-left: 10px;">
|
|
|
- <el-button size="mini" plain>
|
|
|
- 未开始<i class="el-icon-arrow-down el-icon--right" />
|
|
|
- </el-button>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item>新建需求</el-dropdown-item>
|
|
|
- <el-dropdown-item>新建任务</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- </span>
|
|
|
- <span class="Layout" style="width: 100px;">
|
|
|
- <el-dropdown placement="bottom">
|
|
|
- <el-button size="mini" plain> ··· </el-button>
|
|
|
- <el-dropdown-menu slot="dropdown" style="text-align: center;">
|
|
|
- <el-dropdown-item @click.native="getToDetails()">查看详情</el-dropdown-item>
|
|
|
- <el-dropdown-item @click.native="bugDialogVisible = true">删除</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- <i class="el-icon-close" style="cursor: pointer;" @click="handleClose" />
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div style="margin: 3% 0%; font-weight: 600; font-size: 30px;">{{ bugQuery.bugName }}</div>
|
|
|
- <div style="height: 570px; overflow:scroll;">
|
|
|
- <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />详情</div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-divider style="color: #EEF0F5;" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form label-position="left" label-width="100px" :model="bugQuery" style="display:flex;" class="forms">
|
|
|
- <span style="flex:1;">
|
|
|
- <el-form-item label="所属任务:">{{ bugQuery.taskName }}</el-form-item>
|
|
|
- <el-form-item label="优先级:">{{ bugQuery.priorityName }}</el-form-item>
|
|
|
- <el-form-item label="所属模块:">{{ bugQuery.clientName }}</el-form-item>
|
|
|
- <el-form-item label="发现方式:">{{ bugQuery.discoveryMethodName }}</el-form-item>
|
|
|
- <el-form-item label="缺陷原因:">{{ bugQuery.reasomName }}</el-form-item>
|
|
|
- <el-form-item label="Reopen次数:">{{ bugQuery.reopenTimes }}</el-form-item>
|
|
|
- </span>
|
|
|
- <span style="flex:1;">
|
|
|
- <el-form-item label="端类型:">{{ bugQuery.platformTypeName }}</el-form-item>
|
|
|
- <el-form-item label="缺陷等级:">{{ bugQuery.priority }}</el-form-item>
|
|
|
- <el-form-item label="发现阶段:">{{ bugQuery.stageName }}</el-form-item>
|
|
|
- <el-form-item label="缺陷类型:">{{ bugQuery.bugTypeName }}</el-form-item>
|
|
|
- <el-form-item label="修复结果:">{{ bugQuery.repairResult }}</el-form-item>
|
|
|
- </span>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />客户端信息</div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-divider style="color: #EEF0F5;" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form label-position="left" label-width="100px" :model="bugQuery" class="Layout forms">
|
|
|
- <span style="width:50%; margin-right: 3%;">
|
|
|
- <el-form-item label="客户端:">{{ bugQuery.appId }}</el-form-item>
|
|
|
- <el-form-item label="机型:">{{ bugQuery.osType }}</el-form-item>
|
|
|
- <el-form-item label="网络:">{{ bugQuery.networkType }}</el-form-item>
|
|
|
- </span>
|
|
|
- <span style="width:50%; margin-left: 3%;">
|
|
|
- <el-form-item label="影响版本:">{{ bugQuery.discoveryMethodName }}</el-form-item>
|
|
|
- <el-form-item label="系统版本:">{{ bugQuery.sdkVerison }}</el-form-item>
|
|
|
- <el-form-item label="网络:">{{ bugQuery.networkType }}</el-form-item>
|
|
|
- </span>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />用户信息</div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-divider style="color: #EEF0F5;" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form label-position="left" label-width="100px" :model="bugQuery" class="forms">
|
|
|
- <el-form-item label="提报人:">{{ bugQuery.creatorList }}</el-form-item>
|
|
|
- <el-form-item label="责任人:">{{ bugQuery.assignerList }}</el-form-item>
|
|
|
- <el-form-item label="修复人:">{{ bugQuery.currentHandlerList }}</el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />时间</div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-divider style="color: #EEF0F5;" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form label-position="left" label-width="100px" :model="bugQuery" class="forms">
|
|
|
- <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
|
|
|
- <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
|
|
|
- <el-form-item label="修复时长:">{{ bugQuery.osType }}</el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />描述</div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-divider style="color: #EEF0F5;" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- {{ `If I knew it was the last time, I believe I wonldn't Say goodbye with smile. Although all of world is snowing,Although all migratory birds have followed to north. I am waiting for you here all the time until I am dead one day. I really don't know How many days that I can't sleep,only because of you. Come back,Come back to me!Please!` }}
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />附件</div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-divider style="color: #EEF0F5;" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col>
|
|
|
- <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-col>
|
|
|
- </el-row>
|
|
|
- <div class="flex_start dividers"><div class="titIcon" style="margin-right: 1%;" />评论</div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-divider style="color: #EEF0F5;" />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <p v-show="commentShow" style="color:#9B9B9B">还没有评论,快来评论吧!</p>
|
|
|
- <div v-for="(item, value) of commentTxt" :key="value" class="animated bounceInRight">
|
|
|
- <span style="color: #333B4A; font-size:14px;margin-left:1%;">{{ item.commentInfo.name }}</span>
|
|
|
- <span style="color: #9B9B9B; font-size:12px;margin-left:1%;">{{ item.commentInfo.gmtCreater }}</span>
|
|
|
- <p style="color: #333B4A; font-size:14px;margin-left:2%;">{{ item.commentInfo.content }}</p>
|
|
|
- </div>
|
|
|
- <el-input
|
|
|
- v-model="content"
|
|
|
- rows="6"
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入评论内容..."
|
|
|
- show-word-limit
|
|
|
- />
|
|
|
- <p style="text-align: right;">
|
|
|
- <el-button size="mini" type="primary">发表评论</el-button>
|
|
|
- </p>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </el-drawer>
|
|
|
- <el-dialog :visible.sync="bugDialogVisible" width="30%">
|
|
|
- <div class="flex_start" style="font-weight: 600; font-size: 18px; margin-bottom: 11%;"><div class="titIcon" style="margin-right: 1%;" />删除确认</div>
|
|
|
- <div align="center" class="Parent">是否要删除当前缺陷?</div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="bugDialogVisible = false">取 消</el-button>
|
|
|
- <el-button size="small" type="primary" @click="deleceBug">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import '@/views/projectManage/bugList/css/index.css'
|
|
|
-import { bugDelete } from '@/api/defectManage'
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- drawerShow: false,
|
|
|
- commentShow: false,
|
|
|
- dialogVisible: false, // 查看附加
|
|
|
- dialogImageUrl: '', // 附件展示图片
|
|
|
- commentTxt: [], // 评论
|
|
|
- bugQuery: {},
|
|
|
- content: '',
|
|
|
- fileList: [],
|
|
|
- fileDbList: [],
|
|
|
- accessory: [],
|
|
|
- dis: false,
|
|
|
- bugDialogVisible: false, // dialog(bug删除)
|
|
|
- userInformation: localStorage.getItem('username'),
|
|
|
- userNames: localStorage.getItem('realname')
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getToDetails() {
|
|
|
- this.$router.push({ name: '缺陷详情', params: { id: this.bugQuery.id + '' }})
|
|
|
- },
|
|
|
- init(e, ele) {
|
|
|
- this.drawerShow = true
|
|
|
- this.bugQuery = ele
|
|
|
- ele.accessory
|
|
|
- },
|
|
|
- handleClose(done) {
|
|
|
- this.drawerShow = false
|
|
|
- },
|
|
|
- // 文件上传时的钩子
|
|
|
- progress(event, file, fileList) {
|
|
|
- this.dis = true
|
|
|
- },
|
|
|
- handlePictureCardPreview(file) {
|
|
|
- this.dialogImageUrl = file.url
|
|
|
- this.dialogVisible = true
|
|
|
- },
|
|
|
- deleceBug() { // 删除bug
|
|
|
- var user = { name: this.userNames, ename: this.userInformation, id: '' }
|
|
|
- bugDelete(user, this.bugQuery.id).then(res => {
|
|
|
- this.bugDialogVisible = false
|
|
|
- this.drawerShow = false
|
|
|
- this.$message({ message: res.msg, type: 'success', duration: 1000, offset: 150 })
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
- // 上传成功回调
|
|
|
- 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' })
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|