by/SmartParks_visitore
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面调整

Browse Source
This commit is contained in:
merak1237
2025-08-26 16:07:25 +08:00
parent f259275adb
commit 0e673b853d
6 changed files with 1278 additions and 1241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

663
pages/sys/login/index.vue
View File

@@ -1,352 +1,369 @@
<template>
<view class="login-container">
<!-- 顶部渐变背景和标题 -->
<view class="login-header">
<image class="login-bg-img" src="/static/ic_login_topbg.png" mode="widthFix" />
<view class="login-title">登录注册</view>
<view class="login-subtitle">欢迎使用数智南川</view>
<template>
<view class="login-container">
<!-- 顶部渐变背景和标题 -->
<view class="login-header">
<view class="login-title">登录注册</view>
<view class="login-subtitle">欢迎使用数智南川</view>
</view>
<!-- 表单区域 -->
<view class="login-form">
<view class="input-row">
<image class="iconfont" src="/static/aidex/login/ic_login_user.png" />
<input class="login-input" type="text" placeholder="输入账号" v-model="username" />
</view>
<view class="input-row">
<image class="iconfont2" src="/static/aidex/login/ic_login_pwd.png" />
<input class="login-input" type="password" v-model="password" placeholder="请输入密码" />
</view>
<view class="protocol-row">
<label class="custom-checkbox-label">
<input type="checkbox" :checked="checked" @change="handleCheckboxChange"
class="custom-checkbox-input" />
<image :src="checked ? '/static/ic_login_agree.png' : '/static/ic_login_dis.png'"
class="custom-checkbox-img" @click="handleCheckboxChange({ target: { checked: !checked }})" />
</label>
<text>同意</text>
<text class="protocol-link">《用户协议》</text>
<text>和</text>
<text class="protocol-link">《隐私政策》</text>
</view>
<button class="login-btn" @click="submit">登录</button>
</view>
</view>
<!-- 表单区域 -->
<view class="login-form">
<view class="input-row">
<image class="iconfont" src="/static/ic_login_phone.png" />
<input class="login-input" type="text" placeholder="输入账号" v-model="username" />
</view>
<view class="input-row">
<image class="iconfont2" src="/static/ic_login_code.png" />
<input class="login-input" type="text" v-model="password" placeholder="请输入密码" />
</view>
<view class="protocol-row">
<label class="custom-checkbox-label">
<input type="checkbox" :checked="checked" @change="handleCheckboxChange"
class="custom-checkbox-input" />
<image :src="checked ? '/static/ic_login_agree.png' : '/static/ic_login_dis.png'"
class="custom-checkbox-img" @click="handleCheckboxChange({ target: { checked: !checked }})" />
</label>
<text>同意</text>
<text class="protocol-link">《用户协议》</text>
<text>和</text>
<text class="protocol-link">《隐私政策》</text>
</view>
<button class="login-btn" @click="submit">登录</button>
</view>
</view>
</template>
<script>
// import { globalWs } from '../../../utils/GlobalWebSocket';
// import socketManager from '@/utils/GlobalWebSocket.js'
import base64 from '@/common/base64.js';
export default {
data() {
return {
phoneNo: '',
username: 'admin',
password: 'admin123',
loginType: 'currentPhone',
showPassword: false,
remember: true,
isValidCodeLogin: false,
validCode: '',
imgValidCodeSrc: null,
list: [{
name: '用户名'
}, {
name: '手机号'
}],
current: 0,
activeColor: '#007aff',
checked: false
}
},
onLoad() {
// #ifdef APP-PLUS
plus.screen.lockOrientation('default');
// #endif
},
onReady() {
// #ifdef APP-PLUS
plus.screen.lockOrientation('landscape-primary');
// #endif
},
methods: {
// 登录后连接Socket
async submit() {
if (this.username.length == 0) {
this.$u.toast('请输入账号');
return;
}
if (this.password.length == 0) {
this.$u.toast('请输入密码');
return;
}
let res = await this.$u.api.login({
"tenantId": "000000", // 把单引号换成双引号
"username": this.username,
"password": this.password,
"grantType": "password",
// "uuid": "7cb3ea4fe2ae4f08bbd561c94ef0191b",
"clientId": "dab457a1ea14411787c240db05bb0832"
});
console.log(res)
if (res.code == "200") {
this.$u.toast("登录成功")
this.$store.commit('$uStore', {
name: 'vuex_token',
value: res.data.access_token
});
// 连接Socket
this.$webSocketInit();
//开启websocket
// 登录成功后连接WebSocket
// ws.connect('ws://192.168.71.139:8080/resource/websocket?clientid=e5cd7e4891bf95d1d19206ce24a7b32e&Authorization=Bearer ' +
// this.$store.state.vuex_token, {
// header: {
// 'Authorization': 'Bearer ' + this.$store.state.vuex_token
// },
// onOpen: () => {
// console.log('连接成功')
// },
// onMessage: (data) => {
// console.log('收到消息', data)
// // 处理消息
// },
// onError: (err) => {
// console.error('发生错误', err)
// }
// })
// ws.connect(
// 'ws://192.168.71.139:8080/resource/websocket?clientid=e5cd7e4891bf95d1d19206ce24a7b32e&Authorization=Bearer ' +
// this.$store.state.vuex_token, {
// // 连接成功回调
// onOpen: () => {
// uni.showToast({
// title: 'WebSocket连接成功',
// icon: 'none'
// })
// // 可以发送初始化消息
// ws.send({
// type: 'init',
// userId: res.data.data.userId
// })
// },
// // 收到消息回调
// onMessage: (data) => {
// console.log('收到消息:', data)
// // 根据消息类型处理
// // switch (data.type) {
// // case 'notice':
// // this.handleNotice(data)
// // break
// // case 'message':
// // this.handleNewMessage(data)
// // break
// // }
// },
// // 连接关闭回调
// onClose: () => {
// uni.showToast({
// title: '连接已关闭',
// icon: 'none'
// })
// },
// // 错误回调
// onError: (err) => {
// uni.showToast({
// title: '连接错误',
// icon: 'none'
// })
// console.error('WS错误:', err)
// }
// })
setTimeout(() => {
uni.reLaunch({
url: '/pages/sys/msg/index'
});
}, 500);
} else {
</template>
<script>
// import { globalWs } from '../../../utils/GlobalWebSocket';
// import socketManager from '@/utils/GlobalWebSocket.js'
import base64 from '@/common/base64.js';
export default {
data() {
return {
phoneNo: '',
username: 'admin',
password: 'admin123',
loginType: 'currentPhone',
showPassword: false,
remember: true,
isValidCodeLogin: false,
validCode: '',
imgValidCodeSrc: null,
list: [{
name: '用户名'
}, {
name: '手机号'
}],
current: 0,
activeColor: '#007aff',
checked: false
}
},
onLoad() {
// #ifdef APP-PLUS
plus.screen.lockOrientation('default');
// #endif
},
onReady() {
// #ifdef APP-PLUS
plus.screen.lockOrientation('landscape-primary');
// #endif
},
handleCheckboxChange(e) {
this.checked = e.target.checked;
methods: {
// 登录后连接Socket
async submit() {
if (this.username.length == 0) {
this.$u.toast('请输入账号');
return;
}
if (this.password.length == 0) {
this.$u.toast('请输入密码');
return;
}
let res = await this.$u.api.login({
"tenantId": "000000", // 把单引号换成双引号
"username": this.username,
"password": this.password,
"grantType": "password",
// "uuid": "7cb3ea4fe2ae4f08bbd561c94ef0191b",
"clientId": "dab457a1ea14411787c240db05bb0832"
});
console.log(res)
if (res.code == "200") {
this.$u.toast("登录成功")
this.$store.commit('$uStore', {
name: 'vuex_token',
value: res.data.access_token
});
// 连接Socket
this.$webSocketInit();
//开启websocket
// 登录成功后连接WebSocket
// ws.connect('ws://192.168.71.139:8080/resource/websocket?clientid=e5cd7e4891bf95d1d19206ce24a7b32e&Authorization=Bearer ' +
// this.$store.state.vuex_token, {
// header: {
// 'Authorization': 'Bearer ' + this.$store.state.vuex_token
// },
// onOpen: () => {
// console.log('连接成功')
// },
// onMessage: (data) => {
// console.log('收到消息', data)
// // 处理消息
// },
// onError: (err) => {
// console.error('发生错误', err)
// }
// })
// ws.connect(
// 'ws://192.168.71.139:8080/resource/websocket?clientid=e5cd7e4891bf95d1d19206ce24a7b32e&Authorization=Bearer ' +
// this.$store.state.vuex_token, {
// // 连接成功回调
// onOpen: () => {
// uni.showToast({
// title: 'WebSocket连接成功',
// icon: 'none'
// })
// // 可以发送初始化消息
// ws.send({
// type: 'init',
// userId: res.data.data.userId
// })
// },
// // 收到消息回调
// onMessage: (data) => {
// console.log('收到消息:', data)
// // 根据消息类型处理
// // switch (data.type) {
// // case 'notice':
// // this.handleNotice(data)
// // break
// // case 'message':
// // this.handleNewMessage(data)
// // break
// // }
// },
// // 连接关闭回调
// onClose: () => {
// uni.showToast({
// title: '连接已关闭',
// icon: 'none'
// })
// },
// // 错误回调
// onError: (err) => {
// uni.showToast({
// title: '连接错误',
// icon: 'none'
// })
// console.error('WS错误:', err)
// }
// })
setTimeout(() => {
uni.reLaunch({
url: '/pages/sys/msg/index'
});
}, 500);
} else {
}
},
handleCheckboxChange(e) {
this.checked = e.target.checked;
}
}
}
}
</script>
</script>
<style scoped>
.login-container {
min-height: 100vh;
background: #fafbfc;
display: flex;
flex-direction: column;
align-items: center;
}
<style scoped>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.login-header {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 40rpx;
}
body {
background: linear-gradient(135deg, #f0f5ff 0%, #e6f7ff 100%);
min-height: 100vh;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
}
.login-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
}
.login-container {
width: 100%;
position: relative;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(46, 108, 246, 0.15);
transition: all 0.3s ease;
}
.login-title,
.login-subtitle {
position: relative;
top: 164rpx;
z-index: 2;
}
/* 响应式调整 */
@media (max-width: 600px) {
.login-container {
border-radius: 16px;
max-width: 90%;
}
}
.login-title {
color: #fff;
font-size: 48rpx;
font-weight: bold;
margin-top: 40rpx;
}
@media (max-width: 400px) {
.login-container {
max-width: 95%;
}
}
.login-subtitle {
color: #fff;
font-size: 24rpx;
margin-top: 10rpx;
}
.login-header {
position: relative;
height: 35vh;
min-height: 30vh;
max-height: 35vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: white;
padding: 20px;
}
.login-form {
width: 80%;
margin-top: 400rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.login-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #2e6cf9 0%, #4fc3f7 100%);
z-index: 1;
border-radius: 24px 24px 0 0;
}
.input-row {
width: 100%;
display: flex;
align-items: center;
border-bottom: 1px solid #eee;
margin-bottom: 30rpx;
padding-bottom: 10rpx;
}
.login-title, .login-subtitle {
position: relative;
z-index: 2;
text-align: center;
}
.iconfont {
font-size: 32rpx;
margin-right: 16rpx;
width: 27rpx;
height: 43rpx;
}
.login-title {
font-size: clamp(28px, 5vw, 36px);
font-weight: 700;
margin-bottom: 8px;
}
.iconfont2 {
font-size: 32rpx;
margin-right: 16rpx;
width: 31rpx;
height: 35rpx;
}
.login-subtitle {
font-size: clamp(14px, 3vw, 18px);
font-weight: 400;
opacity: 0.9;
}
.login-input {
flex: 1;
border: none;
background: transparent;
font-size: 28rpx;
padding: 10rpx 0;
margin-right: 10rpx;
}
.login-form {
background: white;
padding: clamp(20px, 5vw, 30px);
border-radius: 0 0 24px 24px;
position: relative;
z-index: 10;
}
.code-btn {
background: none;
color: #2e6cf6;
border: none;
font-size: 26rpx;
padding: 0 10rpx;
}
.input-row {
display: flex;
align-items: center;
border-bottom: 1px solid #eaeaea;
margin-bottom: clamp(15px, 4vw, 25px);
padding-bottom: 10px;
}
.protocol-row {
width: 100%;
display: flex;
align-items: center;
margin: 20rpx 0 40rpx 0;
font-size: 24rpx;
}
.input-row:focus-within {
border-bottom-color: #2e6cf6;
}
.protocol-checkbox {
margin-right: 8rpx;
}
.iconfont, .iconfont2 {
width: clamp(20px, 4vw, 24px);
height: clamp(20px, 4vw, 24px);
margin-right: 12px;
flex-shrink: 0;
}
.protocol-link {
color: #2e6cf6;
margin: 0 4rpx;
}
.login-input {
flex: 1;
border: none;
outline: none;
font-size: clamp(14px, 4vw, 16px);
color: #333;
min-width: 0; /* 防止flex项目溢出 */
}
.login-btn {
width: 100%;
height: 80rpx;
background: linear-gradient(90deg, #2e6cf6 0%, #4fc3f7 100%);
color: #fff;
font-size: 32rpx;
border: none;
border-radius: 40rpx;
margin-top: 268rpx;
}
.login-input::placeholder {
color: #aaa;
}
.custom-checkbox-label {
display: flex;
align-items: center;
margin-right: 8rpx;
}
.protocol-row {
display: flex;
align-items: center;
margin: clamp(15px, 4vw, 20px) 0 clamp(20px, 5vw, 30px);
font-size: clamp(12px, 3vw, 14px);
color: #666;
flex-wrap: wrap;
}
.custom-checkbox-input {
display: none;
}
.custom-checkbox-label {
display: flex;
align-items: center;
margin-right: 6px;
cursor: pointer;
flex-shrink: 0;
}
.custom-checkbox-span {
width: 28rpx;
height: 28rpx;
border-radius: 50%;
border: 2rpx solid #2e6cf6;
background: #fff;
display: inline-block;
position: relative;
transition: border-color 0.2s;
}
.custom-checkbox-input {
display: none;
}
.custom-checkbox-span.checked {
background: #2e6cf6;
border-color: #2e6cf6;
}
.custom-checkbox-img {
width: clamp(18px, 4vw, 20px);
height: clamp(18px, 4vw, 20px);
margin-right: 6px;
cursor: pointer;
flex-shrink: 0;
}
.custom-checkbox-span.checked::after {
content: '';
position: absolute;
left: 7rpx;
top: 7rpx;
width: 12rpx;
height: 12rpx;
background: #fff;
border-radius: 50%;
}
.protocol-link {
color: #2e6cf6;
margin: 0 2px;
cursor: pointer;
white-space: nowrap;
}
.custom-checkbox-img {
width: 28rpx;
height: 28rpx;
margin-right: 8rpx;
}
</style>
.login-btn {
width: 100%;
height: clamp(45px, 10vw, 50px);
background: linear-gradient(90deg, #2e6cf6 0%, #4fc3f7 100%);
color: white;
border: none;
border-radius: clamp(20px, 8vw, 25px);
font-size: clamp(14px, 4vw, 16px);
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 4px 12px rgba(46, 108, 246, 0.3);
}
.login-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(46, 108, 246, 0.4);
}
.login-btn:active {
transform: translateY(0);
}
</style>

1655
pages/sys/qrpage/qrpage.vue
View File

File diff suppressed because it is too large Load Diff

44
pages/sys/user/index.vue
View File

@@ -7,31 +7,31 @@
<u-avatar size="100" src="/static/aidex/images/user01.png"></u-avatar>
</view>
<view class="info" style="display: flex;justify-content: space-between;">
<view>
<view class="username">管理员</view>
<view class="usercode">普通会员</view>
</view>
<!-- <view>-->
<!-- <view class="username">管理员</view>-->
<!-- <view class="usercode">普通会员</view>-->
<!-- </view>-->
<view class="sign-in-images"><image src="/static/aidex/images/sign-in.png"></image></view>
</view>
</view>
<u-row class="userinfo-topbox" gutter="16" justify="center">
<u-col span="4" text-align="center">
<view class="number">9,999<em>元</em></view>
<view>余额</view>
</u-col>
<u-col span="4" text-align="center" @click="navTo('/pages/sys/application/recharge')">
<view><u-icon size="28px" color="#ffffff" name="rmb-circle"></u-icon></view>
<view>充值</view>
</u-col>
<u-col span="4" text-align="center" @click="navTo('/pages/sys/application/balance-details')">
<view>
<view class="iconfont icon-faan" style="font-size: 24px;color:#ffffff;"></view>
</view>
<view>余额明细</view>
</u-col>
</u-row>
<!-- <u-row class="userinfo-topbox" gutter="16" justify="center">-->
<!-- <u-col span="4" text-align="center">-->
<!-- <view class="number">9,999<em>元</em></view>-->
<!-- <view>余额</view>-->
<!-- </u-col>-->
<!-- <u-col span="4" text-align="center" @click="navTo('/pages/sys/application/recharge')">-->
<!-- <view><u-icon size="28px" color="#ffffff" name="rmb-circle"></u-icon></view>-->
<!-- <view>充值</view>-->
<!-- </u-col>-->
<!-- <u-col span="4" text-align="center" @click="navTo('/pages/sys/application/balance-details')">-->
<!-- <view>-->
<!-- <view class="iconfont icon-faan" style="font-size: 24px;color:#ffffff;"></view>-->
<!-- </view>-->
<!-- <view>余额明细</view>-->
<!-- </u-col>-->
<!-- </u-row>-->
</view>
<view class="list">
<!-- <view class="list">
<view>
<u-cell-group class="personal-list">
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
@@ -45,7 +45,7 @@
<u-cell-item icon="setting" :iconStyle="{ color: '#2767dc' }" title="系统设置" @click="navTo('setting')"></u-cell-item>
</u-cell-group>
</view>
</view>
</view> -->
<view class="button-wrapper">
<button class="logout-btn" @click="logout">退出登录</button>
</view>

111
pages/sys/work/work.vue
View File

@@ -2,15 +2,15 @@
<view class="container">
<!-- 筛选及搜索区域 -->
<view class="search-bar">
<input v-model="searchParams.visitorName" class="search-input" placeholder="访客姓名" />
<input v-model="searchParams.visitedPerson" class="search-input" placeholder="被访人" />
<input v-model="searchParams.visitedUnit" class="search-input" placeholder="被访单位" />
<picker mode="selector" :range="statusOptions" @change="onStatusChange">
<view class="picker-view">
{{ searchParams.bookStatus || '预约状态' }}
</view>
</picker>
<input v-model="searchParams.phoneSuffix" class="search-input" placeholder="手机号后四位" />
<input v-model="searchParams.visitorName" class="search-input" placeholder="访客姓名"/>
<input v-model="searchParams.visitedPerson" class="search-input" placeholder="被访人"/>
<input v-model="searchParams.visitedUnit" class="search-input" placeholder="被访单位"/>
<!-- <picker mode="selector" :range="statusOptions" @change="onStatusChange">
<view class="picker-view">
{{ searchParams.bookStatus || '预约状态' }}
</view>
</picker> -->
<input v-model="searchParams.phoneSuffix" class="search-input" placeholder="手机号后四位"/>
<button class="search-btn" @click="handleSearch">搜索</button>
<button class="reset-btn" @click="handleReset">重置</button>
</view>
@@ -27,10 +27,10 @@
<view class="table-cell">被访单位</view>
<view class="table-cell">拜访事由</view>
<view class="table-cell">拜访时间</view>
<view class="table-cell">是否预约车位</view>
<view class="table-cell">预约状态</view>
<!-- <view class="table-cell">是否预约车位</view>
<view class="table-cell">预约状态</view> -->
<view class="table-cell">提交时间</view>
<view class="table-cell">操作</view>
<!-- <view class="table-cell">操作</view> -->
</view>
<view v-for="(item, index) in filteredList" :key="index" class="table-row">
<view class="table-cell">{{ index + 1 }}</view>
@@ -42,29 +42,30 @@
<view class="table-cell">{{ item.interviewedUnit || '无' }}</view>
<view class="table-cell">{{ item.visitingReason }}</view>
<view class="table-cell">{{ item.visitingBeginTime }}</view>
<view class="table-cell">{{ item.bookingParkingSpace === 1 ? '是' : '否' }}</view>
<view class="table-cell" :class="{'status-confirm': item.serveStatus === 1, 'status-wait': item.serveStatus === 0}">
{{ item.serveStatus === 1 ? '已确认' : '待确认' }}
</view>
<!-- <view class="table-cell">{{ item.bookingParkingSpace === 1 ? '是' : '否' }}</view>
<view class="table-cell" :class="{'status-confirm': item.serveStatus === 1, 'status-wait': item.serveStatus === 0}">
{{ item.serveStatus === 1 ? '已确认' : '待确认' }}
</view> -->
<view class="table-cell">{{ item.createTime }}</view>
<view class="table-cell operation-cell">
<button class="operation-btn" @click="handleDetail(item)">详情</button>
<button class="operation-btn" @click="handleAudit(item)">确认</button>
</view>
<!-- <view class="table-cell operation-cell">
<button class="operation-btn" @click="handleDetail(item)">详情</button>
<button class="operation-btn" @click="handleAudit(item)">确认</button>
</view> -->
</view>
</view>
<VisitorDetailModal
:visible="showDetailModal"
:visitorInfo="currentVisitor"
:showActionButtons="currentVisitor.serveStatus === 0"
@close="closeDetailModal"
@audit="handleAudit"
:visible="showDetailModal"
:visitorInfo="currentVisitor"
:showActionButtons="currentVisitor.serveStatus === 0"
@close="closeDetailModal"
@audit="handleAudit"
/>
</view>
</template>
<script>
import VisitorDetailModal from '@/components/VisitorDetailModal.vue';
export default {
components: {
VisitorDetailModal
@@ -92,7 +93,7 @@ export default {
if (this.searchParams.visitedPerson && !item.interviewedPerson.includes(this.searchParams.visitedPerson)) return false;
if (this.searchParams.visitedUnit && !item.interviewedUnit.includes(this.searchParams.visitedUnit)) return false;
if (this.searchParams.bookStatus) {
const statusMap = { '已确认': 1, '待确认': 0 };
const statusMap = {'已确认': 1, '待确认': 0};
return item.serveStatus === statusMap[this.searchParams.bookStatus];
}
if (this.searchParams.phoneSuffix) {
@@ -104,9 +105,9 @@ export default {
}
},
onLoad() {
// #ifdef APP-PLUS
plus.screen.lockOrientation('default');
// #endif
// #ifdef APP-PLUS
plus.screen.lockOrientation('default');
// #endif
this.onload();
},
methods: {
@@ -119,24 +120,24 @@ export default {
this.showDetailModal = false;
},
handleAudit(item) {
console.log("eee",item)
console.log("eee", item)
this.loading = true;
item.serveStatus=1
this.$u.api.spfk(item).then(res=>{
console.log(res)
})
item.serveStatus = 1
this.$u.api.spfk(item).then(res => {
console.log(res)
})
},
onReady() {
// #ifdef APP-PLUS
plus.screen.lockOrientation('landscape-primary');
// #endif
},
onReady() {
// #ifdef APP-PLUS
plus.screen.lockOrientation('landscape-primary');
// #endif
},
onload() {
this.$u.api.fklist().then(res => {
this.tableData = res.rows;
}).catch(err => {
console.error('获取数据失败：', err);
uni.showToast({ title: '获取数据失败', icon: 'none' });
uni.showToast({title: '获取数据失败', icon: 'none'});
});
},
onStatusChange(e) {
@@ -144,7 +145,7 @@ export default {
this.searchParams.bookStatus = this.statusOptions[index];
},
handleSearch() {
this.onload();
this.onload();
console.log('当前筛选参数：', this.searchParams);
},
handleReset() {
@@ -155,12 +156,12 @@ export default {
bookStatus: '',
phoneSuffix: ''
};
this.onload();
this.onload();
},
// handleAudit(item) {
// console.log('审核操作，当前数据：', item);
// handleAudit(item)
// }
// handleAudit(item) {
// console.log('审核操作，当前数据：', item);
// handleAudit(item)
// }
}
};
</script>
@@ -169,12 +170,14 @@ export default {
.container {
padding: 10px;
}
.search-bar {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
}
.search-input {
flex: 1;
min-width: 120px;
@@ -182,6 +185,7 @@ export default {
border: 1px solid #ddd;
border-radius: 4px;
}
.picker-view {
padding: 8px;
border: 1px solid #ddd;
@@ -189,34 +193,44 @@ export default {
min-width: 120px;
text-align: center;
}
.search-btn,
.reset-btn {
padding: 8px 15px;
border-radius: 4px;
color: #fff;
height: 40px;
text-align: center;
line-height: 24px;
}
.search-btn {
background-color: #007aff;
border: none;
}
.reset-btn {
background-color: #f0f0f0;
color: #333;
border: none;
}
.table-wrap {
overflow-x: auto;
}
.table-header,
.table-row {
display: flex;
flex-direction: row;
border: 1px solid #eee;
}
.table-header {
background-color: #f8f8f8;
font-weight: bold;
}
.table-cell {
flex: 1;
text-align: center;
@@ -226,22 +240,27 @@ export default {
text-overflow: ellipsis;
white-space: nowrap;
}
.table-cell:last-child {
border-right: none;
}
.operation-cell {
display: flex;
justify-content: space-around;
flex: 2;
}
.operation-btn {
margin: 0 5px;
padding: 5px 10px;
font-size: 12px;
}
.status-confirm {
color: #52c41a;
}
.status-wait {
color: #fa8c16;
}

BIN
static/aidex/login/ic_login_pwd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
static/aidex/login/ic_login_user.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB