From 005b0cb0e66e318020d1c16190e68c052fab57cb Mon Sep 17 00:00:00 2001 From: Jack <1638169491@qq.com> Date: Wed, 10 Aug 2022 10:09:38 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E8=BF=9B?= =?UTF-8?q?=E5=BA=A6=E8=AE=A1=E5=88=92)=EF=BC=9A=E5=AE=8C=E6=88=90?= =?UTF-8?q?=E7=94=98=E7=89=B9=E5=9B=BE=E8=BF=9B=E5=BA=A6=E6=9D=A1=E5=AE=BD?= =?UTF-8?q?=E5=BA=A6=E8=AE=BE=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../jlw/planProgress/centerTop.vue | 37 ++++++++++++++----- 1 file changed, 27 insertions(+), 10 deletions(-) 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 }) },