From 7183a5dd6be90b8e7251ed44c86dd535e8361768 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=95=E9=98=B3=E5=BE=AE=E7=AC=911?=
 <12457268+sunset-smile-1@user.noreply.gitee.com>
Date: Mon, 6 Jan 2025 12:22:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=88=B7=E7=AE=A1=E7=90=86=E7=9A=84?=
 =?UTF-8?q?=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/clients/index.vue | 40 ++++++++++++++++++++++++-------------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/views/clients/index.vue b/src/views/clients/index.vue
index c7a1602..6dac2cc 100644
--- a/src/views/clients/index.vue
+++ b/src/views/clients/index.vue
@@ -2,8 +2,7 @@
     <div class="system-dept-container layout-padding">
 		<el-card shadow="hover" class="layout-padding-auto">
 			<div class="system-dept-search mb15">
-				<span>手机号:</span>
-                <el-input size="default" placeholder="请输入" v-model="state.tableData.param.phone" class="ml10" style="max-width: 250px;margin-right: 20px;"> </el-input>
+					<el-input size="default" placeholder="请输入用户名称" v-model="state.tableData.param.username" class="ml10" style="max-width: 250px;margin-right: 20px;" clearable> </el-input>
 				<el-button @click="getTableData" size="default" type="primary" class="ml10" style="margin-right: 15px;">
 					<el-icon>
 						<ele-Search />
@@ -29,13 +28,14 @@
 				style="width: 100%"  
 				@selection-change="handleSelectionChange"
 			>
-				<el-table-column type="selection" :selectable="selectable" width="55" />
-				<el-table-column prop="account" label="账户"  show-overflow-tooltip width="255px"align="center"></el-table-column>
-				<el-table-column prop="nickName" label="昵称"  show-overflow-tooltip width="255px" align="center"></el-table-column>
-				<el-table-column prop="phone" label="手机号"  show-overflow-tooltip width="255px" align="center"></el-table-column>
-				<el-table-column prop="registerTime" label="注册时间" :formatter="dateFormatter" show-overflow-tooltip width="255px" align="center"></el-table-column>
-				<el-table-column prop="state" label="状态"  show-overflow-tooltip width="255px" align="center"></el-table-column>		
-				<el-table-column label="操作" width="350px" align="center">
+				<el-table-column type="selection" :selectable="selectable" width="100" />
+				<el-table-column prop="username" label="账户"  show-overflow-tooltipalign="center"></el-table-column>
+				<el-table-column prop="nickName" label="昵称"  show-overflow-tooltip  align="center"></el-table-column>
+				<el-table-column prop="phone" label="手机号"  show-overflow-tooltip  align="center"></el-table-column>
+				<el-table-column prop="mail" label="邮箱" show-overflow-tooltip align="center"></el-table-column>
+				<el-table-column prop="registerTime" label="注册时间" :formatter="dateFormatter" show-overflow-tooltip  align="center"></el-table-column>
+				<!-- <el-table-column prop="state" label="状态"  show-overflow-tooltip width="255px" align="center"></el-table-column>		 -->
+				<el-table-column label="操作"  align="center">
 					<template #default="scope">
 						<el-button size="small" text type="primary" :disabled="scope.row.enable?true:false" @click="scope.row.enable=!scope.row.enable">启用</el-button>
 						<el-button size="small" text type="primary" :disabled="scope.row.enable?false:true" @click="scope.row.enable=!scope.row.enable">禁用</el-button>
@@ -126,6 +126,9 @@ import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue'
 import type { ComponentSize, FormInstance, FormRules, UploadFile, UploadProps, UploadUserFile } from 'element-plus'
 import { baseUrlHost } from '../../api/baseUrlHost';
 import { clientsApi } from '/@/api/clients';
+import { userApi } from '/@/api/user';
+
+const userapi = userApi();
 
 const options = [
 	{
@@ -147,7 +150,8 @@ const state = reactive({
 		total: 0,
 		loading: false,
 		param: {
-			phone:'',
+			username:'',
+			usertype:2,
 			current: 1,
 			size: 10,
 		},
@@ -181,10 +185,17 @@ const clientApi = clientsApi();
 const getTableData = async() => {
 	try {
 		state.tableData.loading = true;
-		let res = await clientApi.getClientsList(state.tableData.param);
-		console.log(res);
+		let res = await userapi.getUserList(state.tableData.param);
+		// console.log(res);
 		if(res?.success){
-			state.tableData.data = res.data.records;
+			state.tableData.data = res.data.records.map((item:any) => {
+				return {
+					...item,
+					nickName:item.nickName || '暂无',
+					phone: item.phone || '暂无',
+					mail: item.mail || '暂无',
+				}
+			});
 			state.tableData.total = res.data.total;
 		}else{
 			ElMessage.error('客户列表获取失败！');
@@ -221,7 +232,8 @@ const switchState = (scope,staus) => {
 // 重置
 const reset = () =>{
 	state.tableData.param = {
-		name: '',
+		username: '',
+		usertype:2,
 		current: 1,
 		size: 10,
 	}