代理后端前端代码(带权限管理)
zj
2024-06-03 59782819ef818c3457aaf750a0358b485de3c249
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<template>
  <div>
    <a-modal
      title="修改代理信息"
      :width="500"
      :visible="editUserdialog"
      :confirmLoading="editUserDialogloading"
      @ok="OkeditUserdialog"
      @cancel="CanceleditUserdialog"
    >
      <a-form :form="editUserform" ref="editUserform">
        <a-form-item label="代理ID" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-input placeholder="请输入代理ID" disabled v-decorator="['id', {}]" />
        </a-form-item>
        <a-form-item v-show="false" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-input disabled v-decorator="['adminId', {}]" />
        </a-form-item>
        <!-- <a-form-item label="代理名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input placeholder="请输入代理名称" v-decorator="['agentName', {}]" />
                </a-form-item> -->
        <!-- <a-form-item label="角色" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-select
            placeholder="请选择角色"
            v-decorator="['roleId', { rules: [{ required: true, message: '请选择角色' }] }]"
          >
            <a-select-option v-for="(row, index) in roleDataList" :key="index" :value="row.roleId">{{
              row.roleName
            }}</a-select-option>
          </a-select>
        </a-form-item> -->
        <a-form-item label="代理手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-input
            placeholder="请输入代理手机号"
            v-decorator="['agentPhone', { 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: '请输入真实姓名' }] }]"
          />
        </a-form-item>
        <a-form-item label="密码" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-input placeholder="请输入密码" v-decorator="['agentPwd', {}]" />
        </a-form-item>
 
        <a-form-item label="杠杆倍数" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-input placeholder="请输入杠杆倍数" v-decorator="['siteLever', {}]" />
          <span>(例:100/50)</span>
        </a-form-item>
        <a-form-item label="代理状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-select
            placeholder="请选择代理状态"
            v-decorator="['isLock', { rules: [{ required: true, message: '请选择代理状态' }] }]"
          >
            <a-select-option :value="0">正常</a-select-option>
            <a-select-option :value="1">锁定</a-select-option>
          </a-select>
        </a-form-item>
      </a-form>
    </a-modal>
  </div>
</template>
<script>
import { agentupdate } from '@/api/home'
import pick from 'lodash.pick'
export default {
  components: {},
  props: {
    getinit: {
      type: Function,
      default: function () {},
    },
    agentlist: {
      type: Array,
    },
    roleDataList: {
      type: Array,
    },
  },
  data() {
    return {
      labelCol: {
        xs: { span: 24 },
        sm: { span: 7 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 13 },
      },
      editUserform: this.$form.createForm(this),
      editUserdialog: false,
      editUserDialogloading: false,
      fields: ['id', 'agentPhone', 'agentRealName', 'agentPwd', 'siteLever', 'isLock', 'roleId', 'adminId'],
      currentDetails: {},
    }
  },
  methods: {
    getEditorder(val) {
      this.currentDetails = val
      this.editUserdialog = true
      this.fields.forEach((v) => this.editUserform.getFieldDecorator(v))
      this.editUserform.setFieldsValue(pick(val, this.fields))
      this.editUserform.setFieldsValue(pick({ agentPwd: '' }, this.fields))
    },
    // 新增用户取消弹窗
    CanceleditUserdialog() {
      this.editUserdialog = false
      const form = this.$refs.editUserform.form
      form.resetFields()
    },
    // 新增用户确定
    OkeditUserdialog() {
      const form = this.$refs.editUserform.form
      form.validateFields((errors, values) => {
        if (!errors) {
          this.editUserDialogloading = true
          agentupdate(values).then((res) => {
            if (res.status == 0) {
              this.editUserdialog = false
              this.$message.success(res.msg)
              form.resetFields()
              this.getinit()
            } else {
              this.$message.error(res.msg)
            }
            this.editUserDialogloading = false
          })
        }
      })
    },
  },
}
</script>