From 089bf5d2378b3c4a61d795b2a92bede2c193b771 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:22:58 +0800
Subject: [PATCH] 1
---
src/views/modules/user/mange-add-or-update.vue | 327 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 327 insertions(+), 0 deletions(-)
diff --git a/src/views/modules/user/mange-add-or-update.vue b/src/views/modules/user/mange-add-or-update.vue
new file mode 100644
index 0000000..dae393b
--- /dev/null
+++ b/src/views/modules/user/mange-add-or-update.vue
@@ -0,0 +1,327 @@
+<template>
+ <el-dialog :title="!id ? '新增' : '修改'" :close-on-click-modal="false" @close="handClose" width="700px"
+ :visible.sync="visible">
+ <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
+ label-width="80px">
+ <el-form-item label="用户名" label-width="100px" prop="username">
+ <el-input v-model="dataForm.username" :disabled="id ? true : false" placeholder="登录帐号"></el-input>
+ </el-form-item>
+ <el-form-item v-if="!id" label="登录密码" label-width="100px" prop="password">
+ <el-input v-model="dataForm.password" type="password" placeholder="密码"></el-input>
+ </el-form-item>
+ <div v-if="!id" style="margin: 20px 0; color: green; padding-left: 100px">
+ 演示账号资金密码默认为000000,可登录后修改
+ </div>
+ <el-form-item v-if="!id" label="UID(选填)" prop="parentsUseCode" label-width="100px">
+ <el-input v-model="dataForm.parentsUseCode" placeholder="上级用户或上级代理商UID(选填)"></el-input>
+ </el-form-item>
+ <!-- <el-form-item label="手机号" prop="mobile">
+ <el-input v-model="dataForm.mobile" placeholder="手机号"></el-input>
+ </el-form-item> -->
+ <el-form-item label="登录权限" label-width="100px">
+ <el-select v-model="options.value1" @change="changeVal()" class="inpspase" placeholder="请选择">
+ <el-option v-for="item in options" :key="item.value1" :label="item.label1" :value="item.value1">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item v-if="id" label="提现权限" label-width="100px">
+ <el-select v-model="optionsThree.value3" @change="changeVal()" class="inpspase" placeholder="请选择">
+ <el-option v-for="item in optionsThree" :key="item.value3" :label="item.label3" :value="item.value3">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item v-if="id" label="基础认证" label-width="100px">
+ <el-select v-model="dataForm.realNameAuthority" @change="changeVal()" class="inpspase" placeholder="请选择">
+ <el-option v-for="item in optionsFous" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <div v-if="id" style="margin: 20px 0; color: rgb(124, 126, 124); padding-left: 100px">
+ 演示账号该设置不生效,默认无提现权限
+ </div>
+ <el-form-item label="是否业务锁定" label-width="100px">
+ <el-select v-model="optionsTwo.value2" @change="changeVal()" class="inpspase" placeholder="请选择">
+ <el-option v-for="item in optionsTwo" :key="item.value2" :label="item.label2" :value="item.value2">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="评分" label-width="100px" prop="">
+ <el-input v-model="dataForm.userLevel" type="number" placeholder="评分"></el-input>
+ </el-form-item>
+
+ <el-form-item label="借贷额度" label-width="100px" prop="">
+ <el-input v-model="dataForm.loanLimit" type="number" placeholder="借贷额度"></el-input>
+ </el-form-item>
+
+ <el-form-item label="备注" label-width="100px" prop="remarks">
+ <el-input type="textarea" :autosize="{ minRows: 5, maxRows: 8 }" show-word-limit
+ v-model="dataForm.remarks"></el-input>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="visible = false">取消</el-button>
+ <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+ </span>
+ </el-dialog>
+</template>
+
+<script>
+import { isEmail, isMobile } from "@/utils/validate";
+import { Debounce } from "@/utils/debounce";
+import { encrypt } from "@/utils/crypto";
+export default {
+ data() {
+ var validatePassword = (rule, value, callback) => {
+ if (!this.dataForm.id && !/\S/.test(value)) {
+ callback(new Error("密码不能为空"));
+ } else {
+ callback();
+ }
+ };
+ var validateEmail = (rule, value, callback) => {
+ if (!isEmail(value)) {
+ callback(new Error("邮箱格式错误"));
+ } else {
+ callback();
+ }
+ };
+ var validateMobile = (rule, value, callback) => {
+ if (!isMobile(value)) {
+ callback(new Error("手机号格式错误"));
+ } else {
+ callback();
+ }
+ };
+ var validateuserLevel = (rule, value, callback) => {
+ const regex = /^(0|[1-9]\d*)$/; // 正则表达式:大于等于0的整数
+ if (regex.test(value)) {
+ callback();
+ } else {
+ callback(new Error("请输入大于或等于0的整数"));
+ }
+ };
+ return {
+ visible: false,
+ roleList: {},
+ id: "",
+ dataForm: {
+ parentsUseCode: "",
+ remarks: "",
+ username: "",
+ password: "",
+ email: "",
+ mobile: "",
+ userLevel: "",
+ realNameAuthority: '',
+ status: 1,
+ loanLimit: 100,
+ },
+ options: [
+ {
+ label1: "正常",
+ value1: true,
+ },
+ {
+ label1: "限制登录",
+ value1: false,
+ },
+ ],
+ optionsTwo: [
+ {
+ label2: "正常",
+ value2: true,
+ },
+ {
+ label2: "业务锁定(登录不受影响,锁定后无法购买订单和提现)",
+ value2: false,
+ },
+ ],
+ optionsThree: [
+ {
+ label3: "正常",
+ value3: true,
+ },
+ {
+ label3: "限制提现",
+ value3: false,
+ },
+ ],
+ optionsFous: [
+ {
+ label: "已认证",
+ value: true,
+ },
+ {
+ label: "未认证",
+ value: false,
+ },
+ ],
+ dataRule: {
+ username: [
+ { required: true, message: "用户名不能为空", trigger: "blur" },
+ // { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的用户名', trigger: 'blur' }
+ ],
+ password: [
+ { required: true, message: "密码不能为空", trigger: "blur" },
+ ],
+ userLevel: [
+ { required: true, message: "评分不能为空", trigger: "blur" },
+ { validator: validateuserLevel, trigger: "blur" },
+ // { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的用户名', trigger: 'blur' }
+ ],
+ // email: [
+ // { required: true, message: '邮箱不能为空', trigger: 'blur' },
+ // { validator: validateEmail, trigger: 'blur' }
+ // ],
+ // mobile: [
+ // { required: true, message: '手机号不能为空', trigger: 'blur' },
+ // { validator: validateMobile, trigger: 'blur' }
+ // ]
+ },
+ };
+ },
+ methods: {
+ init(row, id) {
+ this.dataForm.remarks = "";
+ this.resClear();
+ this.roleList = row || {};
+ this.id = id || "";
+ if (row) {
+ this.dataForm.username = row.userName;
+ this.options.value1 = row.loginAuthority;
+ this.optionsTwo.value2 = row.enabled;
+ this.optionsThree.value3 = row.withdrawAuthority;
+ this.dataForm.userLevel = row.userLevel;
+ this.dataForm.realNameAuthority = row.realNameAuthority;
+ this.dataForm.remarks = row.remarks;
+ this.dataForm.loanLimit = row.loanLimit;
+ } else {
+ this.options.value1 = this.options[0].value1;
+ this.optionsTwo.value2 = this.optionsTwo[0].value2;
+ }
+ this.visible = true;
+ this.$nextTick(() => {
+ //this.$refs.dataForm.resetFields()
+ });
+ },
+ resClear() {
+ this.dataForm = {
+ parentsUseCode: "",
+ remarks: "",
+ username: "",
+ password: "",
+ email: "",
+ mobile: "",
+ userLevel: "",
+ loanLimit: 100,
+ };
+ },
+ changeVal(val) {
+ this.$forceUpdate();
+ },
+ handClose() {
+ this.$data.dataForm = JSON.parse(
+ JSON.stringify(this.$options.data().dataForm)
+ );
+ this.$nextTick(() => {
+ this.$refs["dataForm"].clearValidate(); // 清除表单验证
+ });
+ },
+ // 表单提交
+ dataFormSubmit: Debounce(function () {
+ this.$refs["dataForm"].validate((valid) => {
+ if (valid) {
+ if (isNaN(this.dataForm.userLevel)) {
+ this.dataForm.userLevel = "";
+ } else if (this.dataForm.userLevel % 1 !== 0) {
+ this.dataForm.userLevel = "";
+ }
+
+ // 验证借贷额度不能小于100
+ const loanLimit = Number(this.dataForm.loanLimit);
+ if (isNaN(loanLimit) || loanLimit < 100) {
+ this.$message({
+ message: "借贷额度不能小于100",
+ type: "error",
+ });
+ return;
+ }
+
+ if (this.id) {
+ this.$http({
+ url: this.$http.adornUrl(`/userData/update`), //修改
+ method: "post",
+ data: this.$http.adornData({
+ enabled: this.optionsTwo.value2,
+ loginAuthority: this.options.value1,
+ withdrawAuthority: this.optionsThree.value3,
+ userId: this.roleList.userId,
+ remarks: this.dataForm.remarks,
+ userLevel: this.dataForm.userLevel,
+ realNameAuthority: this.dataForm.realNameAuthority,
+ loanLimit: this.dataForm.loanLimit,
+ }),
+ }).then(({ data }) => {
+ if (data.code == 0) {
+ this.$message({
+ message: "操作成功",
+ type: "success",
+ duration: 1500,
+ onClose: () => {
+ this.resClear();
+ this.visible = false;
+ this.$emit("refreshDataList");
+ },
+ });
+ } else {
+ this.$message({
+ message: data.msg,
+ type: "error",
+ });
+ }
+ });
+ } else {
+ this.$http({
+ url: this.$http.adornUrl(`/userData/add`), //新增
+ method: "post",
+ data: this.$http.adornData({
+ username: this.dataForm.username,
+ enabled: this.optionsTwo.value2,
+ loginAuthority: this.options.value1,
+ parentsUseCode: this.dataForm.parentsUseCode,
+ password: encrypt(this.dataForm.password),
+ remarks: this.dataForm.remarks,
+ userLevel: this.dataForm.userLevel,
+ loanLimit: this.dataForm.loanLimit,
+ }),
+ }).then(({ data }) => {
+ if (data.code == 0) {
+ this.$message({
+ message: "操作成功",
+ type: "success",
+ duration: 1500,
+ onClose: () => {
+ this.resClear();
+ this.visible = false;
+ this.$emit("refreshDataList");
+ },
+ });
+ } else {
+ this.$message({
+ message: data.msg,
+ type: "error",
+ });
+ }
+ });
+ }
+ }
+ });
+ }),
+ },
+};
+</script>
+<style scoped>
+.inpspase {
+ width: 560px;
+}
+</style>
--
Gitblit v1.9.3