yb 10 месяцев назад
Родитель
Сommit
3930f47b44
1 измененных файлов с 36 добавлено и 34 удалено
  1. 36 34
      src/views/mall/member/user/UserForm.vue

+ 36 - 34
src/views/mall/member/user/UserForm.vue

@@ -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