修改看板

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