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: "数据类型",
        width: '80',
        render: (h, scope) => {
          return (
            <div>
              <span v-show={scope.row.sjlx == 1} >系统数据</span>
              <span v-show={scope.row.sjlx == 2} >存量数据</span>
              <span v-show={scope.row.sjlx == 3} >补录数据</span>
            </div>
          )
        }
      },
      {
        label: "权属状态",
        width: '80',
        render: (h, scope) => {
          let obj = {
            "1": {
              text: '现势',
              color: '#4BD863'
            },
            "2": {
              text: '历史',
              color: '#AAAAAA'
            },
            "0": {
              text: '临时',
              color: '#ff5100'
            }
          }
          let textName = obj[scope.row.qszt]?.text || ''
          let colorName = obj[scope.row.qszt]?.color || ''
          return (
            <div>
              <span style={`color:${colorName}`}>●&nbsp;</span>
              <span >{textName}</span>
            </div>
          )
        }
      },
      {
        label: "业务号",
        prop: "ywh",
        minWidth: '100',
      },
      {
        prop: "qllxmc",
        label: "权利类型",
        width: '140',
      },
      {
        prop: "djlxmc",
        label: "登记类型",
        width: '90',
      },
      {
        prop: "bdcdyh",
        label: "不动产单元号",
        minWidth: '150',
      },
      {
        label: "不动产权证号",
        minWidth: '150',
        render: (h, scope) => {
          return (
            <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
              <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
            </el-tooltip>
          )
        }
      },
      {
        prop: "qlrmc",
        label: "权利人",
        minWidth: '150',
      },
      {
        prop: "ywrmc",
        label: "义务人",
        minWidth: '150',
      },
      {
        prop: "qlmjmc",
        label: "面积",
        width: '130'
      },
      {
        prop: "qlxzmc",
        label: "权利性质",
        minWidth: '130'
      },
      {
        prop: "qlytmc",
        label: "用途",
        minWidth: '130'
      },
      {
        prop: "qdjgmc",
        label: "取得价格",
        minWidth: '80'
      },
      {
        label: "坐落",
        minWidth: '150',
        render: (h, scope) => {
          return (
            <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
              <span class="ellipsis-table"> {scope.row.zl}</span>
            </el-tooltip>
          )
        }
      },
      {
        label: '操作',
        width: '160',
        fixed: 'right',
        render: (h, scope) => {
          return (
            <div>
              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button>
              <el-button type="text" icon="el-icon-film" onClick={(event) => { event.stopPropagation(); vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
            </div>
          )
        }
      }
    ]
  }

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