LuYaShi
/
InspectionCleaning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

点击跳转功能-搜索功能调整

This commit is contained in:
李彪 2025-05-15 16:11:35 +08:00
parent d7c90f5c12
commit 954a6bc75b
5 changed files with 69 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
pages/adminHome/index.vue
View File

@ -13,18 +13,18 @@
<view class="item-totel">{{ form.regionCount }} </view>
<image class="card-img" style="width: 130rpx; height: 130rpx" src="/static/adminImg/card1.png"></image>
</view>
<view class="card-item">
<view class="item-title">子区域数量 </view>
<view class="card-item" @click="toPageFn(1)">
<view class="item-title" >子区域数量 </view>
<view class="item-totel">{{ form.areaCount }} </view>
<image class="card-img" style="width: 130rpx; height: 130rpx" src="/static/adminImg/card2.png"></image>
</view>
<view class="card-item">
<view class="item-title">已绑定子区域数 </view>
<view class="card-item" @click="toPageFn(2)">
<view class="item-title" >已绑定子区域数 </view>
<view class="item-totel">{{ form.bindnfc }} </view>
<image class="card-img" style="width: 130rpx; height: 130rpx" src="/static/adminImg/card3.png"></image>
</view>
<view class="card-item">
<view class="item-title">未绑定子区域数 </view>
<view class="card-item" @click="toPageFn(3)">
<view class="item-title" >未绑定子区域数 </view>
<view class="item-totel">{{ form.noBindnfc }} </view>
<image class="card-img" style="width: 130rpx; height: 130rpx" src="/static/adminImg/card4.png"></image>
</view>
@ -64,6 +64,27 @@ export default {
console.log('%c%s', 'color:red', 'onSHow')
},
methods: {
// 跳转
toPageFn(type){
if(type === 1){
uni.setStorageSync('search', 1)
uni.switchTab({
url: '/pages/adminNfc/index?type=1'
})
}
if(type === 2){
uni.setStorageSync('search', 2)
uni.switchTab({
url: '/pages/adminNfc/index?type=2'
})
}
if(type === 3){
uni.setStorageSync('search', 3)
uni.switchTab({
url: '/pages/adminNfc/index?type=3'
})
}
},
async getDataFn() {
const res = await GetHomeDataApi()
console.log(res, '首页数据')

2
pages/adminNfc/components/bindDialog.vue
View File

@ -37,7 +37,7 @@
<!-- -->
<view v-if="step === 1">1.请将标签卡贴靠设备NFC识别处！</view>
<view v-if="step === 2">2.如果确定将该卡片写入该区域,请将标签卡贴靠设备xNFC识别处，否则请退出！</view>
<view v-if="step === 2">2.如果确定将该卡片写入该区域,请将标签卡贴靠设备NFC识别处，否则请退出！</view>
<view v-if="step === 3">3.请再次将标签卡贴靠设备NFC识别处！</view>
</view>

44
pages/adminNfc/index.vue
View File

@ -6,7 +6,7 @@
<view class="card-title">已绑定子区域数</view>
<view class="card-totel">{{ form.bindnfc }}</view>
</view>
<view class="card-item card-right">
<view class="card-item card-right" @click="changeFn(2)">
<view class="card-title">未绑定子区域数</view>
<view class="card-totel">{{ form.noBindnfc }}</view>
</view>
@ -15,8 +15,9 @@
<u-tabs class="tabs-box" bg-color="#F6F8FC" :list="tabsList" :is-scroll="true" :current="tabCurrent" @change="tabChangeFn"></u-tabs>
<!-- 搜索 -->
<view class="search-box">
<u-input class="search-input" v-model="keyword" :clearable="false" border placeholder="搜索名称" @keyup.enter="searchFn"></u-input>
<u-icon name="search" class="search-icon" size="40" @click="searchFn"></u-icon>
<u-input class="search-input" v-model="keyword" border placeholder="搜索名称" @keyup.enter="searchFn" @clear="searchFn"></u-input>
<!-- <u-icon name="search" class="search-icon" size="40" @click="searchFn"></u-icon> -->
<u-button class="btn btn-search" type="primary" @click="searchFn">搜索</u-button>
<view class="select-box" @click="selectFn">
<view>
{{ selectVal }}
@ -104,10 +105,26 @@ export default {
mounted() {
uni.hideLoading() // 关闭 Loading
},
onLoad() {
onLoad(e) {
console.log(e, 'e---')
this.getAreaFn()
},
onShow() {
onShow(e) {
console.log(e, 'e---onshow')
const searchType = uni.getStorageSync('search')
console.log(searchType, 'searchType---')
if (searchType === 1) {
this.selectVal = '筛选'
this.getAreaFn()
}
if (searchType === 2) {
this.selectVal = '已绑定'
this.getAreaFn()
}
if (searchType === 3) {
this.selectVal = '未绑定'
this.getAreaFn()
}
this.getDataFn()
console.log('%c%s', 'color:red', 'onSHow')
},
@ -117,6 +134,7 @@ export default {
uni.$emit('reset')
return true
},
dialogShowFn(row) {
// console.log(this.vuex_userData.nfcwrite)
// return
@ -294,7 +312,7 @@ export default {
.search-icon {
position: absolute;
right: 210rpx;
left: 320rpx;
top: 50%;
transform: translateY(-50%);
}
@ -303,7 +321,21 @@ export default {
background-color: white;
border-radius: 50rpx;
}
.btn{
margin-left:20rpx;
width: 120rpx;
height: 60rpx;
line-height: 60rpx;
border-radius: 20rpx;
text-align: center;
}
.btn-search {
}
.btn-cancel {
background-color: white;
border: 1px solid transparent;
}
.select-box {
display: flex;
justify-content: center;

4
pages/login/login.vue
View File

@ -24,8 +24,8 @@ import { loginApi } from '@/api/apiList'
export default {
data() {
return {
phone: '13800457777',
pwd: '1a2b3c'
phone: '18174010566',
pwd: '000000'
}
},
mounted() {

1
uni_modules/uview-ui/components/u-input/u-input.vue
View File

@ -335,6 +335,7 @@ export default {
},
onClear(event) {
this.$emit('input', '');
this.$emit('clear', '');
},
inputClick() {
this.$emit('click');