任务详情页面优化

src/views/projectManage/taskList/taskViewDetails.vue

@@ -295,22 +295,10 @@
         <div style="margin: 0% 7% 3% 2%; font-size: 18px; white-space: nowrap;color:rgba(51,59,74,1);">
           <b style="color: #409EFF;margin: 0 0.5%;font-weight: 600; ">I</b>{{ even }}
         </div>
-        <el-form ref="form" :model="form" :rules="form_rules" :label-width="formLabelWidth">
+        <el-form ref="form" :model="form" :rules="form_rules" label-width="100px">
           <el-form-item label="事件类型" prop="type">
-            <el-select
-              v-show="even === '新建事件'"
-              v-model="form.type"
-              :loading="loading"
-              clearable
-              placeholder="请选择"
-              style="width: 100%"
-            >
-              <el-option
-                v-for="item in taskScheduleEvent"
-                :key="item.code"
-                :label="item.msg"
-                :value="item.code"
-              />
+            <el-select v-show="even === '新建事件'" v-model="form.type" :loading="loading" clearable placeholder="请选择" style="width: 100%">
+              <el-option v-for="item in taskScheduleEvent" :key="item.code" :label="item.msg" :value="item.code" />
             </el-select>
             <el-input v-show="even === '编辑事件'" v-model="form.name" :disabled="fal_se" />
           </el-form-item>
@@ -318,13 +306,7 @@
             <el-input v-model="form.desc" autocomplete="off" placeholder="请输入描述信息" />
           </el-form-item>
           <el-form-item label="排期" prop="date_start">
-            <el-date-picker
-              v-model="form.date_start"
-              type="daterange"
-              range-separator="～"
-              start-placeholder="请选择开始日期"
-              end-placeholder="请选择结束日期"
-            />
+            <el-date-picker v-model="form.date_start" type="daterange" range-separator="～" start-placeholder="请选择开始日期" end-placeholder="请选择结束日期" />
             <el-checkbox v-model="form.noHoliday">排除周末</el-checkbox>
           </el-form-item>
           <el-form-item label="参与人员">
@@ -339,12 +321,7 @@
               :loading="loading"
               style="width: 100%"
             >
-              <el-option
-                v-for="item in options"
-                :key="item.idap"
-                :label="item.name"
-                :value="test2(item, 0)"
-              >
+              <el-option v-for="item in options" :key="item.idap" :label="item.name" :value="test2(item, 0)">
                 <div style="display: flex;justify-content: start;">
                   <div style="min-width:100px;color: #8492a6; font-size: 13px; overflow:hidden">{{ item.deptName }}</div>
                   <div style="min-width:80px">{{ item.name }}</div>
@@ -450,7 +427,6 @@ export default {
   data() {
     return {
       codeCache: null,
-      isBugNameClick: false,
       bugId: 0,
       initCount: 0,
       drawerShow: false,
@@ -458,7 +434,7 @@ export default {
       priorityColors: ['#F56C6C', '#FF8952', '#7ED321'],
       statusColors: ['#6AB4FF', '#6AB4FF', '#FFCC66', '#7ED321', '#F56C6C'],
       curIndex: 1,
-      pageSize: 15,
+      pageSize: 8,
       task_form: {
         statusString: '未开始',
         describe: '',
@@ -476,7 +452,7 @@ export default {
       CallBackTheReason: '', // 打回原因
       NewDate: new Date(),
       content: '', // 评论
-      comment_content: '', // 评论内容
+      // comment_content: '', // 评论内容
       commentTxt: [],
       commentShow: true, // 评论为空默认显示
       dialog_launchTestInfoDOS: false, // 打回弹窗
@@ -500,12 +476,8 @@ export default {
       dailyTestReports: [], // 测试
       projectTestReportDOS: [], // 准出
       loading: false,
-      Addition: false,
-      Addition1: false,
-      Addition2: false,
       table_show: true, // 表格（显示）
       Gantt: false, // 甘特图（显示）
-      textarea: '', // 项目总目标
       taskScheduleEvent: [], // 事件类型
       total: 0,
       show2: true,
@@ -530,7 +502,6 @@ export default {
         resource: '',
         desc: ''
       },
-      formLabelWidth: '100px',
       tasktId: '',
       echarts_name: [], // echarts_name
       echarts_value: [], // echats_value
@@ -1130,71 +1101,15 @@ export default {
   justify-content: center;
 }
 
-.time-horizontal {
-  list-style-type: none;
-  padding: 0px;
-  margin: 0px;
-  width: 100%;
-  height: 222px;
-  white-space: nowrap;
-}
-
 .dialog .el-dialog__header {
   padding: 0;
 }
 
-.time-horizontal li {
-  display: inline-block;
-  position: relative;
-  text-align: center;
-  width: 25%;
-  padding-top: 7%;
-}
-
-.time-horizontal li i div {
-  position: absolute;
-  top: -10px;
-  left: 50%;
-  margin-left: -10px;
-  width: 20px;
-  height: 20px;
-}
-
-.time-horizontal li i div b {
-  display: inline-block;
-  cursor: pointer;
-  border: 2px solid #61D3B8;
-  border-radius: 50%;
-  background: #61D3B8;
-  color: #61D3B8;
-  z-index: 9999;
-  width: 20px;
-  height: 20px;
-}
-
 .el-dropdown-menu__item:not(.is-disabled):hover {
   background-color: #f6f7fa;
   color: #606266;
 }
 
-.time-horizontal li i:before {
-  content: '';
-  width: 0%;
-  text-align: center;
-  position: absolute;
-  top: -50%;
-  left: 49.3%;
-  height: 100%;
-  border: 1px dashed #BBBBBB;
-}
-
-.time-horizontal li div {
-  text-align: center;
-  width: 100%;
-  position: absolute;
-  bottom: 197%;
-}
-
 .bgbugTa .el-divider--horizontal {
   display: block;
   height: 1px;
@@ -1235,10 +1150,7 @@ export default {
    font-family:MicrosoftYaHei;
    color:rgba(255,255,255,1);
 }
-.Reply:hover {
-   color: #409EFF;
-   cursor: pointer;
-}
+
 .dateSet {
   font-size: 14px;
   color: #333B4A;