From 7bea4880ad378d6a0ffef45f2bb15f92f7b80bd0 Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Tue, 16 Jul 2024 10:15:38 +0800
Subject: [PATCH] 123
---
src/views/userlist/agentcomponents/addagentdialog.vue | 160 +++++++++++++++++++++++++++++++++--------------------
1 files changed, 100 insertions(+), 60 deletions(-)
diff --git a/src/views/userlist/agentcomponents/addagentdialog.vue b/src/views/userlist/agentcomponents/addagentdialog.vue
index e0540b5..80350c7 100644
--- a/src/views/userlist/agentcomponents/addagentdialog.vue
+++ b/src/views/userlist/agentcomponents/addagentdialog.vue
@@ -6,100 +6,140 @@
:visible="addUserdialog"
:confirmLoading="addUserDialogloading"
@ok="OkaddUserdialog"
- @cancel="CanceladdUserdialog">
+ @cancel="CanceladdUserdialog"
+ >
<a-form :form="addUserform" ref="addUserform">
<a-form-item label="上级代理" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
placeholder="请选择上级代理"
- v-decorator="['parentId', { rules: [{ required: true, message: '请选择上级代理', }] }]">
- <a-select-option value="0">总代理</a-select-option>
+ v-decorator="['parentId', { rules: [{ required: true, message: '请选择上级代理' }] }]"
+ >
+
+ <a-select-option :value="item.id" v-for="(item, index) in parentIdList" :key="index">{{
+ item.agentName
+ }}</a-select-option>
</a-select>
</a-form-item>
<a-form-item label="代理名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
placeholder="请输入代理名称"
- v-decorator="['agentName', { rules: [{ required: true, message: '请输入代理名称', }] }]" />
+ v-decorator="['agentName', { rules: [{ required: true, message: '请输入代理名称' }] }]"
+ />
</a-form-item>
<a-form-item label="代理手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
placeholder="请输入代理手机号"
- v-decorator="['agentPhone', { rules: [{ required: true, message: '请输入代理手机号', }] }]" />
+ v-decorator="['agentPhone', { rules: [{ required: true, message: '请输入代理手机号' }] }]"
+ />
</a-form-item>
<a-form-item label="密码" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
placeholder="请输入密码"
- v-decorator="['agentPwd', { rules: [{ required: true, message: '请输入密码', }] }]" />
+ v-decorator="['agentPwd', { rules: [{ required: true, message: '请输入密码' }] }]"
+ />
</a-form-item>
<a-form-item label="真实姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
placeholder="请输入真实姓名"
- v-decorator="['agentRealName', { rules: [{ required: true, message: '请输入真实姓名', }] }]" />
+ v-decorator="['agentRealName', { rules: [{ required: true, message: '请输入真实姓名' }] }]"
+ />
</a-form-item>
<a-form-item label="客服链接" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
placeholder="请输入客服链接"
- v-decorator="['onLineServices', { rules: [{ required: true, message: '请输入客服链接', }] }]" />
+ v-decorator="['onLineServices', { rules: [{ required: true, message: '请输入客服链接' }] }]"
+ />
+ </a-form-item>
+ <a-form-item label="代理编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+ <a-input
+ placeholder="请输入代理编码"
+ v-decorator="[
+ 'agentCode',
+ { rules: [{ required: true, validator: checkSixDigitNumber, message: '请输入六位数字' }] },
+ ]"
+ />
</a-form-item>
</a-form>
</a-modal>
</div>
</template>
<script>
-import { agentadd } from '@/api/home'
+import { agentadd, getParensAgent } from '@/api/home'
export default {
- components: {},
- props: {
- getinit: {
- type: Function,
- default: function () {
- }
- },
- agentlist: {
- type: Array
- }
+ components: {},
+ props: {
+ getinit: {
+ type: Function,
+ default: function () {},
},
- data () {
- return {
- labelCol: {
- xs: { span: 24 },
- sm: { span: 7 }
- },
- wrapperCol: {
- xs: { span: 24 },
- sm: { span: 13 }
- },
- addUserform: this.$form.createForm(this),
- addUserdialog: false,
- addUserDialogloading: false
- }
+ agentlist: {
+ type: Array,
},
- methods: {
- // 新增用户取消弹窗
- CanceladdUserdialog () {
- this.addUserdialog = false
- const form = this.$refs.addUserform.form
- form.resetFields()
- },
- // 新增用户确定
- OkaddUserdialog () {
- const form = this.$refs.addUserform.form
- form.validateFields((errors, values) => {
- if (!errors) {
- this.addUserDialogloading = true
- agentadd(values).then(res => {
- if (res.status == 0) {
- this.addUserdialog = false
- this.$message.success({ content: res.msg, duration: 2 })
- form.resetFields()
- this.getinit()
- } else {
- this.$message.error({ content: res.msg })
- }
- this.addUserDialogloading = false
- })
- }
- })
- }
+ },
+ data() {
+ return {
+ labelCol: {
+ xs: { span: 24 },
+ sm: { span: 7 },
+ },
+ wrapperCol: {
+ xs: { span: 24 },
+ sm: { span: 13 },
+ },
+ addUserform: this.$form.createForm(this),
+ addUserdialog: false,
+ addUserDialogloading: false,
+ parentIdList: [],
}
+ },
+ methods: {
+ initGetParensAgent() {
+ getParensAgent().then((res) => {
+ if (res.status == 0) {
+ this.parentIdList = [{
+ id: 0,
+ agentName: '总代理'
+ },...res.data]
+ } else {
+ this.$message.error(res.msg)
+ }
+ })
+ },
+ checkSixDigitNumber(rule, value, callback) {
+ const num = parseInt(value)
+ if (isNaN(num) || value.length !== 6) {
+ callback(new Error('请输入6位数字'))
+ } else {
+ callback()
+ }
+ },
+ // 新增用户取消弹窗
+ CanceladdUserdialog() {
+ this.addUserdialog = false
+ const form = this.$refs.addUserform.form
+ form.resetFields()
+ },
+ // 新增用户确定
+ OkaddUserdialog() {
+ const form = this.$refs.addUserform.form
+ form.validateFields((errors, values) => {
+ if (!errors) {
+ this.addUserDialogloading = true
+ agentadd(values).then((res) => {
+ if(values.parentId == 0) values.parentId = null
+ if (res.status == 0) {
+ this.addUserdialog = false
+ this.$message.success(res.msg)
+ form.resetFields()
+ this.getinit()
+ } else {
+ this.$message.error(res.msg)
+ }
+ this.addUserDialogloading = false
+ })
+ }
+ })
+ },
+ },
}
</script>
--
Gitblit v1.9.3