<template>
  <dialogBox title="证书预览" :isReset='false' :isSave='false'   width="865px" 
     @closeDialog="closeDialog" v-model="value">
    <div class="from-clues">
      <!-- 表单部分 -->
      <div class="zsyl-box">
             <div class="zsyl-left">
                  <div class="zsyl-title">
                    <span>____</span>
                    <span>(</span>
                    <span>)</span>
                    <span>____________</span>
                    <span>不动产权第</span>
                    <span>号</span>
                  </div>
                  <lb-table  :show-header="false"  :column="columns" border  :heightNum="390"  :pagination="false" heightNumSetting
                  :data="tableData">
                </lb-table>
             </div>
             <div class="zsyl-right">
              <div class="zsyl-title">附记</div>
              <div class="zsyl-text"></div>
             </div>
      </div>
    </div>
  </dialogBox>
</template>

<script>
   import { getTaskBackNode,sendBackTask } from "@/api/fqsq.js"
export default {
  components: {
  },
  props: {
    value: { type: Boolean, default: false },
    queryForm:{type:Object},
    bsmBusiness:{type:String}
  },
  data () {
    const columns=[
      // {
      //   label: '',
      //   align: 'center',
      //   render: (h, scope) => {
      //     return   <el-radio label={scope.row.taskid} v-model={this.radioVal} >{''}</el-radio>
      //   }
      // },
      {
        prop: "activityName",
        label: "",
        width:'120px'
      },
      {
        prop: "assignee",
        label: "",
        align:'left'
      },
     
    ];
    return {
      columns,
      tableData:[{
        activityName:'权利人',
        assignee:'张三'
      },{
        activityName:'共有情况',
        assignee:'一人持有'
      },{
        activityName:'坐落',
        assignee:'陕西省西安市莲湖区'
      },{
        activityName:'不动产单元号',
        assignee:'3-1-3003'
      },{
        activityName:'权利类型',
        assignee:'非常大'
      },{
        activityName:'权利性质',
        assignee:'非常大'
      },{
        activityName:'用途',
        assignee:'非常大'
      },{
        activityName:'面积',
        assignee:'124平方米'
      },{
        activityName:'使用期限',
        assignee:'99年'
      },{
        activityName:'权利其他状况',
        assignee:'良好'
      }],
    }
  },
  mounted(){
    // if(this.$route.query.bsmSlsq){
    //     this.list.bsmSlsq = this.$route.query.bsmSlsq
    // }
  },
  methods: {
  
    tablelistFn(){
      // getTaskBackNode({taskId:this.taskId}).then(res => {
      //   if (res.code === 200) {
      //       this.tableData = res.result 
      //   }
      // })
    },
   
   
    closeDialog () {
      this.$emit("input", false);
    },
  
  }
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.zsyl-box{
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: #FAFBE5;
  .zsyl-left{
    width: 330px;
    .zsyl-title span:nth-child(3){
      margin-left: 75px;
    }
    .zsyl-title span:nth-child(6){
      float: right;
    }
  }
  .zsyl-right{
    width: 330px;
    .zsyl-title{
      letter-spacing: 50px;
    text-align: center;
    text-indent: 50px;
    }
    .zsyl-text{
      border: 1px solid #E4EBF4;
      height: 90%;
    }
  }
  .zsyl-title{
    margin-bottom: 12px;
  }
  /deep/.el-table__row{
    background: #FAFBE5!important;
  }
}
</style>