|
|
@@ -1,52 +1,53 @@
|
|
|
<template>
|
|
|
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
|
|
- <el-form
|
|
|
- ref="formRef"
|
|
|
- :model="formData"
|
|
|
- :rules="formRules"
|
|
|
- label-width="100px"
|
|
|
- v-loading="formLoading"
|
|
|
- >
|
|
|
- <el-form-item :label="t('mall.userAccount')" prop="username">
|
|
|
- <el-input v-model="formData.username" :placeholder="t('mall.pleaseEnterUserAccount')" />
|
|
|
+ <el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
|
|
|
+ <el-form-item label="用户账户" prop="username">
|
|
|
+ <el-input v-model="formData.username" placeholder="请输入用户账户" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('mall.userNickname')" prop="nickname">
|
|
|
- <el-input v-model="formData.nickname" :placeholder="t('mall.pleaseEnterUserNickname')" />
|
|
|
+ <el-form-item label="用户昵称" prop="nickname">
|
|
|
+ <el-input v-model="formData.nickname" placeholder="请输入用户昵称" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('mall.phoneNumber')" prop="mobile">
|
|
|
- <el-input v-model="formData.mobile" :placeholder="t('mall.pleaseEnterPhoneNumber')" />
|
|
|
+ <el-form-item label="手机号码" prop="mobile">
|
|
|
+ <el-input v-model="formData.mobile" placeholder="请输入手机号码" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('mall.realName')" prop="realName">
|
|
|
- <el-input v-model="formData.realName" :placeholder="t('mall.pleaseEnterRealName')" />
|
|
|
+ <el-form-item label="类型" prop="userType">
|
|
|
+ <el-select v-model="formData.userType" placeholder="请选择" style="width: 240px">
|
|
|
+ <el-option label="会员(面向 c 端,普通用户)" :value="1" />
|
|
|
+ <el-option label="管理员(面向 b 端,管理后台)" :value="2" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('mall.birthday')" prop="birthday">
|
|
|
- <el-input v-model="formData.birthday" :placeholder="t('mall.pleaseEnterBirthday')" />
|
|
|
+ <el-form-item label="真实姓名" prop="realName">
|
|
|
+ <el-input v-model="formData.realName" placeholder="请输入真实姓名" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('mall.userRemark')" prop="mark">
|
|
|
- <el-input v-model="formData.mark" :placeholder="t('mall.pleaseEnterUserRemark')" />
|
|
|
+ <el-form-item label="生日" prop="birthday">
|
|
|
+ <el-input v-model="formData.birthday" placeholder="请输入生日" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('mall.userBalance')" prop="nowMoney">
|
|
|
- <el-input v-model="formData.nowMoney" :placeholder="t('mall.pleaseEnterUserBalance')" />
|
|
|
+ <el-form-item label="用户备注" prop="mark">
|
|
|
+ <el-input v-model="formData.mark" placeholder="请输入用户备注" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('mall.commissionAmount')" prop="brokeragePrice">
|
|
|
- <el-input v-model="formData.brokeragePrice" :placeholder="t('mall.pleaseEnterCommissionAmount')" />
|
|
|
+ <el-form-item label="用户余额" prop="nowMoney">
|
|
|
+ <el-input v-model="formData.nowMoney" placeholder="请输入用户余额" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item :label="t('mall.userPoints')" prop="integral">
|
|
|
- <el-input v-model="formData.integral" :placeholder="t('mall.pleaseEnterUserRemainingPoints')" />
|
|
|
+ <el-form-item label="佣金金额" prop="brokeragePrice">
|
|
|
+ <el-input v-model="formData.brokeragePrice" placeholder="请输入佣金金额" />
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="等级" prop="level">
|
|
|
+ <el-form-item label="用户积分" prop="integral">
|
|
|
+ <el-input v-model="formData.integral" placeholder="请输入用户剩余积分" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="等级" prop="level">
|
|
|
<el-input v-model="formData.level" placeholder="请输入等级" />
|
|
|
- </el-form-item> -->
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
<!-- <el-form-item label="是否为推广员" prop="isPromoter">
|
|
|
<el-input v-model="formData.isPromoter" placeholder="请输入是否为推广员" />
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item :label="t('mall.detailedAddress')" prop="addres">
|
|
|
- <el-input v-model="formData.addres" :placeholder="t('mall.pleaseEnterDetailedAddress')" />
|
|
|
+ <el-form-item label="详细地址" prop="addres">
|
|
|
+ <el-input v-model="formData.addres" placeholder="请输入详细地址" />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
- <el-button @click="submitForm" type="primary" :disabled="formLoading">{{t('common.confirm')}}</el-button>
|
|
|
- <el-button @click="dialogVisible = false">{{t('common.cancel')}}</el-button>
|
|
|
+ <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
|
|
+ <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
</template>
|
|
|
</Dialog>
|
|
|
</template>
|
|
|
@@ -93,9 +94,10 @@ const formData = ref({
|
|
|
wxProfile: undefined
|
|
|
})
|
|
|
const formRules = reactive({
|
|
|
- username: [{ required: true, message: t('mall.userAccountCannotBeEmpty'), trigger: 'blur' }],
|
|
|
- nickname: [{ required: true, message: t('mall.userNicknameCannotBeEmpty'), trigger: 'blur' }],
|
|
|
- mobile: [{ required: true, message: t('mall.phoneNumberCannotBeEmpty'), trigger: 'blur' }]
|
|
|
+ username: [{ required: true, message: '用户账户不能为空', trigger: 'blur' }],
|
|
|
+ nickname: [{ required: true, message: '用户昵称不能为空', trigger: 'blur' }],
|
|
|
+ mobile: [{ required: true, message: '佣手机号码不能为空', trigger: 'blur' }],
|
|
|
+ userType: [{ required: true, message: '用户类型', trigger: 'blur' }]
|
|
|
})
|
|
|
const formRef = ref() // 表单 Ref
|
|
|
|