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: '120',
        render: (h, scope) => {
          switch (scope.row.state) {
            case '1':
              return <div class='allow'>已入库未分发</div>
            case '2':
              return <div class='prohibit'>已领取未使用</div>
            case '3':
              return <div class='allow'>已制证</div>
            case '4':
              return <div class='prohibit'>已作废</div>
          }
        }
      },
      {
        prop: "djjg",
        label: "登记机构",
      },
      {
        prop: "operationtime",
        label: "入库时间",
      },
      {
        prop: "operator",
        label: "入库人员",
      },
      {
        prop: "usedate",
        label: "领取时间",
      },
      {
        prop: "receiver",
        label: "领取人员",
      },
      {
        label: "证书类型",
        render: (h, scope) => {
          switch (scope.row.zslx) {
            case 'zs':
              return <span>不动产权证书</span>
            case 'zm':
              return <span>不动产登记证明</span>
          }
        }
      },
      {
        prop: "ysxlh",
        label: "序列号"
      },
      {
        label: "不动产权证号",
        width: '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>
          )
        }
      },
      {
        label: '操作',
        width: '80',
        render: (h, scope) => {
          return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button>
        }
      }
    ]
  }

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

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