/*
 * @Description:
 * @Autor: renchao
 * @LastEditTime: 2023-11-14 15:57:33
 */
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: '130',
        render: (h, scope) => {
          return (
            <div>
              <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
              <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
            </div>
          )
        }
      },
      {
        prop: "qllxmc",
        width: 140,
        label: "权利类型",
      },
      {
        label: "不动产单元号",
        width: 170,
        render: (h, scope) => {
          return (
            <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width ">
              <span class="ellipsis-table"> {scope.row.bdcdyh}</span>
            </el-tooltip>
          )
        }
      },
      {
        label: "不动产权证号",
        width: 170,
        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: "使用权人",
      },
      {
        prop: "qlrzjhm",
        label: "证件号",
      },
      {
        prop: "qlxzmc",
        width: 100,
        label: "权利性质",
      },
      {
        prop: "qlmjmc",
        width: 100,
        label: "使用权面积",
      },
      {
        prop: "qlytmc",
        label: "土地用途",
      },
      {
        prop: "zl",
        label: "坐落",
        minWidth: '150'
      },
      {
        label: '操作',
        width: '80',
        align: 'center',
        fixed: 'right',
        render: (h, scope) => {
          return (
            <div>
              <el-button type="text" icon="el-icon-edit-outline" onClick={(event) => { event.stopPropagation(); vm.openBook(scope.row) }}>登记薄</el-button>
            </div>
          )
        }
      },
    ]
  }

}
class datatwo extends filter {
  constructor() {
    super()
  }

  columns1 () {
    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.bglx == '1' ? <span>变更前</span> : <span>变更后</span>
              }
            </div>
          )
        }
      },
      {
        label: "状态",
        width: '130',
        render: (h, scope) => {
          return (
            <div>
              <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
              <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
            </div>
          )
        }
      },
      {
        prop: "qllxmc",
        width: 140,
        label: "权利类型",
      },
      {
        label: "不动产单元号",
        width: 170,
        render: (h, scope) => {
          return (
            <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width ">
              <span class="ellipsis-table"> {scope.row.bdcdyh}</span>
            </el-tooltip>
          )
        }
      },
      {
        label: "不动产权证号",
        width: 170,
        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: "使用权人",
      },
      {
        prop: "qlrzjhm",
        label: "证件号",
        width: 150,
      },
      {
        prop: "qlxzmc",
        width: 100,
        label: "权利性质",
      },
      {
        prop: "qlmjmc",
        width: 100,
        label: "面积",
      },
      {
        prop: "qlytmc",
        width: 100,
        label: "用途",
      },
      {
        prop: "zl",
        label: "坐落",
        minWidth: 150
      },
      {
        label: '操作',
        width: '80',
        align: 'center',
        fixed: 'right',
        render: (h, scope) => {
          return (
            <div>
              <el-button v-show={scope.row.bglx == '1'} type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
            </div>
          )
        }
      }
    ]
  }

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