diff --git a/src/views/projectAdmin/jlw/planProgress/centerTop.vue b/src/views/projectAdmin/jlw/planProgress/centerTop.vue index 972328d7..d92bbf6f 100644 --- a/src/views/projectAdmin/jlw/planProgress/centerTop.vue +++ b/src/views/projectAdmin/jlw/planProgress/centerTop.vue @@ -70,7 +70,7 @@ export default { }, data() { return { - dates: ['2020/03', '2020/04', '2020/05', '2020/07', '2020/08'], + dates: ['2020/03', '2020/04', '2020/05', '2020/06', '2020/07', '2020/08'], projects: [ { pName: '地基与基础工程', @@ -91,21 +91,38 @@ export default { methods: { getGantts() { this.projects.map(project => { - let { startTime, pName, gantts } = project - const dateArr = startTime.split('/') + let { startTime, endTime, pName, gantts } = project + const startArr = startTime.split('/') + const endArr = endTime.split('/') let startRef = null + let endRef = null - if (!(dateArr[2] % 2)) { - const day = dateArr[2] - 1 - dateArr[2] = day < 10 ? '0' + day : day - startTime = dateArr.join('/') + if (!(startArr[2] % 2)) { + const day = startArr[2] - 1 + startArr[2] = day < 10 ? '0' + day : day + startTime = startArr.join('/') console.log(startTime, 'xxx') } + if (!(endArr[2] % 2)) { + const day = endArr[2] - 1 + endArr[2] = day < 10 ? '0' + day : day + endTime = endArr.join('/') + console.log(endTime, 'xxx') + } startRef = this.$refs[`${pName}-${startTime}`][0] - const left = startRef.offsetLeft - gantts[0].left = left + 'px' - console.log(startRef.offsetLeft, '丢雷', startTime) + const startLeft = startRef.offsetLeft + + endRef = this.$refs[`${pName}-${endTime}`][0] + const endWidth = endRef.offsetWidth + const endLeft = endRef.offsetLeft + const ganttWidth = endLeft - startLeft + endWidth + + if (gantts) { + gantts[0].left = startLeft + 'px' + gantts[0].width = ganttWidth + 'px' + } + console.log(startLeft, ganttWidth, '丢雷', `${pName}-${endTime}`) // 设置 left }) },