任务同步望月

src/views/projectManage/taskList/components/scheduleList.vue

@@ -56,6 +56,30 @@
         label="参与人员"
         min-width="100"
       />
+      <el-table-column
+        label="关联任务"
+        min-width="100"
+      >
+        <template slot-scope="scope">
+          <el-popover
+            placement="bottom"
+            title="关联的任务"
+            width="450"
+            trigger="click"
+          >
+            <div class="task-object-list">
+              <template v-for="(item,index) in scope.row.taskObjectList">
+                <div v-if="index<5" :key="'task-object'+index" class="task-item">
+                  <span class="item-id">{{ item.taskId }}</span>
+                  <span class="item-name">{{ item.name }}</span>
+                  <span>{{ item.moduleInfoName }}</span>
+                </div>
+              </template>
+            </div>
+            <div v-if="scope.row.taskObjectList" slot="reference" class="point-blue">{{ scope.row.taskObjectList.length }}</div>
+          </el-popover>
+        </template>
+      </el-table-column>
       <el-table-column
         label="操作"
         width="200"
@@ -187,7 +211,6 @@ export default {
     // },
     async listByTask(id) { // 获取排期列表
       const res = await listByTask(id)
-
       if (res.code === 200) {
         this.scheduleList = res.data.scheduleDetailRespons || []
         this.scheduleDetail = res.data || {}
@@ -270,6 +293,29 @@ export default {
     width: 8px;
   }
 }
+.point-blue {
+  cursor: pointer;
+  color: #409EFF;
+}
+.task-object-list {
+  width: 100%;
+  overflow: scroll;
+  .task-item {
+    width: 100%;
+    white-space: nowrap;
+    color: #999999;
+    .item-id {
+      padding-right: 20px;
+    }
+    .item-name {
+      color: #333333;
+      padding-right: 20px;
+    }
+  }
+}
+.task-object-list::-webkit-scrollbar {
+  display: none;
+}
 </style>
 <style>
 .el-tooltip__popper.is-dark {

src/views/projectManage/taskList/taskViewDetail.vue

@@ -172,9 +172,18 @@
             </div>
           </div>
           <section class="main-section">
-            <div class="allTips">
+            <div class="task-help-tips">
+              <div class="tips-icon" />
+              <div class="tips-context">
+                <h3>帮助提示</h3>
+                .每个任务仅支持一次提测和一次准出，请合理拆解任务后再排期。<br>
+                .任务状态未变更【已排期】前，排期不可锁定；状态变更为【已排期】时，任务排期将被系统自动锁定。<br>
+                .需求排期锁定时，任务排期将全部被锁定；所有任务锁定时，需求排期将被系统自动锁定。<br>
+                .任务锁定时，系统会自动将任务排期及交付时间同步至望岳。若多个任务关联同一个望岳任务，同步时排期会汇总一并同步到望岳，交付时间则按最晚日期同步至望岳。<br>
+              </div>
+            </div>
+            <div class="list-tips">
               <div class="tips">
-                <i class="el-icon-warning-outline" /> 每个任务仅支持一次提测和一次准出，请合理拆解后任务再排期<br>
                 <i v-if="tips" class="el-icon-warning-outline" style="color:#e88792;" />
                 <span v-if="tips" style="color:#e88792;">当前任务归属的需求计划排期呈锁定状态，当前任务的排期无法同步到需求计划中去，请将归属需求的排期解锁！</span>
               </div>
@@ -765,6 +774,19 @@ export default {
       font-size: 12px;
     }
   }
+  .task-help-tips {
+    display: flex;
+    margin: 0 20px;
+    padding: 20px 0;
+    border-radius: 8px;
+    background-color: rgba(64, 158, 255,0.1);
+    .tips-icon {
+      width: 50px;
+    }
+    .tips-context {
+      width: calc(100% - 50px);
+    }
+  }
   .detail-info {
     padding: 0 34px 20px 34px;
     /deep/.el-input__inner{
@@ -774,7 +796,7 @@ export default {
       border: 1px solid rgba(220,223,230,1)
     }
     /deep/.is-focus .el-input__inner {
-      border: 1px solid #409EFF;
+      border: 1px solid rgb(64, 158, 255);
     }
     /deep/.el-select{
       .el-input__suffix-inner {

vue.config.js

@@ -18,6 +18,7 @@ module.exports = {
   productionSourceMap: false,
   devServer: {
     port: port,
+    disableHostCheck: true,
     open: true,
     overlay: {
       warnings: false,
@@ -40,11 +41,6 @@ module.exports = {
       alias: {
         '@': resolve('src')
       }
-    },
-    performance: { // 性能设置
-      hints: 'warning',
-      maxEntrypointSize: 500000,
-      maxAssetSize: 300000
     }
   },
   chainWebpack(config) {