dyf/dyf-vue-ui
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

客户管理，账号状态修改

Browse Source
This commit is contained in:
fengerli
2025-07-18 14:54:44 +08:00
parent 84aa490c20
commit e1738a6ea1
1 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/customerManagement/index.vue
View File

@ -9,10 +9,10 @@
<el-input v-model="queryParams.blurry" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" /> <el-input v-model="queryParams.blurry" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="客户状态" prop="status"> <el-form-item label="客户状态" prop="status">
<el-select v-model="queryParams.enabled" clearable placeholder="客户状态" class="filter-item"> <el-select v-model="queryParams.status" clearable placeholder="客户状态" class="filter-item">
<el-option label="全部" :value="''" /> <el-option label="全部" :value="''" />
<el-option label="启用" :value="true" /> <el-option label="启用" :value="0" />
<el-option label="禁用" :value="false" /> <el-option label="禁用" :value="1" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="创建时间" style="width: 308px"> <el-form-item label="创建时间" style="width: 308px">
@ -53,10 +53,10 @@
<el-table-column type="selection" width="50" align="center" /> <el-table-column type="selection" width="50" align="center" />
<el-table-column label="客户名称" align="center" prop="nickName" /> <el-table-column label="客户名称" align="center" prop="nickName" />
<el-table-column label="客户账号" align="center" prop="userName" :show-overflow-tooltip="true" /> <el-table-column label="客户账号" align="center" prop="userName" :show-overflow-tooltip="true" />
<el-table-column label="客户状态" align="center" prop="enabled"> <el-table-column label="客户状态" align="center" prop="status">
<template #default="scope"> <template #default="scope">
<div @click="handleStatusChange(scope.row)"> <div @click="handleStatusChange(scope.row)">
<el-switch v-model="scope.row.enabled" /> <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" />
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -171,8 +171,16 @@ const initData: PageData<UserForm, UserQuery> = {
trigger: 'blur' trigger: 'blur'
} }
], ],
password: [ password: [
{ required: true, message: '请输入账号密码', trigger: 'blur' }, { required: true, message: '请输入账号密码', trigger: 'blur' },
{
min: 5,
max: 20,
message: '用户密码长度必须介于 5 和 20 之间',
trigger: 'blur'
},
{ pattern: /^[^<>"'|\\]+$/, message: '不能包含非法字符：< > " \' \\ |', trigger: 'blur' }
], ],
} }
}; };
@ -199,6 +207,7 @@ const handleQuery = () => {
const resetQuery = () => { const resetQuery = () => {
dateRange.value = ['', '']; dateRange.value = ['', ''];
queryParams.value.pageNum = 1; queryParams.value.pageNum = 1;
queryParams.value.status=''
handleQuery(); handleQuery();
}; };
@ -227,19 +236,24 @@ const handleDelete = async (row?: UserVO) => {
/** 用户状态修改 */ /** 用户状态修改 */
const handleStatusChange = async (row: any) => { const handleStatusChange = async (row: any) => {
console.log(row, '33333333'); // 计算新状态（取反）
const newStatus = row.enabled; // 获取新的状态值（取反） const originalStatus = row.status;
const text = newStatus ? '启用' : '停用'; const actionText = row.status == 0 ? '启用' : '停用';
try { try {
await proxy?.$modal.confirm(`确认要${text}"${row.nickName}"客户吗?`); await proxy?.$modal.confirm(`确认要${actionText}"${row.nickName}"客户吗?`);
await api.updateCustomer({ await api.updateCustomer({
customerId: row.customerId, customerId: row.customerId,
enabled: newStatus enabled: originalStatus == 0 ? true : false
}); });
proxy?.$modal.msgSuccess(text + '成功'); proxy?.$modal.msgSuccess(actionText + '成功');
await getList(); await getList();
} catch (err) { } catch (err) {
row.enabled = !newStatus; // 回滚状态 if (err == 'cancel') { // 这里假设confirm方法在用户取消时reject with 'cancel'
console.log(err, 'errr');
proxy?.$modal.msgWarning('操作已取消');
await getList();
}
} }
}; };