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

const sendThis = (_this) => {
  vm = _this
}
class data extends filter {
  constructor() {
    super()
  }
  columns() {
    return [
      {
        prop: 'qszt',
        label: '权属状态',
      },
      {
        prop: 'bdcqzh',
        label: '不动产权证号',
      },
      {
        prop: 'djsj',
        label: '登记时间',
      },
      {
        prop: 'wqhth',
        label: '合同号',
      },
      {
        prop: 'wqsj',
        label: '网签时间',
      },
      {
        prop: 'bdcdyh',
        label: '不动产单元号',
      },
      {
        prop: 'gyfs',
        label: '共有方式',
      },
      {
        prop: 'qlrmc',
        label: '权利人',
      },
      {
        prop: 'zjhm',
        label: '证件号',
      },
      {
        prop: 'fdzl',
        label: '房地坐落',
      },
      {
        prop: 'fwmj',
        label: '建筑面积（㎡）',
      },
      {
        prop: 'fwyt',
        label: '房屋用途',
      },
      {

        label: '登记状态',
        align: 'center',
        fixed: 'right',
        render: (h, scope) => {
          return (
            <div>
              <el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
              <el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button>
            </div>
          )
        }
      }
    ]
  }
  sqrCol() {
    return [
      {
        width: "60",
        renderHeader: (h, scope) => {
          return (
            <i
              class="el-icon-plus pointer"
              onClick={() => {
                vm.add("sqr");
              }}
              style="color:#409EFF"
            ></i>
          );
        },
        render: (h, scope) => {
          return (
            <i
              class="el-icon-minus pointer"
              onClick={() => {
                vm.remove(scope.$index, scope.row,"sqr");
              }}
            ></i>
          );
        },
      },
      {
        width: "150",
        label: "身份证读卡器",
        render: (h, scope) => {
          return (
            <div>
              <el-button
                type="text"
                icon="el-icon-edit-outline"
                onClick={() => {
                  vm.handleRead(scope);
                }}
              >
                读取
              </el-button>
            </div>
          );
        },
      },
      {
        width: "150",
        prop: "sqrxm",
        label: "姓名/名称",
        render: (h, scope) => {
          return (
            <el-input
              placeholder="姓名/名称"
              value={scope.row[scope.column.property]}
              onInput={(val) => {
                scope.row[scope.column.property] = val;
              }}
            ></el-input>
          );
        },
      },
      {
        prop: "sqrzjlxbm",
        label: "证件种类",
        render: (h, scope) => {
          return (
            <el-select
              class="width100"
              value={scope.row[scope.column.property]}
              onChange={(val) => {
                scope.row[scope.column.property] = val;
              }}
            >
              {vm.dictData["A30"].map((option) => {
                return (
                  <el-option
                    label={option.dname}
                    value={option.dcode}
                  ></el-option>
                );
              })}
            </el-select>
          );
        },
      },
      {
        prop: "sqrzjhm",
        label: "证件号",
        render: (h, scope) => {
          return (
            <el-input
              placeholder="证件号"
              value={scope.row[scope.column.property]}
              onInput={(val) => {
                scope.row[scope.column.property] = val;
              }}
              maxlength="21"
            ></el-input>
          );
        },
      },
      {
        prop: "lxdh",
        label: "联系电话",
        render: (h, scope) => {
          return (
            <div class="typePhone">
              <el-input
                placeholder="联系电话"
                value={scope.row[scope.column.property]}
                onInput={(val) => {
                  scope.row[scope.column.property] = val;
                }}
                onBlur={(val) => {
                  vm.teltest(scope.row);
                }}
                type="tel"
                maxlength="11"
              ></el-input>
              <span
                v-show={scope.row.inputErr}
                style={{
                  fontSize: "12px",
                  color: "red",
                  position: "absolute",
                  bottom: "-2px",
                  left: "0",
                }}
              >
                请输入正确手机号
              </span>
            </div>
          );
        },
      },
    ]
  }
  qlrCol() {
    return [
      {
        width: "60",
        renderHeader: (h, scope) => {
          return (
            <i
              class="el-icon-plus pointer"
              onClick={() => {
                vm.add("qlr");
              }}
              style="color:#409EFF"
            ></i>
          );
        },
        render: (h, scope) => {
          return (
            <i
              class="el-icon-minus pointer"
              onClick={() => {
                vm.remove(scope.$index, scope.row,"qlr");
              }}
            ></i>
          );
        },
      },
      {
        width: "150",
        label: "身份证读卡器",
        render: (h, scope) => {
          return (
            <div>
              <el-button
                type="text"
                icon="el-icon-edit-outline"
                onClick={() => {
                  vm.handleRead(scope);
                }}
              >
                读取
              </el-button>
            </div>
          );
        },
      },
      {
        width: "150",
        prop: "sqrxm",
        label: "姓名/名称",
        render: (h, scope) => {
          return (
            <el-input
              placeholder="姓名/名称"
              value={scope.row[scope.column.property]}
              onInput={(val) => {
                scope.row[scope.column.property] = val;
              }}
            ></el-input>
          );
        },
      },
      {
        prop: "sqrzjlxbm",
        label: "证件种类",
        render: (h, scope) => {
          return (
            <el-select
              class="width100"
              value={scope.row[scope.column.property]}
              onChange={(val) => {
                scope.row[scope.column.property] = val;
              }}
            >
              {vm.dictData["A30"].map((option) => {
                return (
                  <el-option
                    label={option.dname}
                    value={option.dcode}
                  ></el-option>
                );
              })}
            </el-select>
          );
        },
      },
      {
        prop: "sqrzjhm",
        label: "证件号",
        render: (h, scope) => {
          return (
            <el-input
              placeholder="证件号"
              value={scope.row[scope.column.property]}
              onInput={(val) => {
                scope.row[scope.column.property] = val;
              }}
              maxlength="21"
            ></el-input>
          );
        },
      },
      {
        prop: "lxdh",
        label: "联系电话",
        render: (h, scope) => {
          return (
            <div class="typePhone">
              <el-input
                placeholder="联系电话"
                value={scope.row[scope.column.property]}
                onInput={(val) => {
                  scope.row[scope.column.property] = val;
                }}
                onBlur={(val) => {
                  vm.teltest(scope.row);
                }}
                type="tel"
                maxlength="11"
              ></el-input>
              <span
                v-show={scope.row.inputErr}
                style={{
                  fontSize: "12px",
                  color: "red",
                  position: "absolute",
                  bottom: "-2px",
                  left: "0",
                }}
              >
                请输入正确手机号
              </span>
            </div>
          );
        },
      },
    ]
  }
}
let datas = new data()
export {
  datas,
  sendThis
}