wkc/ibs-fullstack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0325-海宁pad走访修改

Browse Source
This commit is contained in:
杨乐言
2026-03-25 18:24:40 +08:00
parent 15891708de
commit 7bbe527477
11 changed files with 211 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
ruoyi-ui/src/views/group/custGroup/index.vue
View File

@@ -1,9 +1,11 @@
<template>
<div class="customer-wrap">
<el-radio-group v-model="activeTab" class="group-tab-radio" @input="handleTabChange">
<el-radio-button label="mine">我创建的</el-radio-button>
<el-radio-button label="sharedToMe">下发给我的</el-radio-button>
</el-radio-group>
<div class="nav_box">
<el-radio-group v-model="activeTab" class="header-radio" @input="handleTabChange">
<el-radio-button label="mine">我创建的</el-radio-button>
<el-radio-button label="sharedToMe">下发给我的</el-radio-button>
</el-radio-group>
</div>
<div v-show="showSearch" class="search-area">
<el-form
@@ -214,8 +216,16 @@ export default {
}
},
created() {
this.activeTab = this.$route.query.tab || 'mine'
this.getList()
},
watch: {
'$route.query.refresh'() {
this.activeTab = this.$route.query.tab || 'mine'
this.queryParams.pageNum = 1
this.getList()
}
},
beforeDestroy() {
this.clearRefreshTimer()
},
@@ -304,7 +314,7 @@ export default {
handleView(row) {
this.$router.push({
path: '/group/custGroup/detail',
query: { groupId: row.id }
query: { groupId: row.id, viewType: this.activeTab }
})
},
@@ -347,61 +357,66 @@ export default {
overflow: hidden;
box-shadow: 0 3px 8px 0 #00000017;
border-radius: 16px 16px 0 0;
padding: 24px 30px;
padding: 0 30px 24px;
.group-tab-radio {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ebebeb;
margin-bottom: 8px;
.nav_box {
overflow: hidden;
margin: 0 -30px 8px;
border-radius: 16px 16px 0 0;
.el-radio-button {
flex: 1;
.header-radio {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ebebeb;
::v-deep .el-radio-button__inner {
width: 100%;
border: none;
font-weight: 400;
letter-spacing: 0.44px;
line-height: 25px;
font-size: 16px;
color: #666666;
padding: 11px 0 12px 0;
border-radius: 0;
box-shadow: none;
}
.el-radio-button {
flex: 1;
::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
background-color: #4886f8;
font-weight: 400;
color: #ffffff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
&:nth-child(2) {
&::before,
&::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 21px;
width: 1px;
background: #ebebeb;
z-index: 1;
::v-deep .el-radio-button__inner {
width: 100%;
border: none;
font-weight: 400;
letter-spacing: 0.44px;
line-height: 25px;
font-size: 16px;
color: #666666;
padding: 11px 0 12px 0;
border-radius: 0;
box-shadow: none;
}
&::after {
right: 1px;
::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
background-color: #4886f8;
font-weight: 400;
color: #ffffff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
&.is-active {
&::before,
&::after {
content: none;
&:nth-child(2) {
&::before,
&::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 21px;
width: 1px;
background: #ebebeb;
z-index: 1;
}
&::after {
right: 1px;
}
}
&.is-active {
&::before,
&::after {
content: none;
}
}
}
}