wangxiaowei/tea-admin-parten
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善功能

Browse Source
This commit is contained in:
wangxiaowei
2026-03-31 21:58:51 +08:00
parent 9569903e0a
commit efe44f4ade
14 changed files with 481 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/views/tea_store/store_user/edit.vue
View File

@ -2,35 +2,33 @@
<div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
@close="handleClose">
<el-form ref="formRef" :model="formData" label-width="90px">
<!-- <el-form-item label="编号" prop="sn">
<el-input v-model="formData.sn" clearable placeholder="请输入编号" />
</el-form-item> -->
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="头像" prop="avatar">
<material-picker v-model="formData.avatar" />
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="formData.nickname" clearable placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="用户账号" prop="account">
<el-input v-model="formData.account" clearable placeholder="请输入用户账号" />
</el-form-item>
<el-form-item label="用户密码" prop="password">
<el-input v-model="formData.password" clearable placeholder="请输入用户密码" />
</el-form-item>
<el-form-item label="用户电话" prop="mobile">
<el-input v-model="formData.mobile" clearable placeholder="请输入用户电话" />
</el-form-item>
<!-- <el-form-item label="绑定门店" prop="store_ids">
<el-select v-model="formData.store_ids" multiple filterable clearable placeholder="请选择">
<el-option :label="item.name" :value="item.id" v-for="item in storeList"
:key="item.id"></el-option>
<el-form-item label="用户账号" prop="account">
<el-input v-model="formData.account" clearable placeholder="请输入用户账号" />
</el-form-item>
<el-form-item label="用户密码" prop="password" v-if="mode == 'add'">
<el-input v-model="formData.password" clearable placeholder="请输入用户密码" />
</el-form-item>
<el-form-item label="选择门店" prop="store_ids">
<el-select v-model="formData.store_ids" multiple filterable clearable placeholder="请选择门店">
<el-option v-for="item in storeList" :key="item.id"
:label="item.name || item.store_name || item.nickname || `门店${item.id}`"
:value="item.id"></el-option>
</el-select>
</el-form-item> -->
</el-form-item>
<el-form-item label="是否禁用" prop="disable">
<el-select v-model="formData.disable" clearable placeholder="请选择">
<el-option label="禁用" value="0"></el-option>
<el-option label="启用" value="1"></el-option>
<el-option label="禁用" value="0"></el-option>
</el-select>
</el-form-item>
</el-form>
@ -62,7 +60,7 @@ const storeList = ref<any[]>([])
// 弹窗标题
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑用户表' : '新增用户表'
return mode.value == 'edit' ? '编辑门店管理员' : '新增门店管理员'
})
// 表单数据
@ -78,7 +76,59 @@ const formData = reactive({
login_time: '',
disable: '',
bind_user_id: '',
store_ids: '',
store_ids: [] as any[],
})
const formRules = reactive<any>({
avatar: [
{
required: true,
message: '请上传头像',
trigger: 'blur'
}
],
nickname: [
{
required: true,
message: '请输入昵称',
trigger: 'blur'
}
],
account: [
{
required: true,
message: '请输入账号',
trigger: 'blur'
}
],
password: [
{
required: true,
message: '请输入密码',
trigger: 'blur'
}
],
mobile: [
{
required: true,
message: '请输入电话',
trigger: 'blur'
}
],
store_ids: [
{
required: true,
message: '请选择门店',
trigger: 'change'
}
],
disable: [
{
required: true,
message: '请选择是否禁用',
trigger: 'change'
}
]
})
// 获取要绑定的门店列表
@ -118,7 +168,7 @@ const getDetail = async (row: Record<string, any>) => {
// 提交按钮
const handleSubmit = async () => {
await formRef.value?.validate()
let data = { ...formData, }
const data: Record<string, any> = { ...formData }
if (Array.isArray(data.store_ids)) {
data.store_ids = data.store_ids.join(',')
}