From ccedc2e714c01d51f8eb986c6549ea701811f4bb Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期六, 08 十月 2022 18:07:44 +0800
Subject: [PATCH] 新增运营管理中基础设置的违规违建类型添加,添加一些取消按钮的实现
---
src/components/process/index.vue | 40 ++++++++++++++++++++++++++--------------
1 files changed, 26 insertions(+), 14 deletions(-)
diff --git a/src/components/process/index.vue b/src/components/process/index.vue
index 7ec8e99..8db0ab4 100644
--- a/src/components/process/index.vue
+++ b/src/components/process/index.vue
@@ -1,36 +1,36 @@
<template>
<div class="my-process">
<div class="my-pro-header">
- <div class="pro-step" v-for="(item,index) in list" :key="item.title">
+ <div class="pro-step" v-for="(item,index) in list" :key="item.name">
<div class="pro-step-top">
<div
- :class="['circle',active === item.index ? 'in-process' : active > item.index ? 'finish' : 'wait' ]">
+ :class="['circle',active === index+1 ? 'in-process' : active > index ? 'finish' : 'wait' ]">
</div>
- <div :class="['line',active > item.index ? 'finish-line' :'']"
+ <div :class="['line',active > index ? 'finish-line' :'']"
v-if="index<list.length-1 ? true:false"></div>
</div>
<div
- :class="['pro-step-name',active === item.index ? 'in-process' : active > item.index ? 'finish' : 'wait' ]">
- {{item.title}}</div>
+ :class="['pro-step-name',active === index+1 ? 'in-process' : active > index ? 'finish' : 'wait' ]">
+ {{item.name}}</div>
</div>
</div>
<div class="my-pro-main">
<div class="pro-step-ver" v-for="(item,index) in list" :key="item.title">
<div
- :class="['pro-step-name',active === item.index ? 'in-process' : active > item.index ? 'finish' : 'wait' ]">
- {{item.title}}</div>
+ :class="['pro-step-name',active === index+1 ? 'in-process' : active > index ? 'finish' : 'wait' ]">
+ {{item.name}}</div>
<div class="pro-step-top">
<div
- :class="['circle',active === item.index ? 'in-process' : active > item.index ? 'finish' : 'wait' ]">
+ :class="['circle',active === index+1 ? 'in-process' : active > index ? 'finish' : 'wait' ]">
</div>
- <div :class="['line',active > item.index ? 'finish-line' :'']"
+ <div :class="['line',active > index ? 'finish-line' :'']"
v-if="index<list.length-1 ? true:false"></div>
</div>
<div class="desc">
- <div class="desc-title">鐜妭鐢ㄦ椂:</div>
- <div class="desc-content" v-if="active > index+1">
+ <div class="desc-title">鐜妭鐢ㄦ椂:{{item.disposeRecords[0].linkTime}}</div>
+ <div class="desc-content" v-if="active > index">
<div class="desc-content-message">1111111</div>
- <div class="desc-content-endtime">22.09.06 16:40</div>
+ <div class="desc-content-endtime">{{item.disposeRecords[0].endTime}}</div>
</div>
</div>
</div>
@@ -41,7 +41,7 @@
export default {
data() {
return {
- active: 2,
+ active: 0,
list: [
{
title: '涓婃姤',
@@ -73,7 +73,15 @@
props:['handlePassVo'],
created(){
console.log('process');
- console.log(this.handlePassVo);
+ const {handlePassVo:{workflowConfigSteps:mylist}} = this;
+ // console.log(this.handlePassVo.workflowConfigSteps[0].name);
+ console.log(mylist);
+ mylist.forEach(item=>{
+ if(item.disposeRecords[0].endTime != null){
+ this.active ++;
+ }
+ })
+ this.list = mylist;
}
}
</script>
@@ -103,6 +111,8 @@
}
.my-pro-main {
+ margin-top: 30px;
+ margin-left: -50px;
.pro-step-ver {
display: flex;
align-items: flex-start;
@@ -117,8 +127,10 @@
align-items: center;
}
.pro-step-name {
+ width: 120px;
line-height: 24px;
margin-right: 10px;
+ text-align: right;
}
.desc{
flex: 1;
--
Gitblit v1.8.0