wangxiaowei/chazhi_backend_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化茶艺师列表显示

Browse Source
This commit is contained in:
wangxiaowei
2026-04-13 14:34:05 +08:00
parent 6a4a8ecb42
commit 51474a3fd4
1 changed files with 54 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/views/teamaster_user/index.vue
View File

@ -46,13 +46,13 @@
:key="item.id"></el-option> :key="item.id"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="状态" prop="state"> <el-form-item class="w-[280px]" label="状态" prop="state">
<el-select class="w-[280px]" v-model="queryParams.state" clearable placeholder="请选择状态"> <el-select v-model="queryParams.state" clearable placeholder="请选择状态">
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option v-for="(item, index) in dictData.state" :key="index" :label="item.name" <el-option v-for="(item, index) in dictData.state" :key="index" :label="item.name"
:value="item.value" /> :value="item.value" />
</el-select> </el-select>
</el-form-item> --> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button> <el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button> <el-button @click="resetParams">重置</el-button>
@ -82,29 +82,67 @@
<el-table-column label="本人照片" prop="image" show-overflow-tooltip> <el-table-column label="本人照片" prop="image" show-overflow-tooltip>
<template #default="{ row }"> <template #default="{ row }">
<el-image v-if="row.image.length > 0" style="width:50px;height:50px;" :src="row.image[0]" <div v-if="row.image.length > 0">
:preview-src-list="[row.image[0]]" preview-teleported /> <el-image v-if="row.image.length > 0" style="width:50px;height:50px;"
:src="row.image[0]" :preview-src-list="[row.image[0]]" preview-teleported />
</div>
<div v-else>
—
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="姓名" prop="nickname" show-overflow-tooltip /> <el-table-column label="姓名" prop="nickname" show-overflow-tooltip width="100" />
<el-table-column label="昵称" prop="name" show-overflow-tooltip /> <el-table-column label="昵称" prop="name" show-overflow-tooltip width="100" />
<el-table-column label="茶艺师等级" prop="level"> <el-table-column label="茶艺师等级" prop="level">
<template #default="{ row }"> <template #default="{ row }">
<dict-value :options="dictData.level" :value="row.level" /> <dict-value :options="dictData.level" :value="row.level" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="茶艺服务单价" prop="price" show-overflow-tooltip /> <el-table-column label="所属城市" prop="city_name" show-overflow-tooltip />
<el-table-column label="车马费/每公里" prop="mileage_price" show-overflow-tooltip /> <el-table-column label="服务" prop="server_type" width="200">
<el-table-column label="服务次数" prop="sold" show-overflow-tooltip />
<el-table-column label="服务方式" prop="server_type">
<template #default="{ row }"> <template #default="{ row }">
<dict-value :options="dictData.server_type" :value="row.server_type" /> <div class="flex flex-col gap-1.5 text-sm">
<div class="flex justify-between items-center">
<span class="text-gray-500">茶艺服务单价: </span>
<span>{{ row.price }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-500">车马费/公里: </span>
<span>{{ row.mileage_price }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-500">服务方式: </span>
<span><dict-value :options="dictData.server_type" :value="row.server_type" /></span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-500">服务次数: </span>
<span>{{ row.sold }}</span>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="账户" prop="user_money" width="200">
<template #default="{ row }">
<div class="flex flex-col gap-1.5 text-sm">
<div class="flex justify-between items-center">
<span class="text-gray-500">账户余额: </span>
<span>{{ row.user_money }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-500">不可提现金额: </span>
<span>{{ row.no_reflect_amount }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-500">累计额度: </span>
<span>{{ row.total_amount }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-500">累计提现: </span>
<span>{{ row.total_reflect_amount }}</span>
</div>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="账户余额" prop="user_money" show-overflow-tooltip />
<el-table-column label="不可提现金额" prop="no_reflect_amount" show-overflow-tooltip />
<el-table-column label="累计额度" prop="total_amount" show-overflow-tooltip />
<el-table-column label="累计提现" prop="total_reflect_amount" show-overflow-tooltip />
<el-table-column label="状态" prop="state"> <el-table-column label="状态" prop="state">
<template #default="{ row }"> <template #default="{ row }">
<dict-value :options="dictData.state" :value="row.state" /> <dict-value :options="dictData.state" :value="row.state" />