缺陷首页

src/views/Platform/bugManage/bugCreate.vue

@@ -3,7 +3,7 @@
     <el-form ref="form" :model="form" :rules="serviceDataRules">
       <div class="block">
         <div class="block-flex">
-          <el-form-item label="标题" prop="bugName" label-width="110px"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:90%;" /></el-form-item>
+          <el-form-item label="标题" prop="bugName" label-width="110px"><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="类型">
@@ -71,7 +71,7 @@
               </el-select>
             </el-form-item>
           </div>
-          <el-form-item label="bug描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="bug描述" rows="2" style="width:90%;" /></el-form-item>
+          <el-form-item label="bug描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="bug描述" rows="2" style="width:89.6%;" /></el-form-item>
         </div>
       </div>
       <div class="block">
@@ -424,7 +424,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       .block-flex
@@ -450,7 +450,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px

src/views/Platform/bugManage/bugQuery.vue

@@ -37,8 +37,8 @@
       </div>
       <div class="block">
         <div class="display-messege">
-          <div class="divide-threeparts">创建人 :&nbsp;&nbsp;&nbsp;{{ form.creator }}</div>
-          <div class="divide-threeparts"><span>bug责任人 :</span>&nbsp;&nbsp;&nbsp;{{ form.assigner }}</div>
+          <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">
@@ -93,7 +93,7 @@
             <el-option
               v-for="item in optionsCurrentHandlerRD"
               :key="item.id"
-              :label="item.email"
+              :label="item.name"
               :value="item.email"
             />
           </el-select>
@@ -111,7 +111,7 @@
             <el-option
               v-for="item in optionsCurrentHandlerQA"
               :key="item.id"
-              :label="item.email"
+              :label="item.name"
               :value="item.email"
             />
           </el-select>
