qimall/addons/Agent/backend/views/default/agent-level.php

<template id="agent-level">
    <el-dialog :visible.sync="edit.visible" width="20%" title="修改经销商等级">
        <div v-loading="edit.loading">
            <el-form size="small" label-width="150px">
                <el-form-item label="等级名称">
                    <el-select size="small" v-model="edit.level" class="select">
                        <el-option :key="index" :label="item.name" :value="item.level" :disabled="agent.level == item.level" v-for="(item, index) in edit.list"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <el-form size="small" label-width="150px" v-if="is_enable_province == 1">
                <el-form-item label="区域设置">
                    <el-select v-model="edit.provinceinfo" value-key='id' placeholder="请选择省">
                        <el-option v-for="item in provinces" :key="item.id" :label="item.name" :value="item"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
        </div>
        <span slot="footer" class="dialog-footer">
            <el-button @click="editCancel" type="default" size="small">取消</el-button>
            <el-button type="primary" :loading="edit.btnLoading" style="margin-bottom: 10px;" size="small" @click="editSave">保存</el-button>
        </span>
    </el-dialog>
</template>
<script>
    Vue.component('agent-level', {
        template: '#agent-level',
        props: {
            value: {
                type: Boolean,
                default: false
            },
            agent: Object,
            is_enable_province: {
                type: Number,
                default: 0
            }
        },
        data() {
            return {
                edit: {
                    visible: false,
                    level: '',
                    btnLoading: false,
                    list: [],
                    loading: false,
                    provinceinfo: {
                        id: '',
                        name: ''
                    },
                },
                provinces: [],
            };
        },
        watch: {
            value() {
                if (this.value) {
                    this.edit.visible = true;
                    this.edit.level = this.agent.level;
                    this.edit.provinceinfo = this.agent.provinceinfo
                    this.getLevel();
                    if(this.is_enable_province == 1){
                        this.getProvinces()
                    }
                } else {
                    this.edit.id = '';
                    this.edit.visible = false;
                }
            },
            'edit.visible'() {
                if (!this.edit.visible) {
                    this.editCancel();
                }
            }
        },
        methods: {
            getProvinces() {
                request({
                    params: {
                        r: 'agent/default/get-provinces',
                    },
                    method: 'get',
                }).then(e => {
                    if (e.data.code == 0) {
                        this.provinces = e.data.data;
                    }
                }).catch(e => {
                    console.log(e);
                    this.$message.error('网络错误');
                });
            },
            getLevel() {
                this.edit.loading = true;
                request({
                    params: {
                        r: 'agent/default/enable-list',
                    }
                }).then(res => {
                    this.edit.loading = false;
                    if (res.data.code == 0) {
                        this.edit.list = res.data.data.list;
                    } else {
                        this.$message.error(res.data.msg);
                    }
                }).catch(res => {
                    this.edit.loading = false;
                });
            },
            editCancel() {
                this.$emit('input', false);
            },
            editSave() {
                this.edit.btnLoading = true;
                request({
                    params: {
                        r: 'agent/default/level-change',
                    },
                    method: 'post',
                    data: {
                        level: this.edit.level,
                        id: this.agent.id,
                        user_id: this.agent.user_id,
                        provinceinfo: this.edit.provinceinfo
                    }
                }).then(response => {
                    this.edit.btnLoading = false;
                    if (response.data.code == 0) {
                        this.$message.success('修改成功');
                        this.editCancel();
                        this.$emit('success', true);
                    } else {
                        this.$message.error(response.data.msg);
                    }
                }).catch(response => {
                    this.edit.btnLoading = false;
                });
            }
        }
    });
</script>