<!--
 * @Description:
 * @Autor: renchao
 * @LastEditTime: 2023-05-09 09:20:10
-->
<template>
    <el-dialog
      :close-on-click-modal="false"
      title="选择权利类型"
      class="qllxdialog"
      :visible.sync="dialogVisible"
      custom-class="insetDialog"
      append-to-body
      width="20%"
    >
      <el-select v-model="qllxvalue" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
       <!-- <el-radio-group v-model="radio">
          <el-radio :label="1">111</el-radio>
          <el-radio :label="2">111</el-radio>
     </el-radio-group> -->
       <el-button type="primary" @click="handleSubmit">确定</el-button>
       <el-button type="primary" @click="closeDialog">取消</el-button>
    </el-dialog>
</template>

<script>
  export default {

    data () {
      return {
        dialogVisible:false,
        options: [
        {
          value: "选项1",
          label: "抵押权",
        },
        {
          value: "选项2",
          label: "地役权",
        },
        {
          value: "选项3",
          label: "预告登记",
        },
        {
          value: "选项4",
          label: "异议登记",
        },
        {
          value: "选项5",
          label: "查封登记",
        },
      ],
      qllxvalue: "",
      radio:3,
      qllxobj:{
        qllx:"",
        bsmQlxx

      }
      };
    },
    methods: {
      closeDialog () {
      this.dialogVisible=false
      },
      handleSubmit () {
        let qllxobj={
        qllx:this.value,
        bsmQlxx:this.value

      }
        // this.$parent.addRepairRecord(qllxobj)
      },
    },
  };
</script>
<style scoped lang="scss">
.qllxdialog{
  margin-top: 200px;
  /deep/.el-dialog__body{
    margin-top: 10px;
  height: 100px;
  }
  .el-button{
    margin-top: 10px;
   margin-left: 20px;
  }
}
</style>