|
@@ -3,7 +3,7 @@
|
|
|
<el-form :model="form">
|
|
|
<div class="block">
|
|
|
<el-form-item label="标题 :" label-width="48px">{{ form.bugName }}</el-form-item>
|
|
|
- <div style="display:flex;">
|
|
|
+ <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" />
|
|
@@ -16,43 +16,59 @@
|
|
|
</el-form-item>
|
|
|
<el-button type="primary" style="height:40px" @click="enterUpdate">编 辑</el-button>
|
|
|
</div>
|
|
|
- <el-form-item label="描述 : " prop="bugDescribe" label-width="48px">{{ form.bugDescribe }}</el-form-item>
|
|
|
- <div class="wrap">
|
|
|
- <el-form-item label="任务 : " label-width="48px" style="margin-right: 30px;">{{ form.projectName }}</el-form-item>
|
|
|
- <el-form-item label="业务线 : " label-width="80px" style="margin-right: 30px;">{{ bizId }}</el-form-item>
|
|
|
- <el-form-item label="平台类型 : " label-width="76px" style="margin-right: 30px;">{{ form.platformTypeName }}</el-form-item>
|
|
|
- <el-form-item label="类型 : " label-width="48px" style="margin-right: 30px;">{{ bugType }}</el-form-item>
|
|
|
- <el-form-item label="业务模块 : " label-width="81px" style="margin-right: 30px;">{{ form.clientName }}</el-form-item>
|
|
|
- <el-form-item label="所处阶段 : " label-width="76px" style="margin-right: 30px;">{{ form.stageName }}</el-form-item>
|
|
|
- <el-form-item label="发现方式 : " label-width="76px" style="margin-right: 30px;">{{ form.discoveryMethodName }}</el-form-item>
|
|
|
- <el-form-item label="问题原因 : " label-width="81px" style="margin-right: 30px;">{{ form.reasomName }}</el-form-item>
|
|
|
- <el-form-item label="工程模块 : " label-width="77px" style="margin-right: 30px;">{{ form.bizModuleName }}</el-form-item>
|
|
|
+ <div class="display-messege">
|
|
|
+ 描述 : {{ form.bugDescribe }}
|
|
|
+ </div>
|
|
|
+ <div class="display-messege">
|
|
|
+ <div class="divide-threeparts">任务 : {{ form.projectName }}</div>
|
|
|
+ <div class="divide-threeparts">业务线 : {{ bizId }}</div>
|
|
|
+ <div class="divide-threeparts">平台类型 : {{ form.platformTypeName }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="display-messege">
|
|
|
+ <div class="divide-threeparts">类型 : {{ bugType }}</div>
|
|
|
+ <div class="divide-threeparts">业务模块 : {{ form.clientName }}</div>
|
|
|
+ <div class="divide-threeparts">所处阶段 : {{ form.stageName }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="display-messege-end">
|
|
|
+ <div class="divide-threeparts">发现方式 : {{ form.discoveryMethodName }}</div>
|
|
|
+ <div class="divide-threeparts">问题原因 : {{ form.reasomName }}</div>
|
|
|
+ <div class="divide-threeparts">工程模块 : {{ form.bizModuleName }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="block">
|
|
|
- <div class="wrap">
|
|
|
- <el-form-item label="创建人 : " label-width="42%">{{ form.creator }}</el-form-item>
|
|
|
- <el-form-item label="bug责任人 : " label-width="36%">{{ form.assigner }}</el-form-item>
|
|
|
- <el-form-item label="当前处理人 : " label-width="36%">{{ currentHandler }}</el-form-item>
|
|
|
- <el-form-item label="开始开发时间 : " label-width="42%">{{ form.startDevTime }}</el-form-item>
|
|
|
- <el-form-item label="创建时间 : " label-width="32%">{{ form.gmtCreate }}</el-form-item>
|
|
|
- <el-form-item label="提交测试时间 : " label-width="42%">{{ form.waitTestTime }}</el-form-item>
|
|
|
- <el-form-item label="reopen次数 : " label-width="42%">{{ form.reopenTimes }}</el-form-item>
|
|
|
+ <div class="display-messege">
|
|
|
+ <div class="divide-threeparts">创建人 : {{ form.creator }}</div>
|
|
|
+ <div class="divide-threeparts">bug责任人 : {{ form.assigner }}</div>
|
|
|
+ <div class="divide-threeparts">当前处理人 : {{ currentHandler }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="display-messege">
|
|
|
+ <div class="divide-threeparts">开始开发时间 : {{ form.startDevTime }}</div>
|
|
|
+ <div class="divide-threeparts">创建时间 : {{ form.gmtCreate }}</div>
|
|
|
+ <div class="divide-threeparts">提交测试时间 : {{ form.waitTestTime }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="display-messege-end">
|
|
|
+ <div class="divide-threeparts">reopen次数 : {{ form.reopenTimes }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="block-end">
|
|
|
- <div class="wrap">
|
|
|
- <el-form-item label="机型 : " label-width="36%">{{ form.model }}</el-form-item>
|
|
|
- <el-form-item label="地图类型 : " label-width="36%">{{ form.mapType }}</el-form-item>
|
|
|
- <el-form-item label="os类型 : " label-width="36%">{{ form.osType }}</el-form-item>
|
|
|
- <el-form-item label="地图版本号 : " label-width="36%">{{ form.mapVersion }}</el-form-item>
|
|
|
- <el-form-item label="网络类型 : " label-width="36%">{{ form.networkType }}</el-form-item>
|
|
|
- <el-form-item label="SDK版本 : " label-width="36%">{{ form.sdkVersion }}</el-form-item>
|
|
|
- <el-form-item label="app版本号 : " label-width="36%">{{ form.appVersion }}</el-form-item>
|
|
|
- <el-form-item label="修复方式 : " label-width="36%">{{ repairResult }}</el-form-item>
|
|
|
- <el-form-item label="修复结果 : " label-width="36%">{{ reasonsAndSolutionForTheProblem }}</el-form-item>
|
|
|
+ <div class="display-messege">
|
|
|
+ <div class="divide-threeparts">机型 : {{ form.model }}</div>
|
|
|
+ <div class="divide-threeparts">地图类型 : {{ form.mapType }}</div>
|
|
|
+ <div class="divide-threeparts">os类型 : {{ form.osType }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="display-messege">
|
|
|
+ <div class="divide-threeparts">地图版本号 : {{ form.mapVersion }}</div>
|
|
|
+ <div class="divide-threeparts">网络类型 : {{ form.networkType }}</div>
|
|
|
+ <div class="divide-threeparts">SDK版本 : {{ form.sdkVersion }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="display-messege">
|
|
|
+ <div class="divide-threeparts">app版本号 : {{ form.appVersion }}</div>
|
|
|
+ <div class="divide-threeparts">修复方式 : {{ repairResult }}</div>
|
|
|
+ <div class="divide-threeparts">修复结果 : {{ reasonsAndSolutionForTheProblem }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="display-messege-end">
|
|
|
+ app版本号 : {{ form.remark }}
|
|
|
</div>
|
|
|
- <el-form-item label="备注 : " label-width="10%" class="remark-length">{{ form.remark }}</el-form-item>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
<el-dialog :visible.sync="dialogInDevelopment" width="40%">
|
|
@@ -337,14 +353,23 @@ export default {
|
|
|
width 78vw
|
|
|
margin-top 25px
|
|
|
padding 29px 50px
|
|
|
- .wrap
|
|
|
- display flex
|
|
|
- flex-wrap wrap
|
|
|
- .wrap >>> .el-form-item__content
|
|
|
- width 250px
|
|
|
- display block
|
|
|
- word-break break-all
|
|
|
- word-wrap break-word
|
|
|
+ .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
|
|
|
+ .display-messege-end
|
|
|
+ font-size 14px
|
|
|
+ font-family PingFangSC-Regular,PingFangSC
|
|
|
+ font-weight 400
|
|
|
+ color rgba(51,59,74,1)
|
|
|
+ display flex
|
|
|
+ width 100%
|
|
|
+ .divide-threeparts
|
|
|
+ width 33.3%
|
|
|
.block-end
|
|
|
background-color rgba(255,255,255,1)
|
|
|
box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
|