qimall/addons/Area/backend/views/default/components/apply-edit.php

<template id="apply-edit">
    <el-dialog :visible.sync="edit.visible" width="20%" title="区域代理审核" center>
        <div>
            <el-form @submit.native.prevent size="small" label-width="80px">
                <el-form-item label="审核状态" prop="check_status">
                    <el-radio-group v-model="check_status">

                        <el-radio :label="1">通过</el-radio>
                        <el-radio :label="2">不通过</el-radio>
                    </el-radio-group>
                </el-form-item>
            </el-form>

            <el-form @submit.native.prevent size="small" label-width="80px">
                <el-form-item label="备注" prop="marks">
                    <el-input type="textarea"
                              :rows="4"
                              placeholder="备注"
                              v-model="marks">
                    </el-input>
                </el-form-item>
            </el-form>
        </div>
        <span slot="footer" class="dialog-footer">
            <el-button @click="edit.visible = false" 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('apply-edit', {
        template: '#apply-edit',
        props: {
            value: {
                type: Boolean,
                default: false,
            },
            row: {
                type: Object,
                default: null,
            },
        },
        data() {
            return {
                edit: {
                    visible: false,
                    keyword: '',
                    nickname: '',
                    id: '',
                    btnLoading: false,
                },
                check_status:'',
                marks:'',
                user_id: 0,
                apply_id:0,
                district: [],
                address: null,
                town_list: [],
                province_id: 0,
                city_id: 0,
                district_id: 0,
                town_id: '',
                props: {
                    value: 'id',
                    label: 'name',
                    children: 'list'
                },
                level: ''
            }
        },
        watch: {
            value() {
                if (this.value) {
                    this.apply_id = this.row.id;
					console.log('this.row.id=='+this.row.id)
                    this.edit.visible = true;
                }
            },

            'edit.visible'() {
                if (!this.edit.visible) {
                    this.editCancel();
                }
            }
        },
        created() {
        },
        methods: {
            editCancel() {
				console.log('触发了')
                this.$emit('input', false);
            },
            editSave() {
				if(!this.check_status){
					return this.$message.error('请选择是否通过审核！');
				}
				let url;
				request({
				    params: {
				        r: 'area/default/apply',
				    },
				    method: 'post',
                    data:{
                        id:this.apply_id,
                        check_status:this.check_status,
                        marks:this.marks
                    }
				}).then(response => {
				    this.edit.btnLoading = false;
				    if (response.data.code == 0) {
				        this.$message.success(response.data.msg);
						this.$emit('success')
						this.edit.visible = false;
				        this.editCancel();
				    } else {
				        this.$message.error(response.data.msg);
				    }
				}).catch(response => {
				    this.edit.btnLoading = false;
				});
            },
            keyUp() {
                console.log('key up')
            }
        }
    });
</script>