let vm = null
const sendThis = (_this) => {
  vm = _this
}
class data {
  columns () {
    return [
      {
        prop: "state",
        label: "状态",
        width: '120',
        render: (h, scope) => {
          return (
            <div>
              <span class='adopt' v-show={scope.row.state == 3}>上报失败</span>
              <span class='adopt' v-show={scope.row.state == 2}>上报成功</span>
              <span class='warehousing' v-show={scope.row.state == 1}>接入上报异常</span>
            </div>
          )
        }
      },
      {
        prop: "UPLOADTIME",
        label: "汇交日期",
        width: '150',
      },
      {
        prop: "AREANAME",
        label: "区域名称",
      },
      {
        prop: "ACCESSDATE",
        label: "日期",
        width: '150',
      },
      {
        prop: "type",
        label: "类别",
        render: (h, scope) => {
          return (
            <div class={'difference'}>
              <p>{'登簿量'}</p>
              <p>{'接入量'}</p>
            </div>
          )
        },
      },
      {
        label: "总量",
        render: (h, scope) => {
          return (
            <div class={scope.row.totalnum === scope.row.totalnum ? '' : 'difference'}>
              <p>{scope.row.registerTotalnum}</p>
              <p>{scope.row.accessTotalnum}</p>
            </div>
          )
        },
      },
      {
        label: "业务类型数量",
        width: '120',
        render: (h, scope) => {
          return (
            <div >
              <p>{scope.row.registerBusinesstypecount}</p>
              <p>{scope.row.accessBusinesstypecount}</p>
            </div>
          )
        },
      },
      {
        label: "首次登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.firstreg === scope.row.firstreg ? '' : 'difference'}>
              <p>{scope.row.registerFirstreg}</p>
              <p>{scope.row.accessFirstreg}</p>
            </div>
          )
        },
      },
      {
        label: "转移登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.transferreg === scope.row.transferreg ? '' : 'difference'}>
              <p>{scope.row.registerTransferreg}</p>
              <p>{scope.row.accessTransferreg}</p>
            </div>
          )
        },
      },
      {
        label: "变更登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.changereg === scope.row.changereg ? '' : 'difference'}>
              <p>{scope.row.registerChangereg}</p>
              <p>{scope.row.accessChangereg}</p>
            </div>
          )
        },
      },
      {
        label: "注销登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.logoutreg === scope.row.logoutreg ? '' : 'difference'}>
              <p>{scope.row.registerLogoutreg}</p>
              <p>{scope.row.accessLogoutreg}</p>
            </div>
          )
        },
      },
      {
        label: "更正登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.rivisereg === scope.row.rivisereg ? '' : 'difference'}>
              <p>{scope.row.registerRivisereg}</p>
              <p>{scope.row.accessRivisereg}</p>
            </div>
          )
        },
      },

      // 异议登记
      {
        label: "异议登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.dissentingreg === scope.row.dissentingreg ? '' : 'difference'}>
              <p>{scope.row.registerDissentingreg}</p>
              <p>{scope.row.accessDissentingreg}</p>
            </div>
          )
        },
      },
      // 预告登记
      {
        label: "预告登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.advancereg === scope.row.advancereg ? '' : 'difference'}>
              <p>{scope.row.registerAdvancereg}</p>
              <p>{scope.row.accessAdvancereg}</p>
            </div>
          )
        },
      },
      // 查封登记
      {
        label: "查封登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.seizereg === scope.row.seizereg ? '' : 'difference'}>
              <p>{scope.row.registerSeizereg}</p>
              <p>{scope.row.accessSeizereg}</p>
            </div>
          )
        },
      },
      // 地役权登记
      {
        label: "地役权登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.easementreg === scope.row.easementreg ? '' : 'difference'}>
              <p>{scope.row.registerEasementreg}</p>
              <p>{scope.row.accessEasementreg}</p>
            </div>
          )
        },
      },
      // 抵押权登记
      {
        label: "抵押权登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.mortgagereg === scope.row.mortgagereg ? '' : 'difference'}>
              <p>{scope.row.registerMortgagereg}</p>
              <p>{scope.row.accessMortgagereg}</p>
            </div>
          )
        },
      },
      {
        label: "操作",
        width: "80",
        fixed: "right",
        render: (h, scope) => {
          return (
            <div>
              <el-button
                type="text"
                style="color:#67C23A"
                onClick={() => {
                  vm.handleEdit(scope.row);
                }}
              >
                修改
                <i class="el-icon-d-arrow-right"></i>
              </el-button>
            </div>
          );
        },
      }
    ]
  }
}
let datas = new data()
export {
  datas,
  sendThis
}