<template>
  <div class="from-clues">
    <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump">
      <el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
      <el-tab-pane label="多幢" name="dz"></el-tab-pane>
    </el-tabs>
    <div v-if="activeName == 'zrz'">
      <div class="from-clues-header">
        <el-form :model="queryzrzForm" ref="queryzrzForm" label-width="110px">
          <el-row>
            <el-col :span="7">
              <el-form-item label="宗地代码">
                <el-input placeholder="请输入宗地代码" v-model="queryzrzForm.zddm" clearable>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="土地证号">
                <el-input placeholder="请输入土地证号" v-model="queryzrzForm.bdcqzh" clearable>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="土地坐落">
                <el-input placeholder="请输入土地坐落" v-model="queryzrzForm.zl" clearable>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="7">
              <el-form-item label="自然幢号">
                <el-input placeholder="请输入自然幢号" v-model="queryzrzForm.zrzh" clearable>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="项目名称">
                <el-input placeholder="请输入项目名称" v-model="queryzrzForm.xmmc"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="建筑物名称">
                <el-input placeholder="请输入建筑物名称" v-model="queryzrzForm.jzwmc" clearable>
                </el-input>
              </el-form-item>
            </el-col>

            <el-col :span="3" class="btnColRight">
              <el-form-item>
                <el-button type="primary" @click="resetForm(true)">重置</el-button>
                <el-button type="primary" @click="handleSearch">查询</el-button>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <div class="from-clues-content">
        <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
          :current-page.sync="pageData.currentPage" :total="zrztableData.total" @size-change="handleSizeChange"
          @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="zrztableData.columns"
          :data="zrztableData.data">
        </lb-table>
      </div>
      <div class="submit_button">
        <el-button @click="closeDialog">取消</el-button>
        <el-button type="primary" plain @click="submitForm">发起申请</el-button>
      </div>
    </div>
    <div v-if="activeName == 'dz'">
      <div class="from-clues-header">
        <el-form :model="querydzForm" ref="querydzForm" label-width="110px">
          <el-row>
            <el-col :span="7">
              <el-form-item label="宗地代码11">
                <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="土地证号">
                <el-input placeholder="请输入土地证号" v-model="querydzForm.bdcqzh" clearable>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item label="土地坐落">
                <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable>
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="7">
              <el-form-item label="项目名称">
                <el-input placeholder="请输入项目名称" v-model="querydzForm.xmmc"></el-input>
              </el-form-item>
            </el-col>

            <el-col :span="3" class="btnColRight">
              <el-form-item>
                <el-button type="primary" @click="resetForm(true)">重置</el-button>
                <el-button type="primary" @click="handleSearch">查询</el-button>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <div class="from-clues-content loadingtext">
        <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
          :current-page.sync="pageData.currentPage" :total="dztableData.total" @size-change="handleSizeChange"
          @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="dztableData.columns"
          :data="dztableData.data">
        </lb-table>
      </div>
      <div class="submit_button">
        <el-button @click="$popupCacel">取消</el-button>
        <el-button type="primary" plain @click="submitForm">发起申请</el-button>
      </div>
    </div>
  </div>
</template>
<script>
import store from '@/store/index.js'
//国有建设用地使用权/房屋使用权
import { datas, sendThis } from "../javascript/fwsyq.js";
// import { datasduo, sendThisduo } from "../javascript/fwsyqduo.js";
import table from "@/utils/mixin/table";
import jump from "@/views/ywbl/ywsq/components/mixin/jump";
import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectDz } from "@/api/ywbl.js";
export default {
  mixins: [table, jump],
  props: {
    isJump: { type: Boolean, default: false },
    sqywInfo: { type: Object, default: () => { } },
  },
  data () {
    return {
      activeName: 'zrz',
      queryzrzForm: {
        qllx: '',
        bdcdyh: '',
        ywh: '',
        bdcqzh: ''
      },
      querydzForm: {
        qllx: '',
        bdcdyh: '',
        ywh: '',
        bdcqzh: ''
      },
      zrztableData: {
        total: 0,
        columns: datas.zrzcolumns(),
        data: [],
      },
      dztableData: {
        total: 0,
        columns: datas.dzcolumns(),
        data: [],
      },
      bdcdysz: [],
      bsmSqyw:
        this.sqywInfo.nodetype === "djlx"
          ? this.sqywInfo.bsmSqyw
          : this.sqywInfo.parentid,
    };
  },
  mounted () {
    sendThis(this)
  },
  methods: {
    queryClick () {
      this.$startLoading();
      if (!this.isJump) {
        //从业务办理进入
        if (this.activeName == "zrz") {
          this.queryzrzForm.sqywbm = this.sqywInfo.djywbm;
          this.queryzrzForm.fwfl = this.activeName;
          selectZrz({ ...this.queryzrzForm, ...this.pageData }).then((res) => {
            this.$endLoading();
            if (res.code === 200) {
              this.zrztableData.total = res.result.total;
              this.zrztableData.data = res.result.records;
            }
          });
        } else {
          this.querydzForm.sqywbm = this.sqywInfo.djywbm;
          this.querydzForm.fwfl = this.activeName;
          selectDz({ ...this.querydzForm, ...this.pageData }).then((res) => {
            this.$endLoading();
            if (res.code === 200) {
              this.dztableData.total = res.result.total;
              this.dztableData.data = res.result.records;
            }
          })
        }

      } else {
        //从办理框架选择不动产单元进入
        //房屋首次办理选择不动产需找出对应自然幢下未选择的户
        this.queryzrzForm.bsmSlsq = this.$route.query.bsmSlsq;
        selectOtherH({ ...this.queryzrzForm, ...this.pageData }).then((res) => {
          this.$endLoading();
          if (res.code === 200) {
            let { total, records } = res.result;
            this.zrztableData.total = total;
            this.zrztableData.data = records;
          }
        })
      }
    },
    handleTabClick () {
      this.bdcdysz = [],
        this.pageData.currentPage = 1;
      this.queryClick();
    },
    submitForm () {
      if (this.bdcdysz.length == 0) {
        this.$message.error("请至少选择一条数据");
        return;
      }
      if (!this.isJump) {
        startBusinessFlow({
          bsmSqyw: this.bsmSqyw,
          fwlx: this.activeName,
          bdcdysz: this.bdcdysz,
          djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
          djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
        }).then((res) => {
          if (res.code == 200) {
            this.$message({
              showClose: true,
              message: '发起申请成功',
              type: 'success'
            })
            this.jump(res.result, this.djywbm)
          } else {
            this.$message.error(res.message);
          }
        })
      } else {
        choiceBdcdy({
          bsmSlsq: this.$route.query.bsmSlsq,
          bdcdysz: this.bdcdysz
        }).then(res => {
          if (res.code == 200) {
            this.$message({
              showClose: true,
              message: '发起申请成功',
              type: 'success'
            })
            store.dispatch('user/refreshPage', true);
          } else {
            this.$message.error(res.message);
          }
        })
      }
    },
    handleSelectionChange (val) {
      val.forEach((item, index) => {
        item.bsmSsql = item.zdbsm
      })
      this.bdcdysz = val
    },
    handleLpbClick (item) {
      this.$popup('楼盘表', 'lpb/index', {
        width: '85%',
        formData: {
          bsm: item.bsm,
          bsmSqyw: this.bsmSqyw,
          djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
          djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
        }
      })
    }
  }
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>