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

const sendThis = (_this) => {
  vm = _this
}
class data extends filter {
  constructor() {
    super()
  }
  zrzcolumns () {
    return [
      {
        type: 'selection',
        label: '全选',
        width: '30',
        selectable: this.selected
      },
      {
        label: '序号1',
        type: 'index',
        width: '50',
        render: (h, scope) => {
          return (
            <div>
              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
            </div>
          )
        }
      },
      {
        label: "状态",
        render: (h, scope) => {
          return (
            <div>
              {/* <a v-on:click="doSomething"></a> */}
              <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
              <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
              <span v-show={scope.row.cfzt == 1}>,已查封</span>
              <span v-show={scope.row.diyizt == 1}>,已地役</span>
              <span v-show={scope.row.yyzt == 1}>,异议中</span>
              <span v-show={scope.row.xzzt == 1}>,已限制</span>
              <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
              <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
              <span v-show={scope.row.dyzt == 1}>,已抵押</span>
            </div>
          )
        }
      },
      {
        prop: "tdzh",
        label: "土地证号",
      },
      {
        prop: "qllxmc",
        label: "权利类型",
      },
      {
        prop: "xmmc",
        label: "项目名称",
      },
      {
        prop: "zrzh",
        label: "自然幢号",
      },
      {
        prop: "jzwmc",
        label: "建筑物名称",
      },
      {
        label: "土地/房屋性质",
        render: (h, scope) => {
          return (
            <div>
              {(scope.row.showQlxz) + (' / ') + (scope.row.fwxzmc)}
            </div>
          )
        }
      },
      {
        label: "面积",
        render: (h, scope) => {
          return (
            <div>
              {(scope.row.zdmj) + (' / ') + (scope.row.scjzmj)}
            </div>
          )
        }
      },
      {
        label: "土地/房屋用途",
        render: (h, scope) => {
          return (
            <div>
              {(scope.row.showTdyt) + (' / ') + (scope.row.showFwyt)}
            </div>
          )
        }
      },
      {
        prop: "zcs",
        label: "总层数",
        width: '70',
      },
      {
        prop: "zts",
        label: "总套数",
        width: '70',
      },
      {
        prop: "zl",
        label: "自然幢坐落",
        minWidth: '130'
      },
      {
        label: '操作',
        width: '80',
        align: 'center',
        fixed: 'right',
        render: (h, scope) => {
          return <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
        }
      }
    ]
  }
  dzcolumns () {
    return [
      {
        type: 'selection',
        label: '全选',
        width: '30',
        selectable: this.selected
      },
      {
        label: '序号2',
        type: 'index',
        width: '50',
        render: (h, scope) => {
          return (
            <div>
              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
            </div>
          )
        }
      },
      {
        label: "状态",
        render: (h, scope) => {
          return (
            <div>
              {/* <a v-on:click="doSomething"></a> */}
              <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
              <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
              <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
              <span v-show={scope.row.cfzt == 1}>,已查封</span>
              <span v-show={scope.row.diyizt == 1}>,已地役</span>
              <span v-show={scope.row.yyzt == 1}>,异议中</span>
              <span v-show={scope.row.xzzt == 1}>,已限制</span>
              <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
              <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
              <span v-show={scope.row.dyzt == 1}>,已抵押</span>
            </div>
          )
        }
      },
      {
        prop: "tdzh",
        label: "土地证号",
      },
      {
        prop: "qllxmc",
        label: "权利类型",
      },
      {
        prop: "xmmc",
        label: "项目名称",
      },
      // {
      //   prop: "zrzh",
      //   label: "自然幢号",
      // },
      // {
      //   prop: "jzwmc",
      //   label: "建筑物名称",
      // },
      {
        label: "土地/房屋性质",
        render: (h, scope) => {
          return (
            <div>
              {(scope.row.showQlxz) + (' / ') + (scope.row.fwxzmc)}
            </div>
          )
        }
      },
      {
        label: "面积",
        render: (h, scope) => {
          return (
            <div>
              {(scope.row.zdmj) + (' / ') + (scope.row.dzmj)}
            </div>
          )
        }
      },
      {
        label: "土地/房屋用途",
        render: (h, scope) => {
          return (
            <div>
              {(scope.row.showTdyt) + (' / ') + (scope.row.showFwyt)}
            </div>
          )
        }
      },
      {
        prop: "zcs",
        label: "总层数",
        width: '70',
      },
      {
        prop: "zts",
        label: "总套数",
        width: '70',
      },
      {
        prop: "zl",
        label: "多幢坐落",
      }
      // {
      //   label: '操作',
      //   width: '80',
      //   align: 'center',
      //   fixed: 'right',
      //   render: (h, scope) => {
      //     return <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
      //   }
      // }
    ]
  }

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