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>
              {
                scope.row.zszt == '1' ?
                  <div class='allow'>有效</div> :
                  <div class='prohibit'>失效</div>
              }
            </div>
          )
        }
      },
      {
        label: "领取状态",
        width: '80',
        render: (h, scope) => {
          return (
            <div>
              {
                scope.row.bsmFz ?
                  <div class='allow'>已领取</div> :
                  <div class='prohibit'>未领取</div>
              }
            </div>
          )
        }
      },
      {
        label: "不动产权证类型",
        width: '120',
        render: (h, scope) => {
          return (
            <div>
              {
                scope.row.bdcqzlx == '1' ?
                  <div>不动产权证书</div> :
                  <div>不动产登记证明</div>
              }
            </div>
          )
        }
      },
      {
        label: "业务号",
        minWidth: '100',
        render: (h, scope) => {
          return (
            <div>
              <el-link type="primary" onClick={() => { vm.openYwDialog(scope.row) }}>{scope.row.ywh}</el-link>
            </div>
          )
        }
      },
      {
        label: "权利类型",
        prop: "qllx",
      },
      {
        prop: "ysxlh",
        label: "印刷序列号",
        width: '100'
      },
      {
        prop: "bdcqzh",
        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: "qlr",
        label: "权利人",
        minWidth: '100'
      },
      {
        prop: "ywr",
        label: "义务人",
      },

      {
        prop: "bdcdyh",
        label: "不动产单元号",
        minWidth: '150',
      },
      {
        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: '80',
        render: (h, scope) => {
          return (
            <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button>
          )
        }
      },
    ]
  }
}
let datas = new data()
export {
  datas,
  sendThis
}