排期优化

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

@@ -21,7 +21,7 @@
       <el-table-column prop="type" label="类型" min-width="100" align="center">
         <template slot-scope="scope">
           {{ scope.row.name }}
-          <div :class="scope.row.isScheduleLocked === 1 ? 'el-icon-lock' : 'el-icon-unlock'" />
+          <div v-show="showunlock" :class="scope.row.isScheduleLocked === 1 ? 'el-icon-lock' : 'el-icon-unlock'" />
         </template>
       </el-table-column>
       <el-table-column prop="desc" label="描述" min-width="150" align="left" show-overflow-tooltip />
@@ -30,8 +30,10 @@
       <el-table-column prop="peopleList" label="参与人员" min-width="150" align="center" />
       <el-table-column label="操作" width="200" align="center">
         <template slot-scope="scope">
-          <el-button v-if="scope.row.isScheduleLocked === 0" type="text" size="small" @click="editSchedule(scope.row)">编辑</el-button>
-          <el-button v-if="scope.row.isScheduleLocked === 0" type="text" size="small" @click="deleteSchedule(scope.row)">删除</el-button>
+          <div v-if="showunlock">
+            <el-button v-if="scope.row.isScheduleLocked === 0" type="text" size="small" @click="editSchedule(scope.row)">编辑</el-button>
+            <el-button v-if="scope.row.isScheduleLocked === 0" type="text" size="small" @click="deleteSchedule(scope.row)">删除</el-button>
+          </div>
         </template>
       </el-table-column>
 
@@ -104,6 +106,11 @@ export default {
       type: Boolean,
       default: true,
       required: false
+    },
+    showunlock: {
+      type: Boolean,
+      default: false,
+      required: false
     }
   },
   data() {

src/views/projectManage/requirement/requirementDetail.vue

@@ -133,7 +133,7 @@
 
           <el-container>
             <el-main style="padding: 0;">
-              <schedule-list :id="requirementId" ref="ScheduleEvent" :type-list="taskScheduleEvent" :required-list="taskScheduleList" class-name="white" :all="true" :no-move="false" />
+              <schedule-list :id="requirementId" ref="ScheduleEvent" :showunlock="showunlock" :type-list="taskScheduleEvent" :required-list="taskScheduleList" class-name="white" :all="true" :no-move="false" />
             </el-main>
             <el-aside v-if="lockHide" class="SchedulingAside">
               <div v-for="(item, index) in SchedulingContent" :key="index" class="SchedulingDiv" @click="clickScheduling(item)">
@@ -305,6 +305,7 @@ export default {
   },
   data() {
     return {
+      showunlock: true,
       ScheduId: '', // 排期ID
       BackToTheLatest: false, // 回到最新
       LockState: {}, // 锁定状态
@@ -370,8 +371,10 @@ export default {
       this.lockHide = false // 隐藏排期变更记录
       this.taskScheduleList = res1.data.schedulDetailResponses
       this.isScheduleLocked = res1.data.isScheduleLocked // 锁定状态1锁定0未锁定
+      this.$refs.ScheduleEvent.listByTask(this.requirementId)
     },
     async clickScheduling(ele) {
+      this.showunlock = false
       this.ScheduId = ele.id
       const res = await scheduleGetHistoryScheduleById(ele.id)
       this.taskScheduleList = res.data.schedulDetailResponses
@@ -501,6 +504,7 @@ export default {
     scheduleHiHide() { // 排期变更显示隐藏
       this.lockHide = !this.lockHide
       this.lockHide === false ? this.BackToTheLatest = false : ''
+      this.showunlock = true
     },
     jump(page, id) { // 跳转
       this.$router.push({ name: page, query: { id: id }})