From dc21acf2cd6629abeff5e5c077c90623e2e89cae Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 23 五月 2024 14:42:09 +0800
Subject: [PATCH] ''
---
admin/src/views/business/approvalConfiguration.vue | 76 ++++++++++++++++++++++++++------------
1 files changed, 52 insertions(+), 24 deletions(-)
diff --git a/admin/src/views/business/approvalConfiguration.vue b/admin/src/views/business/approvalConfiguration.vue
index b7367c3..f7f134f 100644
--- a/admin/src/views/business/approvalConfiguration.vue
+++ b/admin/src/views/business/approvalConfiguration.vue
@@ -1,10 +1,6 @@
<template>
<TableLayout>
<template v-slot:table-wrap>
- <el-tabs v-model="activeName">
- <el-tab-pane label="鏅�氳瀹�" name="first"></el-tab-pane>
- <el-tab-pane label="鏂藉伐璁垮" name="second"></el-tab-pane>
- </el-tabs>
<div class="config">
<div class="config_list">
<div class="config_list_head">
@@ -22,21 +18,29 @@
<div class="line"></div>
<img src="@/assets/images/peizhi_ar@2x.png" alt="" />
</div>
- <div
- class="item yellow"
- :class="{ active: activeSel === 'one' }"
- @click="flowClick('one')"
- >
- <div class="head">瀹℃壒浜�</div>
- <div class="content">
- <div>琚浜�</div>
- <i class="el-icon-arrow-right"></i>
+ <template v-for="(item, index) in apprList">
+ <div
+ class="item yellow"
+ :class="{ active: item.active }"
+ @click="flowClick(index)"
+ :key="index"
+ >
+ <div class="head">瀹℃壒浜�</div>
+ <div class="content">
+ <div>琚浜�</div>
+ <i class="el-icon-arrow-right"></i>
+ </div>
</div>
- </div>
- <div class="arrows">
- <div class="line"></div>
- <img src="@/assets/images/peizhi_ar@2x.png" alt="" />
- </div>
+ <div class="arrows" :key="index">
+ <div class="line"></div>
+ <img src="@/assets/images/peizhi_ar@2x.png" alt="" />
+ <i
+ v-if="apprList.length - 1 === index"
+ @click="handleAddAppr()"
+ class="el-icon-circle-plus add"
+ ></i>
+ </div>
+ </template>
<template v-if="false">
<div
class="item yellow"
@@ -135,7 +139,12 @@
</div>
<div class="df_ac mt10">
<span class="mr20">閫夋嫨淇敼椤�</span>
- <el-select v-model="param.list" collapse-tags multiple placeholder="璇烽�夋嫨,澶氶��">
+ <el-select
+ v-model="param.list"
+ collapse-tags
+ multiple
+ placeholder="璇烽�夋嫨,澶氶��"
+ >
<el-option
v-for="item in options"
:key="item.value"
@@ -189,16 +198,17 @@
},
data () {
return {
+ apprList: [
+ { name: '', active: false },
+ { name: '', active: false }
+ ],
value: '',
radio: 0,
radio1: 0,
checked: '',
- checkList: [],
param: {},
- activeSel: 'one',
- activeName: 'first',
isShowTransfer: false,
fromData: [
{
@@ -255,8 +265,17 @@
}
},
methods: {
- flowClick (val) {
- this.activeSel = val
+ flowClick (i) {
+ this.apprList.forEach((item, index) => {
+ if (i === index) {
+ item.active = true
+ } else {
+ item.active = false
+ }
+ })
+ },
+ handleAddAppr () {
+ this.apprList.push({ name: '', active: false })
},
selStaff () {
@@ -326,11 +345,20 @@
display: flex;
flex-direction: column;
align-items: center;
+ position: relative;
.line {
width: 1px;
height: 60px;
background-color: #ccc;
}
+ .add {
+ font-size: 40px;
+ color: #2080f7;
+ position: absolute;
+ cursor: pointer;
+ z-index: 999;
+ top: 10px;
+ }
img {
width: 12px;
}
--
Gitblit v1.9.3