110 lines
2.6 KiB
Vue
110 lines
2.6 KiB
Vue
<template>
|
||
<el-dialog
|
||
model-value="dialogaddVisible"
|
||
:title="dialogTitle"
|
||
width="30%"
|
||
@close="handleClose"
|
||
>
|
||
<el-form
|
||
ref="formRef"
|
||
:model="form"
|
||
label-width="100px"
|
||
>
|
||
<el-form-item label="门店头像" prop="avatarUrl">
|
||
|
||
<el-upload list-type="picture-card" limit="1" :auto-upload="false" drag action="#">
|
||
<el-icon><Plus /></el-icon>
|
||
<template #tip>
|
||
<div class="el-upload__tip">
|
||
（最多传一张）
|
||
</div>
|
||
</template>
|
||
</el-upload>
|
||
|
||
</el-form-item>
|
||
<el-form-item label="用户昵称" prop="username">
|
||
<el-input v-model="form.username" />
|
||
</el-form-item>
|
||
<el-form-item label="用户账号" prop="userAccount">
|
||
<el-input v-model="form.userAccount" />
|
||
</el-form-item>
|
||
<el-form-item label="用户密码" prop="userPassword">
|
||
<el-input v-model="form.userPassword" show-password />
|
||
</el-form-item>
|
||
|
||
</el-form>
|
||
<template #footer>
|
||
<span class="dialog-footer">
|
||
<el-button @click="handleClose">取消</el-button>
|
||
<el-button type="primary" @click="handleConfirm">确认</el-button>
|
||
</span>
|
||
</template>
|
||
</el-dialog>
|
||
</template>
|
||
<script setup>
|
||
import {defineEmits, defineProps, ref, watch} from "vue";
|
||
import axios from "@/util/axios";
|
||
import { ElMessage } from "element-plus";
|
||
import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue'
|
||
|
||
|
||
const props=defineProps({
|
||
dialogTitle:{
|
||
type:String,
|
||
default:'',
|
||
required:true
|
||
}
|
||
})
|
||
const form=ref({
|
||
avatarUrl:'',
|
||
userAccount:'',
|
||
userPassword:'',
|
||
username:null
|
||
|
||
})
|
||
// const rules=ref({
|
||
// name: [
|
||
// {
|
||
// required: true,
|
||
// message: '请输入商品大类名称！'
|
||
// }
|
||
// ],
|
||
// remark: [
|
||
// {
|
||
// required: true,
|
||
// message: '请输入商品大类描述！'
|
||
// }
|
||
// ]
|
||
// })
|
||
const formRef=ref(null);
|
||
|
||
// 定义父组件事件
|
||
const emits=defineEmits(['update:modelValue','initUserList'])
|
||
const handleClose=()=>{
|
||
console.log("用户添加关闭xxx")
|
||
// 调用执行
|
||
emits('update:modelValue',false)
|
||
}
|
||
const handleConfirm=()=>{
|
||
formRef.value.validate(async(valid)=>{
|
||
if(valid){
|
||
let result=await axios.post("user/add",form.value)
|
||
console.log(result.data)
|
||
let data=result.data;
|
||
if(data.code==0){
|
||
ElMessage.success("执行添加成功！");
|
||
formRef.value.resetFields();
|
||
emits("initUserList");
|
||
handleClose();
|
||
}else{
|
||
ElMessage.error(data.description);
|
||
}
|
||
}else{
|
||
console.log("fail")
|
||
return false
|
||
}
|
||
})
|
||
}
|
||
</script>
|
||
<style scoped>
|
||
</style> |