任务列表和排期

src/views/projectManage/projectList/component/scheduleList.vue

@@ -57,6 +57,10 @@
       </el-table-column>
 
     </el-table>
+    <div class="bottom-detail">
+      <el-row>排期总汇：{{ scheduleDetail.startTime | handlerDate }} ~ {{ scheduleDetail.endTime | handlerDate }}</el-row>
+      <el-row>预计上线版本：{{ scheduleDetail.preOnlineVersion || '' }}</el-row>
+    </div>
     <modify-schedule
       v-if="visibleSchedule"
       :visible.sync="visibleSchedule"
@@ -67,12 +71,19 @@
   </div>
 </template>
 <script>
+import moment from 'moment'
+import 'moment/locale/zh-cn'
 import { listByTask, scheduleDelete } from '@/api/projectViewDetails'
 import modifySchedule from './modifySchedule'
 export default {
   components: {
     modifySchedule
   },
+  filters: {
+    handlerDate(val) {
+      return val ? moment(val).format('YYYY-MM-DD') : ''
+    }
+  },
   props: {
     id: {
       type: Number,
@@ -88,6 +99,7 @@ export default {
   data() {
     return {
       scheduleList: [],
+      scheduleDetail: {},
       visibleSchedule: false,
       detailData: null,
       taskScheduleEvent: [], // 排期类型
@@ -108,8 +120,6 @@ export default {
       immediate: true
     }
   },
-  created() {
-  },
   methods: {
     getType(value) {
       const res = this.taskScheduleEvent.find(item => item.code === value) || {}
@@ -119,6 +129,7 @@ export default {
       const res = await listByTask(id)
       if (res.code === 200) {
         this.scheduleList = res.data.schedulDetailResponses
+        this.scheduleDetail = res.data || {}
         this.scheduleList = this.scheduleList.map(item => ({
           ...item,
           peopleList: item.peopleObjectList.map(item => item.name).join('，')
@@ -169,4 +180,13 @@ export default {
 >>>.el-table, .el-table__expanded-cell{
   background:rgba(248,248,248,0.6);
 }
+.bottom-detail {
+  font-size: 14px;
+  width: calc(100% - 40px);
+  margin: 0 20px;
+  padding: 20px 0;
+  :first-child {
+    margin-bottom: 10px;
+  }
+}
 </style>