From 51474a3fd470d809d49a9b617b0104ed513c288a Mon Sep 17 00:00:00 2001
From: wangxiaowei <1121133807@qq.com>
Date: Mon, 13 Apr 2026 14:34:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=8C=B6=E8=89=BA=E5=B8=88?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/teamaster_user/index.vue | 70 +++++++++++++++++++++++-------
 1 file changed, 54 insertions(+), 16 deletions(-)

diff --git a/src/views/teamaster_user/index.vue b/src/views/teamaster_user/index.vue
index 5084af4..1896852 100644
--- a/src/views/teamaster_user/index.vue
+++ b/src/views/teamaster_user/index.vue
@@ -46,13 +46,13 @@
                             :key="item.id"></el-option>
                     </el-select>
                 </el-form-item>
-                <!-- <el-form-item label="状态" prop="state">
-                    <el-select class="w-[280px]" v-model="queryParams.state" clearable placeholder="请选择状态">
+                <el-form-item class="w-[280px]" label="状态" prop="state">
+                    <el-select v-model="queryParams.state" clearable placeholder="请选择状态">
                         <el-option label="全部" value=""></el-option>
                         <el-option v-for="(item, index) in dictData.state" :key="index" :label="item.name"
                             :value="item.value" />
                     </el-select>
-                </el-form-item> -->
+                </el-form-item>
                 <el-form-item>
                     <el-button type="primary" @click="resetPage">查询</el-button>
                     <el-button @click="resetParams">重置</el-button>
@@ -82,29 +82,67 @@
 
                     <el-table-column label="本人照片" prop="image" show-overflow-tooltip>
                         <template #default="{ row }">
-                            <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 v-if="row.image.length > 0">
+                                <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>
                     </el-table-column>
-                    <el-table-column label="姓名" prop="nickname" show-overflow-tooltip />
-                    <el-table-column label="昵称" prop="name" show-overflow-tooltip />
+                    <el-table-column label="姓名" prop="nickname" show-overflow-tooltip width="100" />
+                    <el-table-column label="昵称" prop="name" show-overflow-tooltip width="100" />
                     <el-table-column label="茶艺师等级" prop="level">
                         <template #default="{ row }">
                             <dict-value :options="dictData.level" :value="row.level" />
                         </template>
                     </el-table-column>
-                    <el-table-column label="茶艺服务单价" prop="price" show-overflow-tooltip />
-                    <el-table-column label="车马费/每公里" prop="mileage_price" show-overflow-tooltip />
-                    <el-table-column label="服务次数" prop="sold" show-overflow-tooltip />
-                    <el-table-column label="服务方式" prop="server_type">
+                    <el-table-column label="所属城市" prop="city_name" show-overflow-tooltip />
+                    <el-table-column label="服务" prop="server_type" width="200">
                         <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>
                     </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">
                         <template #default="{ row }">
                             <dict-value :options="dictData.state" :value="row.state" />