import filter from '@/utils/filter.js'
let vm = null

const sendThis = (_this) => {
  vm = _this
}
class data extends filter {
  constructor() {
    super()
  }
  columns () {
    return [
      {
        label: '序号',
        type: 'index',
        width: '50',
        render: (h, scope) => {
          return (
            <div>
              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
            </div>
          )
        }
      },
      {
        label: "权属状态",
        render: (h, scope) => {
          let text = '';
          let color=""
          let obj = {
            "1": {
              text:'现势',
              color:'#4BD863'
            },
            "2": {
              text:'历史',
              color:'#AAAAAA'
            },
            "3": {
              text: '临时',
              color: '#FE9400'
            }
          }
          text = obj[scope.row.qszt].text
          color = obj[scope.row.qszt].color
          return (
            <div>
                <span style={`color:${color}`}>●</span>
                <span >{ text }</span>
            </div>
          )
        }
      },
      {
        label: "权利类型",
        // this.rentType
        render: (h, scope) => {
          return <div>{scope.row.qllx}</div>;
        }
      },
      {
        prop: "ywh",
        label: "业务号",
      },
      {
        prop: "bdcdyh",
        label: "不动产单元号",
      },
      {
        prop: "bdcqzh",
        label: "不动产权证号",
      },
      {
        prop: "qlrmc",
        label: "权利人",
      },
      {
        prop: "ywrmc",
        label: "义务人",
      },
      {
        prop: "zl",
        label: "坐落",
      },
      {
        prop: "sjlx",
        label: "数据类型"
      },
      {
        label: '操作',
        width: '150',
        align: 'center',
        fixed: 'right',
        render: (h, scope) => {
          return (
            <div>
              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope) }}>登记薄</el-button>
              <el-button type="text" icon="el-icon-film" onClick={() => { vm.openDialog(scope) }}>楼盘表</el-button>
            </div>
          )
        }
      }
    ]
  }

  ywlys () {
    return [
      { value: 1, label: "办事大厅" },
      { value: 2, label: "微信小程序" },
      { value: 3, label: "法院端" },
      { value: 4, label: "银行端" },
    ]
  }

}
let datas = new data()
export {
  datas,
  sendThis
}