index.js 4.84 KB
class data {
  columns () {
    return [
      {
        prop: "areaname",
        label: "行政区名称",
        width: 100
      },
      {
        prop: "areacode",
        label: "行政区代码",
        width: 100
      },
      {
        prop: "accessdate",
        width: 135,
        label: "上报日期"
      },
      {
        label: "类别",
        render: (h, scope) => {
          return (
            <div>
              <p>登簿</p>
              <p>接入</p>
            </div>
          )
        },
      },
      {
        label: "总量",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.totalnum === scope.row.accessInfoModel.totalnum ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.totalnum}</p>
              <p>{scope.row.accessInfoModel.totalnum}</p>
            </div>
          )
        },
      },
      {
        label: "首次登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.firstreg === scope.row.accessInfoModel.firstreg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.firstreg}</p>
              <p>{scope.row.accessInfoModel.firstreg}</p>
            </div>
          )
        },
      },
      {
        label: "转移登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.transferreg === scope.row.accessInfoModel.transferreg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.transferreg}</p>
              <p>{scope.row.accessInfoModel.transferreg}</p>
            </div>
          )
        },
      },
      {
        label: "变更登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.changereg === scope.row.accessInfoModel.changereg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.changereg}</p>
              <p>{scope.row.accessInfoModel.changereg}</p>
            </div>
          )
        },
      },
      {
        label: "注销登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.logoutreg === scope.row.accessInfoModel.logoutreg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.logoutreg}</p>
              <p>{scope.row.accessInfoModel.logoutreg}</p>
            </div>
          )
        },
      },
      {
        label: "更正登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.rivisereg === scope.row.accessInfoModel.rivisereg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.rivisereg}</p>
              <p>{scope.row.accessInfoModel.rivisereg}</p>
            </div>
          )
        },
      },

      // 异议登记
      {
        label: "异议登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.dissentingreg === scope.row.accessInfoModel.dissentingreg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.dissentingreg}</p>
              <p>{scope.row.accessInfoModel.dissentingreg}</p>
            </div>
          )
        },
      },
      // 预告登记
      {
        label: "预告登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.advancereg === scope.row.accessInfoModel.advancereg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.advancereg}</p>
              <p>{scope.row.accessInfoModel.advancereg}</p>
            </div>
          )
        },
      },
      // 查封登记
      {
        label: "查封登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.seizereg === scope.row.accessInfoModel.seizereg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.seizereg}</p>
              <p>{scope.row.accessInfoModel.seizereg}</p>
            </div>
          )
        },
      },
      // 地役权登记
      {
        label: "地役权登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.easementreg === scope.row.accessInfoModel.easementreg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.easementreg}</p>
              <p>{scope.row.accessInfoModel.easementreg}</p>
            </div>
          )
        },
      },
      // 抵押权登记
      {
        label: "抵押权登记",
        render: (h, scope) => {
          return (
            <div class={scope.row.registerInfoModel.mortgagereg === scope.row.accessInfoModel.mortgagereg ? '' : 'difference'}>
              <p>{scope.row.registerInfoModel.mortgagereg}</p>
              <p>{scope.row.accessInfoModel.mortgagereg}</p>
            </div>
          )
        },
      }
    ]
  }
}
export default new data()