增加订单列表详情的客座费打包费

This commit is contained in:
2024-10-28 09:22:31 +08:00
parent 291b495c10
commit 96a9dfb5b5
6 changed files with 192 additions and 82 deletions

View File

@@ -3,6 +3,7 @@
<view class="search bg-fff u-flex u-col-center ">
<view class="u-flex-1">
<uni-search-bar bgColor="#F9F9F9" cancelButton="none" placeholder="搜索" @confirm="search"
@clear="search"
v-model="query.name">
</uni-search-bar>
</view>
@@ -15,33 +16,44 @@
<view>不选择用户</view>
<my-radio v-model="nouser" :size="18" border-color="#d1d1d1" @change="chooseUser"></my-radio>
</view>
<view class="u-m-t-32 bg-fff box bg-fff">
<view class="u-flex item u-row-between" v-for="(item,index) in list" :key="index"
@tap="chooseUser(index,item)">
<view class="u-flex">
<view class="headimg u-flex u-row-center u-col-center">
<image v-if="item.headImg" :src="item.headImg" class="img" mode=""></image>
</view>
<view class="u-m-l-32">
<view>{{item.nickName}}</view>
<view class=" u-font-24 u-m-t-12 u-flex">
<text class="color-999" v-if="!item.isVip">非会员</text>
<text class="color-main" v-else>会员</text>
<view class="u-m-l-30 u-flex">
<text class="">余额</text>
<text class="color-main">{{item.amount}}</text>
</view>
<view class="u-m-l-30 u-flex">
<text class="">积分</text>
<text class="color-main">{{item.totalScore}}</text>
<template v-if="list.length>0">
<view class="u-m-t-32 bg-fff box bg-fff">
<view class="u-flex item u-row-between" v-for="(item,index) in list" :key="index"
@tap="chooseUser(index,item)">
<view class="u-flex">
<view class="headimg u-flex u-row-center u-col-center">
<image v-if="item.headImg" :src="item.headImg" class="img" mode=""></image>
</view>
<view class="u-m-l-32">
<view>{{item.nickName}}</view>
<view class=" u-font-24 u-m-t-12 u-flex">
<text class="color-999" v-if="!item.isVip">会员</text>
<text class="color-main" v-else>会员</text>
<view class="u-m-l-30 u-flex">
<text class="">余额</text>
<text class="color-main">{{item.amount}}</text>
</view>
<view class="u-m-l-30 u-flex">
<text class="">积分</text>
<text class="color-main">{{item.totalScore}}</text>
</view>
</view>
</view>
</view>
<my-radio @change="chooseUser(index,item)" v-model="item.checked" :size="18"
border-color="#d1d1d1"></my-radio>
</view>
<my-radio @change="chooseUser(index,item)" v-model="item.checked" :size="18"
border-color="#d1d1d1"></my-radio>
</view>
</view>
<view class="u-m-t-32">
<my-pagination :page="query.page" :totalElements="query.totalElements" :size="query.size"
@change="pageChange"></my-pagination>
</view>
</template>
<template v-if="hasAjax&&list.length<=0">
<my-img-empty tips="未找到相关用户"></my-img-empty>
</template>
</view>
@@ -54,20 +66,23 @@
onLoad
} from '@dcloudio/uni-app'
import {
reactive,onBeforeMount,
reactive,
onBeforeMount,
ref
} from 'vue';
let nouser = ref(false)
let timer=null
let timer = null
function emitChooser(data) {
uni.$emit('choose-user', data)
timer=setTimeout(() => {
timer = setTimeout(() => {
uni.navigateBack()
}, 100)
}
onBeforeMount(()=>{
onBeforeMount(() => {
clearInterval(timer)
})
function chooseUser(index, item) {
if (index === undefined || item === undefined) {
nouser.value = true
@@ -85,28 +100,38 @@
}
const query = reactive({
page: 0,
page: 1,
name: '',
size: 300,
isVip:1
totalElements: 0,
size: 10,
isVip: 1
})
const list = reactive([])
let hasAjax=ref(false)
async function getUser() {
const {
content
content,
totalElements
} = await Api.queryAllShopUser(query)
hasAjax.value=true
list.length=content.length
for (let i in content) {
list.push({
list[i]={
...content[i],
checked: false
})
}
}
query.totalElements = totalElements
console.log(list);
}
function pageChange(e) {
query.page=e
getUser()
}
function search() {
query.page = 0
list.length = 0
query.page = 1
getUser()
}
onLoad(() => {