fix:: 界面功能优化完善。

This commit is contained in:
tianyongbao
2026-02-05 20:40:19 +08:00
parent 5f636aa35a
commit 7eef22d90c
13 changed files with 113 additions and 248 deletions

3
.vscode/settings.json vendored Normal file
View File

@@ -0,0 +1,3 @@
{
"git.ignoreLimitWarning": true
}

View File

@@ -5,8 +5,8 @@
<view class="logo-box">
<image class="logo" :src="globalConfig.appInfo.logo" mode="aspectFit"></image>
</view>
<text class="app-title">XXXXXXX平台</text>
<text class="app-subtitle">专业的XXXX工具</text>
<text class="app-title">智聪科技</text>
<text class="app-subtitle">专业的全栈开发平台</text>
</view>
<!-- 登录表单卡片 -->
@@ -85,8 +85,8 @@ const globalConfig = ref(config);
const agree = ref(false); // 同意协议
const loginForm = ref({
tenantId: "000000",
username: "",
password: "",
username: "admin",
password: "LLqRDf6zkmsPVB40",
code: "",
uuid: ''
});

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.configName" border="false" placeholder="请输入参数名称" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -255,57 +256,27 @@ page {
padding: 20rpx 24rpx;
background-color: #ffffff;
position: relative;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
gap: 16rpx;
.search-input {
background: rgba(102, 126, 234, 0.08);
color: #333333;
flex: 1;
margin-right: 16rpx;
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
height: 66rpx !important;
display: flex;
align-items: center;
}
.filter-btn {
display: flex;
align-items: center;
gap: 6rpx;
padding: 12rpx 24rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
&:active {
transform: scale(0.95);
background: rgba(102, 126, 234, 0.12);
}
text {
color: #667eea;
font-size: 28rpx;
font-weight: 600;
}
uni-icons {
color: #667eea;
}
min-width: 0;
}
.filter-btn,
.add-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 12rpx 24rpx;
padding: 0 24rpx;
height: 66rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
margin-left: 10rpx;
&:active {
transform: scale(0.95);
@@ -496,7 +467,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.deptName" border="false" placeholder="请输入部门名称" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -489,7 +490,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.dictName" border="false" placeholder="请输入字典名称" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -499,7 +500,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -11,7 +11,8 @@
</view>
<view class="search-row">
<u--input v-model="queryParams.dictLabel" border="false" placeholder="请输入字典标签" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -281,6 +282,7 @@ page {
padding: 20rpx 24rpx;
background-color: #ffffff;
position: relative;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
gap: 16rpx;
.dict-name-row {
@@ -316,56 +318,23 @@ page {
}
.search-input {
background: rgba(102, 126, 234, 0.08);
color: #333333;
flex: 1;
min-width: 0;
margin-right: 16rpx;
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
height: 66rpx !important;
display: flex;
align-items: center;
}
.filter-btn {
display: flex;
align-items: center;
gap: 6rpx;
padding: 12rpx 24rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
&:active {
transform: scale(0.95);
background: rgba(102, 126, 234, 0.12);
}
text {
color: #667eea;
font-size: 28rpx;
font-weight: 600;
}
uni-icons {
color: #667eea;
}
}
.filter-btn,
.add-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 12rpx 24rpx;
padding: 0 24rpx;
height: 66rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
margin-left: 10rpx;
&:active {
transform: scale(0.95);
@@ -564,7 +533,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.userName" border="false" placeholder="请输入用户名称" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -502,7 +503,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.menuName" border="false" placeholder="请输入菜单名称" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -530,7 +531,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.noticeTitle" border="false" placeholder="请输入公告标题" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -278,57 +279,27 @@ page {
padding: 20rpx 24rpx;
background-color: #ffffff;
position: relative;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
gap: 16rpx;
.search-input {
background: rgba(102, 126, 234, 0.08);
color: #333333;
flex: 1;
margin-right: 16rpx;
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
height: 66rpx !important;
display: flex;
align-items: center;
}
.filter-btn {
display: flex;
align-items: center;
gap: 6rpx;
padding: 12rpx 24rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
&:active {
transform: scale(0.95);
background: rgba(102, 126, 234, 0.12);
}
text {
color: #667eea;
font-size: 28rpx;
font-weight: 600;
}
uni-icons {
color: #667eea;
}
min-width: 0;
}
.filter-btn,
.add-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 12rpx 24rpx;
padding: 0 24rpx;
height: 66rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
margin-left: 10rpx;
&:active {
transform: scale(0.95);
@@ -519,7 +490,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.title" border="false" placeholder="请输入系统模块" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -569,7 +570,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 15rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.postName" border="false" placeholder="请输入岗位名称" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -255,57 +256,27 @@ page {
padding: 20rpx 24rpx;
background-color: #ffffff;
position: relative;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
gap: 16rpx;
.search-input {
background: rgba(102, 126, 234, 0.08);
color: #333333;
flex: 1;
margin-right: 16rpx;
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
height: 66rpx !important;
display: flex;
align-items: center;
}
.filter-btn {
display: flex;
align-items: center;
gap: 6rpx;
padding: 12rpx 24rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
&:active {
transform: scale(0.95);
background: rgba(102, 126, 234, 0.12);
}
text {
color: #667eea;
font-size: 28rpx;
font-weight: 600;
}
uni-icons {
color: #667eea;
}
min-width: 0;
}
.filter-btn,
.add-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 12rpx 24rpx;
padding: 0 24rpx;
height: 66rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
margin-left: 10rpx;
&:active {
transform: scale(0.95);
@@ -535,7 +506,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.roleName" border="false" placeholder="请输入角色名称" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -252,57 +253,27 @@ page {
padding: 20rpx 24rpx;
background-color: #ffffff;
position: relative;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
gap: 16rpx;
.search-input {
background: rgba(102, 126, 234, 0.08);
color: #333333;
flex: 1;
margin-right: 16rpx;
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
height: 66rpx !important;
display: flex;
align-items: center;
}
.filter-btn {
display: flex;
align-items: center;
gap: 6rpx;
padding: 12rpx 24rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
&:active {
transform: scale(0.95);
background: rgba(102, 126, 234, 0.12);
}
text {
color: #667eea;
font-size: 28rpx;
font-weight: 600;
}
uni-icons {
color: #667eea;
}
min-width: 0;
}
.filter-btn,
.add-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 12rpx 24rpx;
padding: 0 24rpx;
height: 66rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
margin-left: 10rpx;
&:active {
transform: scale(0.95);
@@ -486,7 +457,10 @@ page {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {

View File

@@ -3,7 +3,8 @@
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
<view class="search-view">
<u--input v-model="queryParams.userName" border="false" placeholder="请输入用户名称" class="search-input"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #909399">
customStyle="background: #f7f8fa; border: 2rpx solid #e4e7ed; border-radius: 24rpx; height: 66rpx; padding: 0 24rpx;"
@blur="searchBlur" suffixIcon="search" suffixIconStyle="color: #667eea">
</u--input>
<view class="filter-btn" @click="filterPanel = !filterPanel">
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
@@ -268,57 +269,27 @@ function dictStr(value, list) {
padding: 20rpx 24rpx;
background-color: #ffffff;
position: relative;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
gap: 16rpx;
.search-input {
background: rgba(102, 126, 234, 0.08);
color: #333333;
flex: 1;
margin-right: 16rpx;
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
height: 66rpx !important;
display: flex;
align-items: center;
}
.filter-btn {
display: flex;
align-items: center;
gap: 6rpx;
padding: 12rpx 24rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
&:active {
transform: scale(0.95);
background: rgba(102, 126, 234, 0.12);
}
text {
color: #667eea;
font-size: 28rpx;
font-weight: 600;
}
uni-icons {
color: #667eea;
}
min-width: 0;
}
.filter-btn,
.add-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 12rpx 24rpx;
padding: 0 24rpx;
height: 66rpx;
background: rgba(102, 126, 234, 0.08);
border-radius: 24rpx;
border: 2rpx solid rgba(102, 126, 234, 0.3);
transition: all 0.3s ease;
flex-shrink: 0;
margin-left: 10rpx;
&:active {
transform: scale(0.95);
@@ -546,7 +517,10 @@ function dictStr(value, list) {
.card-body {
padding: 24rpx;
background: #fff;
background: #fafbfc;
border: 2rpx solid #f0f2f5;
margin: 15rpx 16rpx 2rpx;
border-radius: 12rpx;
}
.info-row {