适配优化 以及页面优化

src/views/Platform/bugManage/bugCreate.vue

@@ -16,12 +16,12 @@
           </el-form-item>
         </div>
         <div style="display:flex;">
-          <el-form-item style="flex-grow:1" prop="taskId" label="任务" label-width="99px">
-            <el-select v-model="form.taskId" filterable placeholder="任务" style="width: 245px;margin-right: -50px;" @change="submitJudge(form.taskId)">
+          <el-form-item style="flex-grow:1" prop="taskId" label="任务" label-width="7.76vw">
+            <el-select v-model="form.taskId" filterable placeholder="任务" style="width: 19.085vw;margin-right: -3.8vw;" @change="submitJudge(form.taskId)">
               <el-option v-for="item in taskIdStr" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
-          <el-form-item v-if="businessTypeShow" style="flex-grow:1" prop="businessType" label="业务模块" :label-width="formLabelWidth1">
+          <el-form-item v-show="businessTypeShow" style="flex-grow:1" prop="businessType" label="业务模块" :label-width="formLabelWidth1">
             <el-select ref="clearBusiness" v-model="form.businessType" placeholder="业务模块" style="width:54.5%;">
               <el-option v-for="item in businessTypeStr" :key="item.name" :label="item.name" :value="item.name" />
             </el-select>
@@ -342,14 +342,14 @@ export default {
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
       border-radius 7px
-      width 1000px
+      width 78vw
       margin-top 25px
       padding 29px 50px
     .block-end
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
       border-radius 7px
-      width 1000px
+      width 78vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px

src/views/Platform/bugManage/bugQuery.vue

@@ -2,54 +2,54 @@
   <div id="window-judge" class="set-background">
     <el-form :model="form">
       <div class="block">
-        <el-form-item label="标题" :label-width="formLabelWidth">{{ form.bugName }}</el-form-item>
+        <el-form-item label="标题 :" label-width="5.4%">{{ form.bugName }}</el-form-item>
         <div style="display:flex;">
-          <el-form-item label="级别" prop="priority" style="display:flex;" :label-width="twoLable">
+          <el-form-item label="级别 : " prop="priority" style="display:flex;" :label-width="twoLable">
             <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.name" />
             </el-select>
           </el-form-item>
-          <el-form-item label="状态" prop="status" style="display:flex;" :label-width="twoLable">
+          <el-form-item label="状态 : " prop="status" style="display:flex;" :label-width="twoLable">
             <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.name" />
             </el-select>
           </el-form-item>
           <el-button type="primary" style="height:40px" @click="enterUpdate">编 辑</el-button>
         </div>
-        <el-form-item label="描述" prop="bugDescribe" :label-width="formLabelWidth">{{ form.bugDescribe }}</el-form-item>
+        <el-form-item label="描述 : " prop="bugDescribe" label-width="5.4%">{{ form.bugDescribe }}</el-form-item>
         <div class="wrap">
-          <el-form-item label="任务" label-width="18.5%" style="margin-right: 30px;">{{ form.projectName }}</el-form-item>
-          <el-form-item label="业务线" label-width="27%" style="margin-right: 30px;">{{ bizId }}</el-form-item>
-          <el-form-item label="平台类型" label-width="32%" style="margin-right: 30px;">{{ form.platformType }}</el-form-item>
-          <el-form-item label="类型" label-width="18.5%" style="margin-right: 30px;">{{ bugType }}</el-form-item>
-          <el-form-item label="业务模块" label-width="32%" style="margin-right: 30px;">{{ form.businessType }}</el-form-item>
-          <el-form-item label="所处阶段" label-width="32%" style="margin-right: 30px;">{{ form.stage }}</el-form-item>
-          <el-form-item label="发现方式" label-width="29.5%" style="margin-right: 30px;">{{ form.discoveryMethod }}</el-form-item>
-          <el-form-item label="问题原因" label-width="32%" style="margin-right: 30px;">{{ form.reason }}</el-form-item>
+          <el-form-item label="任务 : " label-width="19.2%" style="margin-right: 30px;">{{ form.projectName }}</el-form-item>
+          <el-form-item label="业务线 : " label-width="27%" style="margin-right: 30px;">{{ bizId }}</el-form-item>
+          <el-form-item label="平台类型 : " label-width="32%" style="margin-right: 30px;">{{ form.platformType }}</el-form-item>
+          <el-form-item label="类型 : " label-width="19.2%" style="margin-right: 30px;">{{ bugType }}</el-form-item>
+          <el-form-item label="业务模块 : " label-width="32%" style="margin-right: 30px;">{{ form.businessType }}</el-form-item>
+          <el-form-item label="所处阶段 : " label-width="32%" style="margin-right: 30px;">{{ form.stage }}</el-form-item>
+          <el-form-item label="发现方式 : " label-width="30.4%" style="margin-right: 30px;">{{ form.discoveryMethod }}</el-form-item>
+          <el-form-item label="问题原因 : " label-width="32%" style="margin-right: 30px;">{{ form.reason }}</el-form-item>
         </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>
+          <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>
       </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="14%" class="remark-length">{{ form.remark }}</el-form-item>
+          <el-form-item label="机型 : " label-width="35.2%">{{ 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>
         </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%">
@@ -226,7 +226,7 @@ export default {
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
       border-radius 7px
-      width 1000px
+      width 78vw
       margin-top 25px
       padding 29px 50px
       .wrap
@@ -241,7 +241,7 @@ export default {
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
       border-radius 7px
-      width 1000px
+      width 78vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px
@@ -253,9 +253,9 @@ export default {
         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
+      // .remark-length >>> .el-form-item__content
+      //   width 450px
+      //   display block
+      //   word-break break-all
+      //   word-wrap break-word
 </style>

src/views/Platform/bugManage/bugUpdate.vue

@@ -16,8 +16,8 @@
           </el-form-item>
         </div>
         <div style="display:flex;">
-          <el-form-item style="flex-grow:1" prop="taskId" label="任务" label-width="99px">
-            <el-select v-model="form.taskId" filterable placeholder="任务" style="width: 245px;margin-right: -50px;">
+          <el-form-item style="flex-grow:1" prop="taskId" label="任务" label-width="7.76vw">
+            <el-select v-model="form.taskId" filterable placeholder="任务" style="width: 19.085vw;margin-right: -3.8vw;">
               <el-option v-for="item in taskIdStr" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
           </el-form-item>
@@ -323,14 +323,14 @@ export default {
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
       border-radius 7px
-      width 1000px
+      width 78vw
       margin-top 25px
       padding 29px 50px
     .block-end
       background-color rgba(255,255,255,1)
       box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
       border-radius 7px
-      width 1000px
+      width 78vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px

src/views/Platform/defectManagement.vue

@@ -11,7 +11,7 @@
           <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.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:12%;margin-right:5px;" type="datetime" placeholder="创建时间" /> -
           <el-date-picker v-model="queryCode.gmtCreateEnd" style="width:12%;margin-right:5px;" type="datetime" placeholder="截止时间" />