<template>
  <div>
    <el-dialog v-dialogDrag :close-on-click-modal="false" title="移动户" :visible.sync="isVisible" width="50%"
      @close="close" :modal-append-to-body="false">
      <div>
        <div class="bottom-radio">
          <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>
        <div class="bottom-buttom">
          <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 lang="scss">
.bottom-radio {
  text-align: center;
}

.el-radio {
  padding: 20px;
}

.bottom-buttom {
  margin-top: 20px;
  text-align: center;
}
</style>