@@ -235,7 +235,7 @@ export default {
         for (const a of this.bizIdEnumList) {
           if (this.form.bizId === a.code) {
             this.bizId = this.form.bizName
-            this.currentHandler = this.form.currentHandler
+            this.currentHandler = this.form.currentHandlerList
             this.repairResult = this.form.repairResultName
             this.reason = this.form.reason
             this.bugType = this.form.bugTypeName
@@ -325,7 +325,7 @@ export default {
           bugUpdate(this.objData).then(res => {
             if (res.code === 200) {
               this.successFun()
-              this.currentHandler = this.form.currentHandler
+              this._initBegin()
               if (this.$refs.refeshDevelopmentDialog !== undefined) {
                 this.$refs.refeshDevelopmentDialog.resetFields()
               }
@@ -357,7 +357,7 @@ export default {
           bugUpdate(this.objData).then(res => {
             if (res.code === 200) {
               this.successFun()
-              this.currentHandler = this.form.currentHandler
+              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
@@ -429,7 +429,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
     .block >>> .el-form-item__content
@@ -460,7 +460,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px

src/views/Platform/bugManage/bugUpdate.vue

@@ -3,7 +3,7 @@
     <el-form ref="form" :model="form" :rules="serviceDataRules">
       <div class="block">
         <div class="block-flex">
-          <el-form-item label="标题" prop="bugName" label-width="110px"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:90%;" /></el-form-item>
+          <el-form-item label="标题" prop="bugName" label-width="110px"><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="类型">
@@ -71,7 +71,7 @@
               </el-select>
             </el-form-item>
           </div>
-          <el-form-item label="bug描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="bug描述" rows="2" style="width:90%;" /></el-form-item>
+          <el-form-item label="bug描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="bug描述" rows="2" style="width:89.6%;" /></el-form-item>
         </div>
       </div>
       <div class="block">
@@ -454,7 +454,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       .block-flex
@@ -480,7 +480,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px

src/views/Platform/defectManagement.vue

@@ -1,236 +1,373 @@
 <template>
   <div style="width: 100%;">
-    <div style="margin: 2% 0;">
-      <el-form :model="queryCode">
-        <el-select v-model="queryCode.taskId" clearable placeholder="任务" style="width:10%;margin:0 5px;">
-          <el-option v-for="item in taskIdStr" :key="item.id" :label="item.name" :value="item.id" />
-        </el-select>
-        <el-select v-model="queryCode.status" clearable placeholder="bug状态" style="width:10%;margin-right:5px;">
-          <el-option v-for="item in bugStatusStr" :key="item.code" :label="item.name" :value="item.code" />
-        </el-select>
-        <el-input v-model="queryCode.currentHandler" clearable filterable placeholder="处理人" style="width:12%;margin-right:5px;" />
-        <el-input v-model="queryCode.creator" clearable filterable placeholder="创建人" style="width:12%;margin-right:5px;" />
-        <!-- <el-date-picker v-model="queryCode.gmtCreateBegin" style="width:12%;margin-right:5px;" type="datetime" placeholder="创建时间" /> -->
-        <!-- <el-date-picker v-model="queryCode.gmtCreateEnd" style="width:12%;margin-right:5px;" type="datetime" placeholder="截止时间" /> -->
-        <el-input v-model="queryCode.bugName" clearable filterable placeholder="主题" style="width:12%;margin-right:5px;" />
-        <el-select v-model="queryCode.priority" clearable placeholder="级别" style="width:10%;margin-right:5px;">
-          <el-option v-for="item in bugStatusPriority" :key="item.code" :label="item.name" :value="item.code" />
-        </el-select>
-        <el-button type="primary" @click="dataQuery(queryCode)">查询</el-button>
-        <el-button type="primary" style="margin: 1% 5px;" @click="createdCode()">新建bug</el-button>
-      </el-form>
-    </div>
-
-    <el-table :data="tableData" fit>
-      <el-table-column label="ID" min-width="120" align="center">
-        <template slot-scope="scope">{{ scope.row.id }}</template>
-      </el-table-column>
-      <el-table-column label="主题" min-width="230" align="center">
-        <template slot-scope="scope"><a href="javascript:void(0)" style="color:#20a0ff" @click="toReportView(scope.row.id)">{{ scope.row.bugName }}</a></template>
-      </el-table-column>
-      <el-table-column label="处理人" min-width="150" align="center">
-        <template slot-scope="scope">{{ scope.row.currentHandler }}</template>
-      </el-table-column>
-      <el-table-column label="创建日期" min-width="250" align="center">
-        <template slot-scope="scope">{{ scope.row.gmtCreate }}</template>
-      </el-table-column>
-      <el-table-column label="级别" width="150" align="center">
-        <template slot-scope="scope"><span>{{ scope.row.priorityName }}</span></template>
-      </el-table-column>
-      <el-table-column label="状态" width="150" align="center">
-        <template slot-scope="scope"><span>{{ scope.row.bugStatusName }}</span></template>
-      </el-table-column>
-      <el-table-column fixed="right" label="操作" width="225" align="center">
-        <template slot-scope="scope">
-          <el-button size="mini" type="primary" @click="queryPresentation(scope.row)">更新</el-button>
-          <el-button size="mini" type="primary" @click="delePresentation(scope.row.id)">删除</el-button>
-          <el-button size="mini" type="primary" @click="copyArrange(scope.row.id)">复制</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <el-pagination style="margin-top:30px;" align="center" :current-page="curIndex" :page-sizes="[5, 10, 20]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
-
-    <el-dialog class="adjustHeight" :title="titName" :visible.sync="dialogFormVisible" width="70%">
-      <el-form ref="form" :model="form" :rules="serviceDataRules">
-        <div class="set-background">
-          <el-form-item label="标题" :label-width="formLabelWidth"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:77.2%;" /></el-form-item>
-          <div style="display:flex;">
-            <el-form-item style="flex-grow:1" prop="bizId" label="业务线" :label-width="formLabelWidth1">
-              <el-select v-model="form.bizId" placeholder="业务线" style="width:54.5%;">
-                <el-option v-for="item in bizOptions" :key="item.value" :label="item.name" :value="item.value" />
-              </el-select>
-            </el-form-item>
-            <el-form-item style="flex-grow:1" label="业务模块" prop="businessType" :label-width="formLabelWidth1">
-              <el-select 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>
-            </el-form-item>
+    <div class="set-background">
+      <div class="block">
+        <el-form :model="queryCode">
+          <div class="set-between">
+            <!-- <el-form-item label="创建时间" label-width="70px"><el-date-picker v-model="queryCode.dateQuery" align="left" size="medium" type="datetime" style="width:76%;" placeholder="选择日期" /></el-form-item> -->
+            <el-input v-model="queryCode.currentHandler" placeholder="处理人" autocomplete="off" clearable size="medium" style="width:13%;margin-right: 15px;" />
+            <el-input v-model="queryCode.creator" placeholder="提交人" autocomplete="off" clearable size="medium" style="width:13%;margin-right: 15px;" />
+            <el-input v-model="queryCode.bugName" placeholder="主题" autocomplete="off" clearable size="medium" style="width:13%;margin-right: 15px;" />
+            <el-select v-model="queryCode.taskId" size="medium" style="width:15%;margin-right: 15px;" clearable placeholder="任务">
+              <el-option v-for="item in taskIdStr" :key="item.id" :label="item.name" :value="item.id" />
+            </el-select>
+            <el-select v-model="queryCode.status" size="medium" style="width:15%;margin-right: 15px;" clearable placeholder="bug状态">
+              <el-option v-for="item in bugStatusStr" :key="item.code" :label="item.name" :value="item.code" />
+            </el-select>
+            <el-select v-model="queryCode.priority" size="medium" style="width:15%;margin-right: 15px;" clearable placeholder="级别">
+              <el-option v-for="item in bugStatusPriority" :key="item.code" :label="item.name" :value="item.code" />
+            </el-select>
+            <el-select v-model="queryCode.repairResult" size="medium" style="width:15%;margin-right: 10px;" clearable placeholder="修复状态">
+              <el-option v-for="item in repairResultStr" :key="item.code" :label="item.name" :value="item.code" />
+            </el-select>
+            <el-button type="primary" size="medium" style="margin-right:10px;" icon="el-icon-plus" circle @click="timeShow=! timeShow" />
           </div>
-          <div style="display:flex;">
-            <el-form-item style="flex-grow:1" prop="taskId" label="任务" :label-width="formLabelWidth1">
-              <el-select v-model="form.taskId" placeholder="任务" style="width:54.5%;">
-                <el-option v-for="item in taskIdStr" :key="item.id" :label="item.name" :value="item.id" />
-              </el-select>
-            </el-form-item>
-            <el-form-item style="flex-grow:1" label="平台类型" prop="platformType" :label-width="formLabelWidth1">
-              <el-select v-model="form.platformType" placeholder="平台类型" style="width:54.5%;" @change="clickChangeType(form.platformType)">
-                <el-option v-for="item in platformTypeStr" :key="item.name" :label="item.name" :value="item.name" />
-              </el-select>
-            </el-form-item>
+          <div class="set-between">
+            <el-button type="primary" plain size="medium" @click="dataQuery(queryCode)">查询</el-button>
+            <el-button type="primary" plain size="medium" @click="createdCode()">新增</el-button>
           </div>
-          <div style="display:flex;">
-            <el-form-item style="flex-grow:1" label="类型" prop="bugType" :label-width="formLabelWidth1">
-              <el-select v-model="form.bugType" style="width:54.5%;" placeholder="类型">
-                <el-option v-for="item in bugTypeStr" :key="item.name" :label="item.name" :value="item.name" />
-              </el-select>
-            </el-form-item>
-            <el-form-item style="flex-grow:1" label="发现方式" prop="discoveryMethod" :label-width="formLabelWidth1">
-              <el-select v-model="form.discoveryMethod" style="width:54.5%;" placeholder="发现方式">
-                <el-option v-for="item in discoveryMethodStr" :key="item.name" :label="item.name" :value="item.name" />
-              </el-select>
-            </el-form-item>
+        </el-form>
+        <el-date-picker
+          v-show="timeShow"
+          v-model="timeInterval"
+          size="medium"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="timestamp"
+        />
+        <div class="set-locate">
+          <el-table
+            :data="tableData"
+            border
+            style="width: 100%"
+            size="mini"
+          >
+            <el-table-column
+              prop="id"
+              label="ID"
+              align="center"
+              width="60"
+            />
+            <el-table-column
+              label="主题"
+              align="center"
+              width="180"
+              show-overflow-tooltip
+            >
+              <template slot-scope="scope">
+                <a href="javascript:void(0)" style="color:#20a0ff" @click="toReportView(scope.row.id)">{{ scope.row.bugName }}</a>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="priorityName"
+              label="级别"
+              align="center"
+              width="60"
+            />
+            <el-table-column
+              label="状态"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <el-tag type="success" size="medium"><span>{{ scope.row.bugStatusName }}</span></el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="currentHandlerList"
+              label="处理人"
+              align="center"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              prop="creatorList"
+              label="提交人"
+              align="center"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              prop="assignerList"
+              label="责任人"
+              align="center"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              prop="repairResultName"
+              label="修复结果"
+              align="center"
+              width="70"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              prop="gmtCreate"
+              label="创建日期"
+              align="center"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              label="操作"
+              align="center"
+              width="220"
+            >
+              <template v-slot="scope">
+                <div>
+                  <el-button size="mini" type="primary" plain @click="queryPresentation(scope.row)">更新</el-button>
+                  <el-button size="mini" type="danger" plain @click="delePresentation(scope.row.id)">删除</el-button>
+                  <el-button size="mini" type="info" plain @click="copyArrange(scope.row.id)">复制</el-button>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="set-locate">
+            <h4>缺陷分析数据</h4>
+            <el-table
+              :data="[statistics]"
+              border
+              style="width: 100%"
+              size="mini"
+            >
+              <el-table-column
+                prop="totalBug"
+                label="总数"
+                align="center"
+              />
+              <el-table-column
+                prop="invalidBug"
+                label="无效Bug"
+                align="center"
+              />
+              <el-table-column
+                prop="fixBug"
+                label="已解决"
+                align="center"
+              />
+              <el-table-column
+                prop="rateOfFix"
+                label="修复率"
+                align="center"
+              />
+              <el-table-column
+                prop="remainBug"
+                label="遗留"
+                align="center"
+              />
+              <el-table-column
+                prop="rateOfReopen"
+                label="Reopen率"
+                align="center"
+              />
+              <el-table-column
+                prop="overnightRate"
+                label="过夜率"
+                align="center"
+              />
+              <el-table-column
+                prop="fixTime"
+                label="修复时长"
+                align="center"
+              />
+              <el-table-column
+                prop="p0"
+                label="P0"
+                align="center"
+              />
+              <el-table-column
+                prop="p1"
+                label="P1"
+                align="center"
+              />
+              <el-table-column
+                prop="other"
+                label="其他"
+                align="center"
+              />
+            </el-table>
+            <p class="titleDescription">标题说明<i class="el-icon-question" /> </p>
           </div>
-          <div style="display:flex;">
-            <el-form-item style="flex-grow:1" label="级别" prop="priority" :label-width="formLabelWidth1">
-              <el-select v-model="form.priority" style="width:54.5%;" placeholder="级别">
-                <el-option v-for="item in bugLevelStr" :key="item.name" :label="item.name" :value="item.name" />
-              </el-select>
-            </el-form-item>
-            <el-form-item style="flex-grow:1" label="问题原因" prop="reason" :label-width="formLabelWidth1">
-              <el-select v-model="form.reason" style="width:54.5%;" placeholder="问题原因">
-                <el-option v-for="item in reasonStr" :key="item.name" :label="item.name" :value="item.name" />
-              </el-select>
-            </el-form-item>
+          <el-pagination style="margin-top:30px;" align="center" :current-page="curIndex" :page-sizes="[5, 10, 20]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        </div>
+      </div>
+      <el-dialog class="adjustHeight" :title="titName" :visible.sync="dialogFormVisible" width="70%">
+        <el-form ref="form" :model="form" :rules="serviceDataRules">
+          <div class="set-background">
+            <el-form-item label="标题" :label-width="formLabelWidth"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:77.2%;" /></el-form-item>
+            <div style="display:flex;">
+              <el-form-item style="flex-grow:1" prop="bizId" label="业务线" :label-width="formLabelWidth1">
+                <el-select v-model="form.bizId" placeholder="业务线" style="width:54.5%;">
+                  <el-option v-for="item in bizOptions" :key="item.value" :label="item.name" :value="item.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item style="flex-grow:1" label="业务模块" prop="businessType" :label-width="formLabelWidth1">
+                <el-select 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>
+              </el-form-item>
+            </div>
+            <div style="display:flex;">
+              <el-form-item style="flex-grow:1" prop="taskId" label="任务" :label-width="formLabelWidth1">
+                <el-select v-model="form.taskId" placeholder="任务" style="width:54.5%;">
+                  <el-option v-for="item in taskIdStr" :key="item.id" :label="item.name" :value="item.id" />
+                </el-select>
+              </el-form-item>
+              <el-form-item style="flex-grow:1" label="平台类型" prop="platformType" :label-width="formLabelWidth1">
+                <el-select v-model="form.platformType" placeholder="平台类型" style="width:54.5%;" @change="clickChangeType(form.platformType)">
+                  <el-option v-for="item in platformTypeStr" :key="item.name" :label="item.name" :value="item.name" />
+                </el-select>
+              </el-form-item>
+            </div>
+            <div style="display:flex;">
+              <el-form-item style="flex-grow:1" label="类型" prop="bugType" :label-width="formLabelWidth1">
+                <el-select v-model="form.bugType" style="width:54.5%;" placeholder="类型">
+                  <el-option v-for="item in bugTypeStr" :key="item.name" :label="item.name" :value="item.name" />
+                </el-select>
+              </el-form-item>
+              <el-form-item style="flex-grow:1" label="发现方式" prop="discoveryMethod" :label-width="formLabelWidth1">
+                <el-select v-model="form.discoveryMethod" style="width:54.5%;" placeholder="发现方式">
+                  <el-option v-for="item in discoveryMethodStr" :key="item.name" :label="item.name" :value="item.name" />
+                </el-select>
+              </el-form-item>
+            </div>
+            <div style="display:flex;">
+              <el-form-item style="flex-grow:1" label="级别" prop="priority" :label-width="formLabelWidth1">
+                <el-select v-model="form.priority" style="width:54.5%;" placeholder="级别">
+                  <el-option v-for="item in bugLevelStr" :key="item.name" :label="item.name" :value="item.name" />
+                </el-select>
+              </el-form-item>
+              <el-form-item style="flex-grow:1" label="问题原因" prop="reason" :label-width="formLabelWidth1">
+                <el-select v-model="form.reason" style="width:54.5%;" placeholder="问题原因">
+                  <el-option v-for="item in reasonStr" :key="item.name" :label="item.name" :value="item.name" />
+                </el-select>
+              </el-form-item>
+            </div>
+            <div style="display:flex;">
+              <el-form-item style="flex-grow:1" label="状态" prop="status" :label-width="formLabelWidth1">
+                <el-select v-model="form.status" placeholder="状态" style="width:54.5%;" @change="buildShow(form.status)">
+                  <el-option v-for="item in bugStatusStr" :key="item.name" :label="item.name" :value="item.name" />
+                </el-select>
+              </el-form-item>
+              <el-form-item style="flex-grow:1" label="所处阶段" prop="stage" :label-width="formLabelWidth1">
+                <el-select v-model="form.stage" placeholder="所处阶段" style="width:54.5%;">
+                  <el-option v-for="item in stageStr" :key="item.name" :label="item.name" :value="item.name" />
+                </el-select>
+              </el-form-item>
+            </div>
+            <el-form-item label="bug描述" prop="bugDescribe" :label-width="formLabelWidth"><el-input v-model="form.bugDescribe" type="textarea" placeholder="bug描述" rows="2" style="width:77.2%;" /></el-form-item>
           </div>
           <div style="display:flex;">
-            <el-form-item style="flex-grow:1" label="状态" prop="status" :label-width="formLabelWidth1">
-              <el-select v-model="form.status" placeholder="状态" style="width:54.5%;" @change="buildShow(form.status)">
-                <el-option v-for="item in bugStatusStr" :key="item.name" :label="item.name" :value="item.name" />
-              </el-select>
-            </el-form-item>
-            <el-form-item style="flex-grow:1" label="所处阶段" prop="stage" :label-width="formLabelWidth1">
-              <el-select v-model="form.stage" placeholder="所处阶段" style="width:54.5%;">
-                <el-option v-for="item in stageStr" :key="item.name" :label="item.name" :value="item.name" />
+            <el-form-item label="创建人" :label-width="formLabelWidth"><el-input v-model="form.creator" autocomplete="off" style="width:67%;" /></el-form-item>
+            <el-form-item label="bug责任人" prop="assigner" :label-width="formLabelWidth"><el-input v-model="form.assigner" autocomplete="off" style="width:67%;" /></el-form-item>
+          </div>
+          <div style="flex:1">
+            <el-form-item v-show="statusShow" label="问题原因和修复方法" :label-width="formLabelWidth"><el-input v-model="form.reasonsAndSolutionForTheProblem" type="textarea" placeholder="问题原因和修复方法" rows="4" style="width:77.2%;" /></el-form-item>
+          </div>
+          <div style="flex:1">
+            <el-form-item label="bug处理人" prop="currentHandler" :label-width="formLabelWidth"><el-input v-model="form.currentHandler" autocomplete="off" style="width:67%;" /></el-form-item>
+            <el-form-item label="app版本号" :label-width="formLabelWidth"><el-input v-model="form.appVersion" autocomplete="off" style="width:67%;" /></el-form-item>
+            <el-form-item label="地图类型" :label-width="formLabelWidth"><el-input v-model="form.mapType" autocomplete="off" style="width:67%;" /></el-form-item>
+            <el-form-item label="地图版本号" :label-width="formLabelWidth"><el-input v-model="form.mapVersion" autocomplete="off" style="width:67%;" /></el-form-item>
+            <el-form-item label="SDK版本" :label-width="formLabelWidth"><el-input v-model="form.sdkVersion" autocomplete="off" style="width:67%;" /></el-form-item>
+            <el-form-item v-show="repairShow" label="修复结果" :label-width="formLabelWidth">
+              <el-select v-model="form.repairResult" placeholder="发现方法">
+                <el-option v-for="item in repairResultStr" :key="item.name" :label="item.name" :value="item.name" />
               </el-select>
             </el-form-item>
           </div>
-          <el-form-item label="bug描述" prop="bugDescribe" :label-width="formLabelWidth"><el-input v-model="form.bugDescribe" type="textarea" placeholder="bug描述" rows="2" style="width:77.2%;" /></el-form-item>
-        </div>
-        <div style="display:flex;">
-          <el-form-item label="创建人" :label-width="formLabelWidth"><el-input v-model="form.creator" autocomplete="off" style="width:67%;" /></el-form-item>
-          <el-form-item label="bug责任人" prop="assigner" :label-width="formLabelWidth"><el-input v-model="form.assigner" autocomplete="off" style="width:67%;" /></el-form-item>
-        </div>
-        <div style="flex:1">
-          <el-form-item v-show="statusShow" label="问题原因和修复方法" :label-width="formLabelWidth"><el-input v-model="form.reasonsAndSolutionForTheProblem" type="textarea" placeholder="问题原因和修复方法" rows="4" style="width:77.2%;" /></el-form-item>
-        </div>
-        <div style="flex:1">
-          <el-form-item label="bug处理人" prop="currentHandler" :label-width="formLabelWidth"><el-input v-model="form.currentHandler" autocomplete="off" style="width:67%;" /></el-form-item>
-          <el-form-item label="app版本号" :label-width="formLabelWidth"><el-input v-model="form.appVersion" autocomplete="off" style="width:67%;" /></el-form-item>
-          <el-form-item label="地图类型" :label-width="formLabelWidth"><el-input v-model="form.mapType" autocomplete="off" style="width:67%;" /></el-form-item>
-          <el-form-item label="地图版本号" :label-width="formLabelWidth"><el-input v-model="form.mapVersion" autocomplete="off" style="width:67%;" /></el-form-item>
-          <el-form-item label="SDK版本" :label-width="formLabelWidth"><el-input v-model="form.sdkVersion" autocomplete="off" style="width:67%;" /></el-form-item>
-          <el-form-item v-show="repairShow" label="修复结果" :label-width="formLabelWidth">
-            <el-select v-model="form.repairResult" placeholder="发现方法">
-              <el-option v-for="item in repairResultStr" :key="item.name" :label="item.name" :value="item.name" />
-            </el-select>
+          <el-form-item label="附件" :label-width="formLabelWidth">
+            <el-upload
+              class="upload-demo"
+              multiple
+              capture
+              accept="image/jpeg, image/png, image/gif, audio/mp4, video/mp4, audio/mpeg, application/vnd.ms-excel"
+              :on-change="handleChange"
+              :file-list="fileList"
+              action="http://page-daily.kuaidadi.com/upload/img.node"
+            >
+              <!-- action="http://page-daily.kuaidadi.com/upload/img.node" 线下 -->
+              <!-- action="http://star.xiaojukeji.com/upload/img.node" 线上 -->
+              <!-- action="https://jsonplaceholder.typicode.com/posts/" 原始地址-->
+              <el-button size="small" type="primary">点击上传</el-button>
+            </el-upload>
           </el-form-item>
-        </div>
-        <el-form-item label="附件" :label-width="formLabelWidth">
-          <el-upload
-            class="upload-demo"
-            multiple
-            capture
-            accept="image/jpeg, image/png, image/gif, audio/mp4, video/mp4, audio/mpeg, application/vnd.ms-excel"
-            :on-change="handleChange"
-            :file-list="fileList"
-            action="http://page-daily.kuaidadi.com/upload/img.node"
-          >
-            <!-- action="http://page-daily.kuaidadi.com/upload/img.node" 线下 -->
-            <!-- action="http://star.xiaojukeji.com/upload/img.node" 线上 -->
-            <!-- action="https://jsonplaceholder.typicode.com/posts/" 原始地址-->
-            <el-button size="small" type="primary">点击上传</el-button>
-          </el-upload>
-        </el-form-item>
-        {{ form.accessory }}
+          {{ form.accessory }}
 
-      <!-- <el-form-item label="逻辑删" :label-width="formLabelWidth">
+          <!-- <el-form-item label="逻辑删" :label-width="formLabelWidth">
             <el-select v-model="form.isDelete" placeholder="发现方法">
               <el-option v-for="item in isDeleteStr" :key="item.value" :label="item.name" :value="item.value" />
             </el-select>
           </el-form-item> -->
-      <!-- <el-form-item label="reopen的次数" :label-width="formLabelWidth"> <el-input v-model="form.reopenTimes" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="业务线" prop="bizId" :label-width="formLabelWidth"><el-input v-model="form.bizId" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="模块" :label-width="formLabelWidth"><el-input v-model="form.moduleId" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="项目名" :label-width="formLabelWidth"><el-input v-model="form.projectName" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="项目ID" :label-width="formLabelWidth"><el-input v-model="form.projectId" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="测试计划ID" prop="planId" :label-width="formLabelWidth"><el-input v-model="form.planId" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="caseID" :label-width="formLabelWidth"><el-input v-model="form.caseId" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="bug创建人" :label-width="formLabelWidth"> <el-input v-model="form.creator" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="开始开发时间" :label-width="formLabelWidth"><el-input v-model="form.startDevTime" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="开始等待测试时间" :label-width="formLabelWidth"><el-input v-model="form.waitTestTime" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="创建时间" :label-width="formLabelWidth"><el-input v-model="form.gmtCreate" autocomplete="off" /></el-form-item> -->
-      <!-- <el-form-item label="修改时间" :label-width="formLabelWidth"><el-input v-model="form.gmtModify" autocomplete="off" /></el-form-item> -->
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false">取 消</el-button>
-        <el-button type="primary" @click="titName === '新建' ? createFormData(form) : queryFormData(form)">确 定</el-button>
-      </div>
-    </el-dialog>
+          <!-- <el-form-item label="reopen的次数" :label-width="formLabelWidth"> <el-input v-model="form.reopenTimes" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="业务线" prop="bizId" :label-width="formLabelWidth"><el-input v-model="form.bizId" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="模块" :label-width="formLabelWidth"><el-input v-model="form.moduleId" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="项目名" :label-width="formLabelWidth"><el-input v-model="form.projectName" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="项目ID" :label-width="formLabelWidth"><el-input v-model="form.projectId" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="测试计划ID" prop="planId" :label-width="formLabelWidth"><el-input v-model="form.planId" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="caseID" :label-width="formLabelWidth"><el-input v-model="form.caseId" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="bug创建人" :label-width="formLabelWidth"> <el-input v-model="form.creator" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="开始开发时间" :label-width="formLabelWidth"><el-input v-model="form.startDevTime" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="开始等待测试时间" :label-width="formLabelWidth"><el-input v-model="form.waitTestTime" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="创建时间" :label-width="formLabelWidth"><el-input v-model="form.gmtCreate" autocomplete="off" /></el-form-item> -->
+          <!-- <el-form-item label="修改时间" :label-width="formLabelWidth"><el-input v-model="form.gmtModify" autocomplete="off" /></el-form-item> -->
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+          <el-button type="primary" @click="titName === '新建' ? createFormData(form) : queryFormData(form)">确 定</el-button>
+        </div>
+      </el-dialog>
 
-    <el-dialog :visible.sync="dialogFormQuery" width="70%">
-      <el-form :model="form" size="mini">
-        <el-form-item :label-width="formLabelWidth" style="margin-bottom:-10px;"><span style="font-weight:bold;font-size:20px;margin-left:-60px;">主题 : </span>{{ form.bugName }}</el-form-item><hr>
-        <div style="display:flex;">
-          <div style="flex:1">
-            <el-form-item label="任务 : " class="styline" :label-width="formLabelWidth1">{{ form.projectName }}</el-form-item>
-            <el-form-item label="级别 : " :label-width="formLabelWidth1">{{ form.priority }}</el-form-item>
-            <el-form-item label="reopen的次数 : " :label-width="formLabelWidth1">{{ form.reopenTimes }}</el-form-item>
-            <el-form-item label="bug状态 : " :label-width="formLabelWidth1">{{ form.status }}</el-form-item>
-            <el-form-item label="bug类型 : " :label-width="formLabelWidth1">{{ form.bugType }}</el-form-item>
-            <el-form-item label="bug描述 : " :label-width="formLabelWidth1">{{ form.bugDescribe }}</el-form-item>
-            <el-form-item v-show="statusShow" label="问题原因和修复方法" :label-width="formLabelWidth">{{ form.reasonsAndSolutionForTheProblem }}</el-form-item>
-            <el-form-item label="问题原因 : " :label-width="formLabelWidth1">{{ form.reason }}</el-form-item>
-            <el-form-item label="平台类型 : " :label-width="formLabelWidth1">{{ form.platformType }}</el-form-item>
-            <el-form-item label="业务模块 : " :label-width="formLabelWidth1">{{ form.businessType }}</el-form-item>
-            <el-form-item label="所处阶段 : " :label-width="formLabelWidth1">{{ form.stage }}</el-form-item>
-            <el-form-item label="发现方法 : " :label-width="formLabelWidth1">{{ form.discoveryMethod }}</el-form-item>
-            <el-form-item v-show="repairShow" label="修复结果 : " :label-width="formLabelWidth1">{{ form.repairResult }}</el-form-item>
-            <el-form-item label="os类型 : " :label-width="formLabelWidth1">{{ form.osType }}</el-form-item>
-            <el-form-item label="机型 : " :label-width="formLabelWidth1">{{ form.model }}</el-form-item>
-            <el-form-item label="网络类型 : " :label-width="formLabelWidth1">{{ form.networkType }}</el-form-item>
-            <el-form-item label="SDK版本 : " :label-width="formLabelWidth1">{{ form.sdkVersion }}</el-form-item>
-            <el-form-item label="app版本号 : " :label-width="formLabelWidth1">{{ form.appVersion }}</el-form-item>
-            <el-form-item label="地图类型 : " :label-width="formLabelWidth1">{{ form.mapType }}</el-form-item>
-            <el-form-item label="地图版本号 : " :label-width="formLabelWidth1">{{ form.mapVersion }}</el-form-item>
-            <el-form-item label="附件 : " :label-width="formLabelWidth1">{{ form.accessory }}</el-form-item>
-          </div>
-          <div style="flex:1; margin-left:30px;">
-            <el-form-item label="业务线 : " :label-width="formLabelWidth1">{{ form.bizId }}</el-form-item>
-            <el-form-item label="bug责任人 : " :label-width="formLabelWidth1">{{ form.assigner }}</el-form-item>
-            <el-form-item label="bug创建人 : " :label-width="formLabelWidth1">{{ form.creator }}</el-form-item>
-            <el-form-item label="bug处理人 : " :label-width="formLabelWidth1">{{ form.currentHandler }}</el-form-item>
-            <el-form-item label="开始开发时间 : " :label-width="formLabelWidth1">{{ form.startDevTime }}</el-form-item>
-            <el-form-item label="开始等待测试时间 : " :label-width="formLabelWidth1">{{ form.waitTestTime }}</el-form-item>
-            <el-form-item label="创建时间 : " :label-width="formLabelWidth1">{{ form.gmtCreate }}</el-form-item>
+      <el-dialog :visible.sync="dialogFormQuery" width="70%">
+        <el-form :model="form" size="mini">
+          <el-form-item :label-width="formLabelWidth" style="margin-bottom:-10px;"><span style="font-weight:bold;font-size:20px;margin-left:-60px;">主题 : </span>{{ form.bugName }}</el-form-item><hr>
+          <div style="display:flex;">
+            <div style="flex:1">
+              <el-form-item label="任务 : " class="styline" :label-width="formLabelWidth1">{{ form.projectName }}</el-form-item>
+              <el-form-item label="级别 : " :label-width="formLabelWidth1">{{ form.priority }}</el-form-item>
+              <el-form-item label="reopen的次数 : " :label-width="formLabelWidth1">{{ form.reopenTimes }}</el-form-item>
+              <el-form-item label="bug状态 : " :label-width="formLabelWidth1">{{ form.status }}</el-form-item>
+              <el-form-item label="bug类型 : " :label-width="formLabelWidth1">{{ form.bugType }}</el-form-item>
+              <el-form-item label="bug描述 : " :label-width="formLabelWidth1">{{ form.bugDescribe }}</el-form-item>
+              <el-form-item v-show="statusShow" label="问题原因和修复方法" :label-width="formLabelWidth">{{ form.reasonsAndSolutionForTheProblem }}</el-form-item>
+              <el-form-item label="问题原因 : " :label-width="formLabelWidth1">{{ form.reason }}</el-form-item>
+              <el-form-item label="平台类型 : " :label-width="formLabelWidth1">{{ form.platformType }}</el-form-item>
+              <el-form-item label="业务模块 : " :label-width="formLabelWidth1">{{ form.businessType }}</el-form-item>
+              <el-form-item label="所处阶段 : " :label-width="formLabelWidth1">{{ form.stage }}</el-form-item>
+              <el-form-item label="发现方法 : " :label-width="formLabelWidth1">{{ form.discoveryMethod }}</el-form-item>
+              <el-form-item v-show="repairShow" label="修复结果 : " :label-width="formLabelWidth1">{{ form.repairResult }}</el-form-item>
+              <el-form-item label="os类型 : " :label-width="formLabelWidth1">{{ form.osType }}</el-form-item>
+              <el-form-item label="机型 : " :label-width="formLabelWidth1">{{ form.model }}</el-form-item>
+              <el-form-item label="网络类型 : " :label-width="formLabelWidth1">{{ form.networkType }}</el-form-item>
+              <el-form-item label="SDK版本 : " :label-width="formLabelWidth1">{{ form.sdkVersion }}</el-form-item>
+              <el-form-item label="app版本号 : " :label-width="formLabelWidth1">{{ form.appVersion }}</el-form-item>
+              <el-form-item label="地图类型 : " :label-width="formLabelWidth1">{{ form.mapType }}</el-form-item>
+              <el-form-item label="地图版本号 : " :label-width="formLabelWidth1">{{ form.mapVersion }}</el-form-item>
+              <el-form-item label="附件 : " :label-width="formLabelWidth1">{{ form.accessory }}</el-form-item>
+            </div>
+            <div style="flex:1; margin-left:30px;">
+              <el-form-item label="业务线 : " :label-width="formLabelWidth1">{{ form.bizId }}</el-form-item>
+              <el-form-item label="bug责任人 : " :label-width="formLabelWidth1">{{ form.assigner }}</el-form-item>
+              <el-form-item label="bug创建人 : " :label-width="formLabelWidth1">{{ form.creator }}</el-form-item>
+              <el-form-item label="bug处理人 : " :label-width="formLabelWidth1">{{ form.currentHandler }}</el-form-item>
+              <el-form-item label="开始开发时间 : " :label-width="formLabelWidth1">{{ form.startDevTime }}</el-form-item>
+              <el-form-item label="开始等待测试时间 : " :label-width="formLabelWidth1">{{ form.waitTestTime }}</el-form-item>
+              <el-form-item label="创建时间 : " :label-width="formLabelWidth1">{{ form.gmtCreate }}</el-form-item>
+            </div>
           </div>
-        </div>
-      <!-- <el-form-item label="caseID" :label-width="formLabelWidth">{{ form.caseId }}</el-form-item> -->
-      <!-- <el-form-item label="项目名" :label-width="formLabelWidth">{{ form.projectName }}</el-form-item> -->
-      <!-- <el-form-item label="项目ID" :label-width="formLabelWidth">{{ form.projectId }}</el-form-item> -->
-      <!-- <el-form-item label="测试计划ID" :label-width="formLabelWidth">{{ form.planId }}</el-form-item> -->
-      <!-- <el-form-item label="逻辑删" :label-width="formLabelWidth">{{ form.isDelete }}</el-form-item> -->
-      <!-- <el-form-item label="业务线" :label-width="formLabelWidth">{{ form.bizId }}</el-form-item> -->
-      <!-- <el-form-item label="模块ID" :label-width="formLabelWidth">{{ form.moduleId }}</el-form-item> -->
-      <!-- <el-form-item label="修改时间" :label-width="formLabelWidth">{{ form.gmtModify }}</el-form-item> -->
+          <!-- <el-form-item label="caseID" :label-width="formLabelWidth">{{ form.caseId }}</el-form-item> -->
+          <!-- <el-form-item label="项目名" :label-width="formLabelWidth">{{ form.projectName }}</el-form-item> -->
+          <!-- <el-form-item label="项目ID" :label-width="formLabelWidth">{{ form.projectId }}</el-form-item> -->
+          <!-- <el-form-item label="测试计划ID" :label-width="formLabelWidth">{{ form.planId }}</el-form-item> -->
+          <!-- <el-form-item label="逻辑删" :label-width="formLabelWidth">{{ form.isDelete }}</el-form-item> -->
+          <!-- <el-form-item label="业务线" :label-width="formLabelWidth">{{ form.bizId }}</el-form-item> -->
+          <!-- <el-form-item label="模块ID" :label-width="formLabelWidth">{{ form.moduleId }}</el-form-item> -->
+          <!-- <el-form-item label="修改时间" :label-width="formLabelWidth">{{ form.gmtModify }}</el-form-item> -->
 
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="dialogFormQuery = false">关 闭</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="dialogFormQuery = false">关 闭</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div></template>
 
 <script>
 import { bugList, bugGet, bugDelete, bugUpdate, bugCreate, bugCopy, taskListCreate, bugGetEnum } from '@/api/defectManage'
@@ -250,6 +387,7 @@ export default {
       businessTypeStr: [],
       bugStatusPriority: [],
       repairResultStr: [],
+      statistics: [],
       isDeleteStr: [{ name: '保留', value: 0 }, { name: '删除', value: 1 }],
       serviceDataRules: {
         bizId: [{ required: true, message: '业务线不能为空', trigger: 'change' }],
@@ -282,6 +420,7 @@ export default {
       queryCode: {},
       statusShow: false,
       repairShow: false,
+      timeShow: false,
       dialogFormVisible: false,
       dialogFormQuery: false,
       formLabelWidth: '11%',
@@ -293,6 +432,7 @@ export default {
       userData: '',
       titName: '',
       taskIdStr: '',
+      timeInterval: [],
       fileList: [],
       fileDbList: []
     }
@@ -313,6 +453,7 @@ export default {
         curIndex: this.curIndex
       }
       bugList(this.indexPage).then(res => {
+        this.statistics = res.query
         this.tableData = res.data
         this.total = res.total
       })
@@ -495,14 +636,40 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-  .adjustHeight >>> .el-dialog
-    background-color white
-    margin-top 5vh !important
-  .adjustHeight >>> .el-dialog__body
-    padding 30px 30px
-    .set-background
-      background-color white
-      border-radius 10px
-  .set-background >>> .el-form-item__content
-    margin-left 0px !important
+  .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 96%
+      margin 20px 0
+      padding 20px
+      min-height calc(100vh - 100px)
+    .block >>> .el-form
+      display flex
+      justify-content space-between
+      margin 10px 0px 15px 0px
+    .block >>> .el-form-item__content
+      margin-left 0 !important
+    .block >>> th
+      background-color #F0F2F4 !important
+    .block >>> .el-range-separator
+      padding 0
+    .set-between
+      display flex
+    .set-between >>> .el-button
+      height 36px
+    .set-between >>> .el-form-item
+      display flex
+      margin-right -35px
+    .set-locate
+      margin-top 25px
+      .titleDescription
+        font-size 12px
+        color rgba(244,121,121,1)
+        margin 30px 0px
 </style>

src/views/onlineProblem/problemCreate.vue

@@ -3,7 +3,7 @@
     <el-form ref="form" :model="form" :rules="serviceDataRules">
       <div class="block">
         <div class="block-flex">
-          <el-form-item label="标题" prop="bugName" label-width="110px"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:90%;" /></el-form-item>
+          <el-form-item label="标题" prop="bugName" label-width="110px"><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="类型">
@@ -66,7 +66,7 @@
               </el-select>
             </el-form-item>
           </div>
-          <el-form-item label="故障描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="故障详细信息以及复盘wiki地址" rows="2" style="width:90%;" /></el-form-item>
+          <el-form-item label="故障描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="故障详细信息以及复盘wiki地址" rows="2" style="width:89.6%;" /></el-form-item>
         </div>
       </div>
       <div class="block">
@@ -431,7 +431,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       .block-flex
@@ -457,7 +457,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px

src/views/onlineProblem/problemList.vue

@@ -29,7 +29,7 @@
         <template slot-scope="scope"><a href="javascript:void(0)" style="color:#20a0ff" @click="toReportView(scope.row.id)">{{ scope.row.bugName }}</a></template>
       </el-table-column>
       <el-table-column label="处理人" min-width="150" align="center">
-        <template slot-scope="scope">{{ scope.row.currentHandler }}</template>
+        <template slot-scope="scope">{{ scope.row.currentHandlerList }}</template>
       </el-table-column>
       <el-table-column label="创建日期" min-width="250" align="center">
         <template slot-scope="scope">{{ scope.row.gmtCreate }}</template>

src/views/onlineProblem/problemQuery.vue

@@ -36,8 +36,8 @@
       </div>
       <div class="block">
         <div class="display-messege">
-          <div class="divide-threeparts">创建人 :&nbsp;&nbsp;&nbsp;{{ form.creator }}</div>
-          <div class="divide-threeparts"><span>故障责任人 :</span>&nbsp;&nbsp;&nbsp;{{ form.assigner }}</div>
+          <div class="divide-threeparts">创建人 :&nbsp;&nbsp;&nbsp;{{ form.creatorList }}</div>
+          <div class="divide-threeparts"><span>故障责任人 :</span>&nbsp;&nbsp;&nbsp;{{ form.assignerList }}</div>
           <div class="divide-threeparts"><span>当前处理人 :</span>&nbsp;&nbsp;&nbsp;{{ currentHandler }}</div>
         </div>
         <div class="display-messege-end">
@@ -89,7 +89,7 @@
             <el-option
               v-for="item in optionsCurrentHandlerRD"
               :key="item.id"
-              :label="item.email"
+              :label="item.name"
               :value="item.email"
             />
           </el-select>
@@ -107,7 +107,7 @@
             <el-option
               v-for="item in optionsCurrentHandlerQA"
               :key="item.id"
-              :label="item.email"
+              :label="item.name"
               :value="item.email"
             />
           </el-select>
@@ -231,7 +231,7 @@ export default {
         for (const a of this.bizIdEnumList) {
           if (this.form.bizId === a.code) {
             this.bizId = this.form.bizName
-            this.currentHandler = this.form.currentHandler
+            this.currentHandler = this.form.currentHandlerList
             this.repairResult = this.form.repairResultName
             this.reason = this.form.reason
             this.bugType = this.form.bugTypeName
@@ -333,7 +333,7 @@ export default {
           bugUpdate(this.objData).then(res => {
             if (res.code === 200) {
               this.successFun()
-              this.currentHandler = this.form.currentHandler
+              this._initBegin()
               if (this.$refs.refeshDevelopmentDialog !== undefined) {
                 this.$refs.refeshDevelopmentDialog.resetFields()
               }
@@ -365,7 +365,7 @@ export default {
           bugUpdate(this.objData).then(res => {
             if (res.code === 200) {
               this.successFun()
-              this.currentHandler = this.form.currentHandler
+              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
@@ -437,7 +437,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
     .block >>> .el-form-item__content
@@ -468,7 +468,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px

src/views/onlineProblem/problemUpdate.vue

@@ -3,7 +3,7 @@
     <el-form ref="form" :model="form" :rules="serviceDataRules">
       <div class="block">
         <div class="block-flex">
-          <el-form-item label="标题" prop="bugName" label-width="110px"><el-input v-model="form.bugName" autocomplete="off" placeholder="普惠质量产品工具平台..." style="width:90%;" /></el-form-item>
+          <el-form-item label="标题" prop="bugName" label-width="110px"><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="类型">
@@ -66,7 +66,7 @@
               </el-select>
             </el-form-item>
           </div>
-          <el-form-item label="故障描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="故障详细信息以及复盘wiki地址" rows="2" style="width:90%;" /></el-form-item>
+          <el-form-item label="故障描述" prop="bugDescribe" label-width="110px"><el-input v-model="form.bugDescribe" type="textarea" placeholder="故障详细信息以及复盘wiki地址" rows="2" style="width:89.6%;" /></el-form-item>
         </div>
       </div>
       <div class="block">
@@ -441,7 +441,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       .block-flex
@@ -467,7 +467,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 78vw
+      width 82vw
       margin-top 25px
       padding 29px 50px
       margin-bottom 22px

src/views/projectManage/projectList/projectCreate.vue

@@ -187,6 +187,7 @@ export default {
           this.getMember() // 保证bizId存在
           if (this.form.pm) {
             this.form.pm = this.form.pm.split(',')
+            // this.$set(this.form, 'pm', this.form.pm)
           }
           if (this.form.rd) {
             this.form.rd = this.form.rd.split(',')

src/views/projectManage/projectList/projectListIndex.vue

@@ -44,7 +44,7 @@
               width="130"
             >
               <template slot-scope="scope">
-                <el-tag type="success"><span>{{ scope.row.statusString }}</span></el-tag>
+                <el-tag size="medium" type="success"><span>{{ scope.row.statusString }}</span></el-tag>
               </template>
             </el-table-column>
             <el-table-column

src/views/projectManage/projectList/projectPreview.vue

@@ -25,15 +25,15 @@
         </div>
         <div class="display-messege">
           <div class="divide-twoparts"><span style="font-weight:bold;">业务线 :</span>&nbsp;&nbsp;&nbsp;{{ form.bizIdString }}</div>
-          <div class="divide-twoparts"><span style="font-weight:bold;">关注人 :</span>&nbsp;&nbsp;&nbsp;{{ form.focusPenson }}</div>
+          <div class="divide-twoparts"><span style="font-weight:bold;">关注人 :</span>&nbsp;&nbsp;&nbsp;{{ form.focusPensonList }}</div>
         </div>
         <div class="display-messege">
           <div class="divide-twoparts"><span style="font-weight:bold;">平台类型 :</span>&nbsp;&nbsp;&nbsp;{{ form.platFormString }}</div>
-          <div class="divide-twoparts"><span style="font-weight:bold;">开发 :</span>&nbsp;&nbsp;&nbsp;{{ form.rd }}</div>
+          <div class="divide-twoparts"><span style="font-weight:bold;">开发 :</span>&nbsp;&nbsp;&nbsp;{{ form.rdList }}</div>
         </div>
         <div class="display-messege">
-          <div class="divide-twoparts"><span style="font-weight:bold;">产品 :</span>&nbsp;&nbsp;&nbsp;{{ form.pm }}</div>
-          <div class="divide-twoparts"><span style="font-weight:bold;">测试 :</span>&nbsp;&nbsp;&nbsp;{{ form.qa }}</div>
+          <div class="divide-twoparts"><span style="font-weight:bold;">产品 :</span>&nbsp;&nbsp;&nbsp;{{ form.pmList }}</div>
+          <div class="divide-twoparts"><span style="font-weight:bold;">测试 :</span>&nbsp;&nbsp;&nbsp;{{ form.qaList }}</div>
         </div>
         <div class="display-messege">
           <div class="divide-twoparts"><span style="font-weight:bold;">版本 :</span>&nbsp;&nbsp;&nbsp;{{ form.version }}</div>

src/views/projectManage/taskList/taskListIndex.vue

@@ -46,7 +46,7 @@
                   width="130"
                 >
                   <template slot-scope="scope">
-                    <el-tag type="success"><span>{{ scope.row.statusString }}</span></el-tag>
+                    <el-tag size="medium" type="success"><span>{{ scope.row.statusString }}</span></el-tag>
                   </template>
                 </el-table-column>
                 <el-table-column

src/views/projectManage/taskList/taskPreview.vue

@@ -27,19 +27,19 @@
         <div class="display-messege">
           <div class="divide-fourparts"><span style="font-weight:bold;">业务线 :</span>&nbsp;&nbsp;&nbsp;{{ form.bizIdString }}</div>
           <div class="divide-fourparts"><span style="font-weight:bold;">任务类型 :</span>&nbsp;&nbsp;&nbsp;{{ form.taskType }}</div>
-          <div class="divide-fourparts"><span style="font-weight:bold;">产品 :</span>&nbsp;&nbsp;&nbsp;{{ form.pm }}</div>
-          <div class="divide-fourparts"><span style="font-weight:bold;">分组 :</span>&nbsp;&nbsp;&nbsp;{{ form.group }}</div>
+          <div class="divide-fourparts"><span style="font-weight:bold;">产品 :</span>&nbsp;&nbsp;&nbsp;{{ form.pmList }}</div>
+          <div class="divide-fourparts"><span style="font-weight:bold;">分组 :</span>&nbsp;&nbsp;&nbsp;{{ form.groupList }}</div>
         </div>
         <div class="display-messege">
           <div class="divide-fourparts"><span style="font-weight:bold;">平台类型 :</span>&nbsp;&nbsp;&nbsp;{{ form.typeString }}</div>
           <div class="divide-fourparts"><span style="font-weight:bold;">是否免测 :</span>&nbsp;&nbsp;&nbsp;{{ form.noTestString }}</div>
-          <div class="divide-fourparts"><span style="font-weight:bold;">测试 :</span>&nbsp;&nbsp;&nbsp;{{ form.qa }}</div>
+          <div class="divide-fourparts"><span style="font-weight:bold;">测试 :</span>&nbsp;&nbsp;&nbsp;{{ form.qaList }}</div>
           <div class="divide-fourparts"><span style="font-weight:bold;">标签 :</span>&nbsp;&nbsp;&nbsp;{{ form.tag }}</div>
         </div>
         <div class="display-messege">
           <div class="divide-fourparts"><span style="font-weight:bold;">业务模块 :</span>&nbsp;&nbsp;&nbsp;{{ form.clientTypeString }}</div>
           <div class="divide-fourparts"><span style="font-weight:bold;">打回次数 :</span>&nbsp;&nbsp;&nbsp;{{ form.reopen }}</div>
-          <div class="divide-fourparts"><span style="font-weight:bold;">开发 :</span>&nbsp;&nbsp;&nbsp;{{ form.rd }}</div>
+          <div class="divide-fourparts"><span style="font-weight:bold;">开发 :</span>&nbsp;&nbsp;&nbsp;{{ form.rdList }}</div>
         </div>
         <div class="display-messege-end-one">
           <div class="divide-fullparts"><span style="font-weight:bold;">描述 :</span>&nbsp;&nbsp;&nbsp;{{ form.description }}</div>