修改看板

This commit is contained in:
qq787203167
2022-06-16 10:20:46 +08:00
parent d303b5e811
commit 5f104e1f52
2 changed files with 40 additions and 16 deletions
@@ -45,13 +45,19 @@
<div class="process-content-right-xian"></div> <div class="process-content-right-xian"></div>
<div class="process-content-content" :style="val.left" <div class="process-content-content" :style="val.left"
v-for="(val,indexOne) in item.data[0]" :key="indexOne"> v-for="(val,indexOne) in item.data[0]" :key="indexOne">
<div class="process-content-right-top">{{val.name}}</div> <a-tooltip placement="topLeft">
<img v-if="val.status == 1" src="../../../../assets/wancheng.png" class="process-content-left" alt=""> <template slot="title">
<img v-else-if="val.status == 2" src="../../../../assets/shijian.png" class="process-content-left" <span>{{val.time.slice(0,11)}}</span>
alt=""> </template>
<img v-else-if="val.status == 3" src="../../../../assets/xian.png" class="process-content-left" <div class="process-content-right-top">{{val.name}}</div>
alt=""> <img v-if="val.status == 1" src="../../../../assets/done.svg" class="process-content-left" alt="">
<div class="process-content-right-button">{{val.time.slice(0,11)}}</div> <img v-else-if="val.status == 2" src="../../../../assets/open.svg"
class="process-content-left"
alt="">
<img v-else-if="val.status == 3" src="../../../../assets/inprogress.svg" class="process-content-left"
alt="">
</a-tooltip>
<!-- <div class="process-content-right-button">{{val.time.slice(0,11)}}</div>-->
</div> </div>
</div> </div>
<div class="box-top-content-right-xian"></div> <div class="box-top-content-right-xian"></div>
@@ -111,6 +117,8 @@
getAction(this.url.timeline, query).then((res) => { getAction(this.url.timeline, query).then((res) => {
if (res.success) { if (res.success) {
this.getTimelineList(res.result) this.getTimelineList(res.result)
} else {
this.loadingMain = false
} }
}) })
}, },
@@ -140,6 +148,8 @@
getAction(this.url.timelineList, query).then((res) => { getAction(this.url.timelineList, query).then((res) => {
if (res.success) { if (res.success) {
this.getEcharts(time, res.result) this.getEcharts(time, res.result)
} else {
this.loadingMain = false
} }
}) })
}, },
@@ -218,8 +228,8 @@
} }
contentRightText[0].style = 'display:none' contentRightText[0].style = 'display:none'
contentRightXian[0].style = 'display:none' contentRightXian[0].style = 'display:none'
let clientWidthOne = dataList[0].clientWidth let clientWidthOne = dataList[0].clientWidth * dataList.length
clientWidthOne = clientWidthOne / length clientWidthOne = clientWidthOne / timeList.length
let num = Math.ceil(clientWidthOne / 31) * parseInt(this.handlingTime.slice(8, 10)) let num = Math.ceil(clientWidthOne / 31) * parseInt(this.handlingTime.slice(8, 10))
timeList.forEach((res, index) => { timeList.forEach((res, index) => {
if (res.slice(0, 7) == this.handlingTime.slice(0, 7)) { if (res.slice(0, 7) == this.handlingTime.slice(0, 7)) {
@@ -308,7 +318,7 @@
width: 100%; width: 100%;
height: calc(100vh - 160px); height: calc(100vh - 160px);
margin-bottom: 20px; margin-bottom: 20px;
padding: 25px 20px 10px 20px; padding: 25px 50px 10px 20px;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;
} }
@@ -71,11 +71,21 @@
<div class="process-content-right-xian"></div> <div class="process-content-right-xian"></div>
<div class="process-content-content" :style="val.left" <div class="process-content-content" :style="val.left"
v-for="(val,indexOne) in item.data[0]" :key="indexOne"> v-for="(val,indexOne) in item.data[0]" :key="indexOne">
<div class="process-content-right-top">{{val.name}}</div> <a-tooltip placement="topLeft">
<img v-if="val.status == 1" src="../../../assets/wancheng.png" class="process-content-left" alt=""> <template slot="title">
<img v-else-if="val.status == 2" src="../../../assets/shijian.png" class="process-content-left" alt=""> <span>{{val.time.slice(0,11)}}</span>
<img v-else-if="val.status == 3" src="../../../assets/xian.png" class="process-content-left" alt=""> </template>
<div class="process-content-right-button">{{val.time.slice(0,11)}}</div> <div class="process-content-right-top">{{val.name}}</div>
<img v-if="val.status == 1" src="../../../assets/done.svg" class="process-content-left"
alt="">
<img v-else-if="val.status == 2" src="../../../assets/open.svg"
class="process-content-left"
alt="">
<img v-else-if="val.status == 3" src="../../../assets/inprogress.svg" class="process-content-left"
alt="">
</a-tooltip>
<!-- <div class="process-content-right-button">{{val.time.slice(0,11)}}</div>-->
</div> </div>
</div> </div>
<div class="box-top-content-right-xian"></div> <div class="box-top-content-right-xian"></div>
@@ -242,6 +252,8 @@
getAction(this.url.timeline, query).then((res) => { getAction(this.url.timeline, query).then((res) => {
if (res.success) { if (res.success) {
this.getTimelineList(res.result) this.getTimelineList(res.result)
} else {
this.loadingMain = false
} }
}) })
}, },
@@ -272,6 +284,8 @@
getAction(this.url.timelineList, query).then((res) => { getAction(this.url.timelineList, query).then((res) => {
if (res.success) { if (res.success) {
this.getEcharts(time, res.result) this.getEcharts(time, res.result)
} else {
this.loadingMain = false
} }
}) })
}, },
@@ -451,7 +465,7 @@
width: 100%; width: 100%;
height: 500px; height: 500px;
margin-bottom: 20px; margin-bottom: 20px;
padding: 20px 0; padding: 20px 58px 20px 10px;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;
} }