moveH.vue 2.35 KB
<template>
    <div>
        <el-dialog
                title="移动户"
                :visible.sync="isVisible"
                width="50%"
                @close="close"
                :modal-append-to-body="false"
                center>
            <div>
                <el-radio-group v-model="moveHdata.sxzylx">
                    <el-radio label="up">向上</el-radio>
                    <el-radio label="down">向下</el-radio>
                    <el-radio label="left">向左</el-radio>
                    <el-radio label="right">向右</el-radio>
                </el-radio-group>
                <div class="">
                    <el-button type="primary" @click="save">确认</el-button>
                    <el-button type="primary" @click="cacel">取消</el-button>
                </div>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    import {moveH} from './../../api/lpb'
    import {Message} from 'element-ui'
    export default {
        name: "moveH",
        data() {
            return {
                isVisible:false,
                moveHdata: {
                    hbsm: "",
                    sxzylx: "",
                    type:""
                }
            }
        },
        props: {
            moveHvisible: {
                type: Boolean,
                default: false
            },
            hbsm: {
                type: String
            },
            type:{
                type:String
            }
        },
        methods: {
            loading:function(){
                this.$emit('loading')
            },
            save() {
                this.moveHdata.hbsm=this.hbsm
                this.moveHdata.type=this.type
                moveH(this.moveHdata).then(res=>{
                    console.log(res)
                    if (res.success) {
                        this.loading();
                        this.close();
                        Message.success("移动成功")
                    }else{
                     Message.error(res.message)
                    }
                })
            },
            cacel(){
                this.close()
            },
            close() {
                this.$emit('close');
            }
        },
        watch: {
            moveHvisible(val) {
                this.isVisible = val
            }
        }
    }
</script>

<style scoped>

</style>