fix:: 界面功能优化完善。
This commit is contained in:
3
.vscode/settings.json
vendored
Normal file
3
.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"git.ignoreLimitWarning": true
|
||||||
|
}
|
||||||
@@ -5,8 +5,8 @@
|
|||||||
<view class="logo-box">
|
<view class="logo-box">
|
||||||
<image class="logo" :src="globalConfig.appInfo.logo" mode="aspectFit"></image>
|
<image class="logo" :src="globalConfig.appInfo.logo" mode="aspectFit"></image>
|
||||||
</view>
|
</view>
|
||||||
<text class="app-title">XXXXXXX平台</text>
|
<text class="app-title">智聪科技</text>
|
||||||
<text class="app-subtitle">专业的XXXX工具</text>
|
<text class="app-subtitle">专业的全栈开发平台</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 登录表单卡片 -->
|
<!-- 登录表单卡片 -->
|
||||||
@@ -85,8 +85,8 @@ const globalConfig = ref(config);
|
|||||||
const agree = ref(false); // 同意协议
|
const agree = ref(false); // 同意协议
|
||||||
const loginForm = ref({
|
const loginForm = ref({
|
||||||
tenantId: "000000",
|
tenantId: "000000",
|
||||||
username: "",
|
username: "admin",
|
||||||
password: "",
|
password: "LLqRDf6zkmsPVB40",
|
||||||
code: "",
|
code: "",
|
||||||
uuid: ''
|
uuid: ''
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.configName" border="false" placeholder="请输入参数名称" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -255,57 +256,27 @@ page {
|
|||||||
padding: 20rpx 24rpx;
|
padding: 20rpx 24rpx;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||||
|
gap: 16rpx;
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
background: rgba(102, 126, 234, 0.08);
|
|
||||||
color: #333333;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-right: 16rpx;
|
min-width: 0;
|
||||||
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 {
|
.add-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
gap: 6rpx;
|
gap: 6rpx;
|
||||||
padding: 12rpx 24rpx;
|
padding: 0 24rpx;
|
||||||
|
height: 66rpx;
|
||||||
background: rgba(102, 126, 234, 0.08);
|
background: rgba(102, 126, 234, 0.08);
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-left: 10rpx;
|
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
@@ -496,7 +467,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.deptName" border="false" placeholder="请输入部门名称" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -489,7 +490,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.dictName" border="false" placeholder="请输入字典名称" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -499,7 +500,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -11,7 +11,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="search-row">
|
<view class="search-row">
|
||||||
<u--input v-model="queryParams.dictLabel" border="false" placeholder="请输入字典标签" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -281,6 +282,7 @@ page {
|
|||||||
padding: 20rpx 24rpx;
|
padding: 20rpx 24rpx;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||||
gap: 16rpx;
|
gap: 16rpx;
|
||||||
|
|
||||||
.dict-name-row {
|
.dict-name-row {
|
||||||
@@ -316,56 +318,23 @@ page {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
background: rgba(102, 126, 234, 0.08);
|
|
||||||
color: #333333;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
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 {
|
.add-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
gap: 6rpx;
|
gap: 6rpx;
|
||||||
padding: 12rpx 24rpx;
|
padding: 0 24rpx;
|
||||||
|
height: 66rpx;
|
||||||
background: rgba(102, 126, 234, 0.08);
|
background: rgba(102, 126, 234, 0.08);
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-left: 10rpx;
|
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
@@ -564,7 +533,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.userName" border="false" placeholder="请输入用户名称" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -502,7 +503,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 15rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.menuName" border="false" placeholder="请输入菜单名称" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -530,7 +531,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.noticeTitle" border="false" placeholder="请输入公告标题" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -278,57 +279,27 @@ page {
|
|||||||
padding: 20rpx 24rpx;
|
padding: 20rpx 24rpx;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||||
|
gap: 16rpx;
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
background: rgba(102, 126, 234, 0.08);
|
|
||||||
color: #333333;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-right: 16rpx;
|
min-width: 0;
|
||||||
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 {
|
.add-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
gap: 6rpx;
|
gap: 6rpx;
|
||||||
padding: 12rpx 24rpx;
|
padding: 0 24rpx;
|
||||||
|
height: 66rpx;
|
||||||
background: rgba(102, 126, 234, 0.08);
|
background: rgba(102, 126, 234, 0.08);
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-left: 10rpx;
|
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
@@ -519,7 +490,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.title" border="false" placeholder="请输入系统模块" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -569,7 +570,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 15rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.postName" border="false" placeholder="请输入岗位名称" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -255,57 +256,27 @@ page {
|
|||||||
padding: 20rpx 24rpx;
|
padding: 20rpx 24rpx;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||||
|
gap: 16rpx;
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
background: rgba(102, 126, 234, 0.08);
|
|
||||||
color: #333333;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-right: 16rpx;
|
min-width: 0;
|
||||||
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 {
|
.add-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
gap: 6rpx;
|
gap: 6rpx;
|
||||||
padding: 12rpx 24rpx;
|
padding: 0 24rpx;
|
||||||
|
height: 66rpx;
|
||||||
background: rgba(102, 126, 234, 0.08);
|
background: rgba(102, 126, 234, 0.08);
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-left: 10rpx;
|
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
@@ -535,7 +506,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.roleName" border="false" placeholder="请输入角色名称" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -252,57 +253,27 @@ page {
|
|||||||
padding: 20rpx 24rpx;
|
padding: 20rpx 24rpx;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||||
|
gap: 16rpx;
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
background: rgba(102, 126, 234, 0.08);
|
|
||||||
color: #333333;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-right: 16rpx;
|
min-width: 0;
|
||||||
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 {
|
.add-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
gap: 6rpx;
|
gap: 6rpx;
|
||||||
padding: 12rpx 24rpx;
|
padding: 0 24rpx;
|
||||||
|
height: 66rpx;
|
||||||
background: rgba(102, 126, 234, 0.08);
|
background: rgba(102, 126, 234, 0.08);
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-left: 10rpx;
|
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
@@ -486,7 +457,10 @@ page {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
<u-sticky offsetTop="0rpx" customNavHeight="0rpx">
|
||||||
<view class="search-view">
|
<view class="search-view">
|
||||||
<u--input v-model="queryParams.userName" border="false" placeholder="请输入用户名称" class="search-input"
|
<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>
|
</u--input>
|
||||||
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
<view class="filter-btn" @click="filterPanel = !filterPanel">
|
||||||
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
<uni-icons type="list" size="18" color="#667eea"></uni-icons>
|
||||||
@@ -268,57 +269,27 @@ function dictStr(value, list) {
|
|||||||
padding: 20rpx 24rpx;
|
padding: 20rpx 24rpx;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||||
|
gap: 16rpx;
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
background: rgba(102, 126, 234, 0.08);
|
|
||||||
color: #333333;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-right: 16rpx;
|
min-width: 0;
|
||||||
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 {
|
.add-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
gap: 6rpx;
|
gap: 6rpx;
|
||||||
padding: 12rpx 24rpx;
|
padding: 0 24rpx;
|
||||||
|
height: 66rpx;
|
||||||
background: rgba(102, 126, 234, 0.08);
|
background: rgba(102, 126, 234, 0.08);
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-left: 10rpx;
|
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
@@ -546,7 +517,10 @@ function dictStr(value, list) {
|
|||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
background: #fff;
|
background: #fafbfc;
|
||||||
|
border: 2rpx solid #f0f2f5;
|
||||||
|
margin: 15rpx 16rpx 2rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-row {
|
.info-row {
|
||||||
|
|||||||
Reference in New Issue
Block a user