nsgk_mobile/src/views/sunVillage_info/homeApplication/proposerLiteNew.vue

<template>
  <div class="app-container">
    <div id="info" style="display: none"></div>
    <!--      <van-nav-bar-->
    <!--        :title="(proposerStatus == 3 ? '添加' : '') + '用地建房申请'"-->
    <!--        left-arrow-->
    <!--        fixed-->
    <!--        placeholder-->
    <!--        @click-left="goBack()"-->
    <!--        z-index="998"-->
    <!--      >-->
    <!--        <template #right>-->
    <!--          <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>-->
    <!--        </template>-->
    <!--      </van-nav-bar>-->

    <div class="header_main">
      {{(proposerStatus == 3 ? '添加' : '') + '用地建房申请'}}
      <div class="return_btn" @click="onClickLeft"></div>
      <div class="add_btn" @click="goFlow"></div>
    </div>

    <van-steps :active="active" active-color="#38f" @click-step="onStepClicked">
      <van-step>申请</van-step>
      <van-step>开工</van-step>
      <van-step>验收</van-step>
    </van-steps>

    <div class="main" style="padding-bottom: 1rem;">
      <van-form ref="form">
        <template>
          <van-dialog v-model:show="mapShow" @cancel="mapZbQx" @confirm="mapZbQd()" show-cancel-button>
            <div style="width: 100%;height:45vh;position:relative;">
              <div style="width: 100%;height: 100%">
                <!--<iframe style="width: 100%;height: 50%" src="https://www.sea-meta.com/location.html"></iframe>-->
                <div id='uuidMap' style="width: 100%;height: 100%"></div>
              </div>
            </div>
          </van-dialog>
        </template>
        <template v-if="selectedTabName == 0 && formVisible.baseApplyFormVisible"> <!-- 申请 -->
          <div :class="active == 0 ? '' : 'noModify'">
            <p class="topTit">农村宅基地和建房（规划许可）申请表</p>
            <template v-if="formVisible.baseApplyForm.baseFormVisible"> <!-- 申请 基本信息 -->
              <div>
                <p class="main_title">申请户主信息</p>
                <div class="main_box">
                  <van-field readonly v-model="applicationDetail.sqhhzxm" label="姓名" placeholder="姓名"
                             input-align="right" @input="remoteTransfereeMethod" required
                             :rules="[{ required: true }]"/>
                  <van-popup v-model="showNhxx" position="bottom">
                    <van-picker
                      show-toolbar
                      :columns="nhxxList"
                      @confirm="getApplyerDetail"
                      value-key="hzxm"
                      @cancel="showNhxx = false"
                    />
                  </van-popup>
                  <field-select
                    v-model="applicationDetail.sqhhzxb"
                    label="性别"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择性别"
                    :rules="[{ required: true }]"
                    required
                    :readonly="true"
                    remote-url="/open/zdzh/list/sys_user_sex"
                    :on-remote-response="'data'"
                  />
                  <van-field required readonly v-model="applicationDetail.sqhhznl" label="年龄" placeholder="年龄"
                             input-align="right" type="digit" :rules="[{ required: true }]"/>
                  <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.sqhhzlxdh" label="联系电话" placeholder="联系电话" input-align="right"
                             type="digit" :rules="[{pattern: /(^\d{7}(\d{4})?$)/}]"/>
                  <van-field required readonly v-model="applicationDetail.sqhhzsfzh" label="身份证号" placeholder="身份证号"
                             input-align="right"
                             :rules="[{pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/}]"
                             @input="updateUserInfo"/>
                  <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.sqhhzhkszd" label="户口所在地" placeholder="户口所在地"
                             input-align="right" :rules="[{ required: true }]"/>
                  <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.sqhjtzz" label="家庭住址" placeholder="家庭住址" input-align="right"
                             :rules="[{ required: true }]"/>
                  <!--                    <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposer.familyAddress" label="家庭住址" placeholder="家庭住址" input-align="right" :rules="[{ required: true }]"/>-->
                  <!--                    <van-field required readonly v-model="applicationDetail.tHouseApplyProposer.members" label="家庭人口数" placeholder="家庭人口数" type="digit" input-align="right"/>-->
                  <!--                    <field-radio-->
                  <!--                      v-model="applicationDetail.tHouseApplyProposer.existHomestead"-->
                  <!--                      label="是否已有宅基地"-->
                  <!--                      value-key="dictLabel"-->
                  <!--                      data-key="dictValue"-->
                  <!--                      :rules="[{ required: true }]"-->
                  <!--                      required-->
                  <!--                      :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
                  <!--                      :columns="yesNoOptions"-->
                  <!--                      @change="existHomesteadChange"-->
                  <!--                    />-->
                </div>
              </div>

              <div v-if="applicationDetail.sqrjtcyList">
                <p class="main_title">家庭成员信息</p>
                <!--                  <van-collapse v-model="activeNames" v-if="!formEnabled.baseApplyForm.baseFormEnabled">-->
                <!--                    <van-collapse-item  class="collapse" v-for="(item , index) in applicationDetail.sqrjtcyList" :key="index" :name="index+1">-->
                <!--                      <template #title>-->
                <!--                        <van-row>-->
                <!--                          <van-col span="8">{{item.xm}}</van-col>-->
                <!--                          <van-col span="8">{{item.nl}}</van-col>-->
                <!--                          <van-col span="8">{{item.yhzgx}}</van-col>-->
                <!--                          <van-col span="8">{{item.familyStatusName}}</van-col>-->
                <!--                        </van-row>-->
                <!--                      </template>-->
                <!--                      <van-field readonly v-model="item.xm" label="姓名" placeholder="姓名" input-align="right"/>-->
                <!--                      <van-field readonly v-model="item.nl" label="年龄" placeholder="年龄" input-align="right"/>-->
                <!--                      <field-select-->
                <!--                        v-model="item.yhzgx"-->
                <!--                        label="与户主关系"-->
                <!--                        value-key="dictLabel"-->
                <!--                        data-key="dictValue"-->
                <!--                        placeholder="选择与户主关系"-->
                <!--                        :rules="[{ required: true }]"-->
                <!--                        required-->
                <!--                        :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
                <!--                        remote-url="/open/zdzh/list/family_status"-->
                <!--                        :on-remote-response="'data'"-->
                <!--                      />-->
                <!--                      <van-field readonly v-model="item.sfzh" label="身份证号" placeholder="身份证号" input-align="right"/>-->
                <!--                      <van-field readonly v-model="item.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right"/>-->
                <!--                    </van-collapse-item>-->
                <!--                  </van-collapse>-->

                <div>
                  <van-tabs v-if="applicationDetail.sqrjtcyList && applicationDetail.sqrjtcyList.length > 0"
                            v-model="familyMembersActive" ref="memberTabs">
                    <van-tab :title="(index + 1) + '. ' + item.xm"
                             v-for="(item , index) in applicationDetail.sqrjtcyList" :key="index" swipeable>
                      <div class="familyList">
                        <div class="main_box" style="margin-bottom: 20px">
                          <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button"
                                      v-if="index!=0" @click="deleteFamily(index)"/>
                          <van-field required v-model="item.xm" label="姓名" placeholder="姓名" input-align="right"
                                     :rules="[{ required: true }]"/>
                          <van-field required v-model="item.nl" label="年龄" placeholder="年龄" input-align="right"
                                     :rules="[{ required: true }]"/>
                          <field-select
                            v-model="item.yhzgx"
                            label="与户主关系"
                            value-key="dictLabel"
                            data-key="dictValue"
                            placeholder="选择与户主关系"
                            :rules="[{ required: true }]"
                            required
                            :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                            remote-url="/open/zdzh/list/family_status"
                            :on-remote-response="'data'"
                          />
                          <van-field required v-model="item.sfzh" label="身份证号" placeholder="身份证号" input-align="right"
                                     :rules="[{pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/}]"
                                     @input="updateMemberInfo(index)"/>
                          <van-field required v-model="item.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right"
                                     :rules="[{ required: true }]"/>
                        </div>
                      </div>
                    </van-tab>
                  </van-tabs>
                </div>
              </div>
              <div v-if="applicationDetail.sfyyzjd === 'Y'">
                <p class="main_title">现宅基地及农房状况</p>
                <div class="main_box">
                  <van-field
                    readonly
                    clickable
                    name="picker"
                    v-model="showZjddm"
                    label="宅基地代码"
                    @click="showZjdzk = true"
                    input-align="right"
                    right-icon="arrow-down"
                  />
                  <van-popup v-model="showZjdzk" position="bottom">
                    <van-picker
                      show-toolbar
                      :columns="zjddmColumns"
                      value-key="value"
                      @confirm="onConfirmZjdxx"
                      @cancel="showZjdzk = false"
                    />
                  </van-popup>
                </div>
                <div class="main_box">
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.xzjdmj"
                             label="宅基地面积" placeholder="宅基地面积" input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <van-field :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.xjzmj"
                             label="建筑面积" placeholder="建筑面积㎡" input-align="right" type="number"
                             :rules="[{ required: true }]" required>
                    <template #right-icon>㎡</template>
                  </van-field>
                  <!--                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingPerArea" label="人均建筑面积" placeholder="人均建筑面积" input-align="right" label-width="auto" type="number"><template #right-icon>㎡</template></van-field>-->
                  <van-field :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.qszsh"
                             label="权属证书号" placeholder="权属证书号" input-align="right"/>
                  <field-select
                    v-model="applicationDetail.xzjdczqk"
                    label="处置情况"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择宅基地处置情况"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    remote-url="/open/zdzh/list/land_isposal"
                    :on-remote-response="'data'"
                  />
                  <template v-if="applicationDetail.sfyyzjd ==='Y'">
                    <van-field v-if="applicationDetail.xzjdczqk == '1'" :rules="[{ required: true }]"
                               :required="applicationDetail.sfyyzjd ==='Y' && applicationDetail.xzjdczqk == '1'"
                               :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                               v-model="applicationDetail.xzjdblmj" label="保留面积" placeholder="保留面积" input-align="right"
                               type="number"/>
                    <van-field v-else-if="applicationDetail.xzjdczqk == '3'" :rules="[{ required: true }]"
                               :required="applicationDetail.sfyyzjd ==='Y' && applicationDetail.xzjdczqk == '3'"
                               :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                               v-model="applicationDetail.xzjdzqtqk" label="处置情况" placeholder="处置情况"
                               input-align="right"/>
                  </template>
                  <van-icon v-if="!zjdzdxxDetailedShow" class="zkshStyle" name="arrow-up" @click.native="zkshClick"/>
                  <div v-if="zjdzdxxDetailedShow">
                    <van-field :readonly="true" v-model="zjdzdxxDetailed.zdszd" label="东至" input-align="right"/>
                    <van-field :readonly="true" v-model="zjdzdxxDetailed.zdszx" label="西至" input-align="right"/>
                    <van-field :readonly="true" v-model="zjdzdxxDetailed.zdszn" label="南至" input-align="right"/>
                    <van-field :readonly="true" v-model="zjdzdxxDetailed.zdszb" label="北至" input-align="right"/>
                    <van-icon class="zkshStyle" name="arrow-down" @click.native="zkshClick"/>
                  </div>
                </div>
              </div>

              <div v-if="applicationDetail">
                <p class="main_title">拟申请宅基地及建房情况</p>
                <div class="main_box">
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.nsqzjdmj"
                             label="宅基地面积" placeholder="宅基地面积" input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqfjzdmj" label="房基占地面积" placeholder="房基占地面积"
                             input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.nsqzjddz"
                             label="地址" placeholder="地址" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqzjdszd" label="东至" placeholder="东至" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqzjdszx" label="西至" placeholder="西至" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqzjdszn" label="南至" placeholder="南至" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqzjdszb" label="北至" placeholder="北至" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.zfjzmj"
                             label="住房建筑面积" placeholder="住房建筑面积" input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.jzcs"
                             label="建筑层数" placeholder="建筑层数" input-align="right" type="digit">
                    <template #right-icon>层</template>
                  </van-field>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.jzgd"
                             label="建筑高度" placeholder="建筑高度" input-align="right" type="number">
                    <template #right-icon>m</template>
                  </van-field>
                  <field-radio
                    v-model="applicationDetail.sfzqxlqlryj"
                    label="是否征求相邻权利人意见"
                    value-key="dictLabel"
                    data-key="dictValue"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    :columns="[{dictLabel: '是', dictValue: '1'}, {dictLabel: '否', dictValue: '2'}]"
                    @change="existHomesteadChange"
                  />

                  <!--                    <field-select-->
                  <!--                      v-model="applicationDetail.tHouseApplyProposedSituation.housingStructure"-->
                  <!--                      label="房屋构造"-->
                  <!--                      value-key="dictLabel"-->
                  <!--                      data-key="dictValue"-->
                  <!--                      placeholder="选择房屋构造"-->
                  <!--                      :rules="[{ required: true }]"-->
                  <!--                      required-->
                  <!--                      :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
                  <!--                      remote-url="/open/zdzh/list/housing_structure"-->
                  <!--                      :on-remote-response="'data'"-->
                  <!--                    />-->
                  <field-select
                    v-model="applicationDetail.jflx"
                    label="建房类型"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择建房类型"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    remote-url="/open/zdzh/list/building_type"
                    :on-remote-response="'data'"
                    @confirm="onJflxChanged"
                  />
                  <!--                    <field-radio-->
                  <!--                      v-model="applicationDetail.tHouseApplyProposedSituation.designPaper"-->
                  <!--                      label="设计图纸"-->
                  <!--                      value-key="dictLabel"-->
                  <!--                      data-key="dictValue"-->
                  <!--                      :rules="[{ required: true }]"-->
                  <!--                      required-->
                  <!--                      :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
                  <!--                      remote-url="/open/zdzh/list/design_paper"-->
                  <!--                      :on-remote-response="'data'"-->
                  <!--                    />-->

                  <!--                    <field-select-->
                  <!--                      v-if="applicationDetail.tHouseApplyProposedSituation.designPaper == '2'"-->
                  <!--                      v-model="applicationDetail.tHouseApplyProposedSituation.houseTypeId"-->
                  <!--                      label="户型图"-->
                  <!--                      value-key="name"-->
                  <!--                      data-key="id"-->
                  <!--                      placeholder="选择户型图"-->
                  <!--                      :rules="[{ required: true }]"-->
                  <!--                      required-->
                  <!--                      :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
                  <!--                      :remote-url="getHouseList"-->
                  <!--                      :on-remote-response="'rows'"-->
                  <!--                    />-->
                  <field-select
                    v-model="applicationDetail.nsqzjddldm"
                    label="土地类型"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择土地类型"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    remote-url="/open/zdzh/list/geographic_type"
                    :on-remote-response="'data'"
                  />
                  <field-select
                    v-model="applicationDetail.sjtz"
                    label="设计图纸"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择设计图纸"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    remote-url="/open/zdzh/list/design_paper"
                    :on-remote-response="'data'"
                  />
                  <template v-if="applicationDetail.sjtz ==='2'">
                    <van-field
                      :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                      clickable
                      required
                      :rules="[{ required: applicationDetail.sjtz == '2' , message:'请选择选通用图' }]"
                      label="选通用图"
                      placeholder="选通用图"
                      v-model="tytzName"
                      @click="showTyt = true"
                      input-align="right"
                      right-icon="arrow-down"
                      label-width="auto"
                    />
                    <van-popup v-model="showTyt" position="bottom">
                      <van-picker
                        show-toolbar
                        :columns="tytzList"
                        value-key="name"
                        @confirm="onConfirmTytz"
                        @cancel="showTyt = false"
                      />
                    </van-popup>
                  </template>
                  <!--                    <template>-->
                  <!--                      <van-field v-if="applicationDetail.tHouseApplyProposedSituation.geographicType == '10'" :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.constructionLandArea" label="建设用地面积" placeholder="建设用地面积" input-align="right" type="number"><template #right-icon>㎡</template></van-field>-->
                  <!--                      <van-field v-else-if="applicationDetail.tHouseApplyProposedSituation.geographicType == '20'" :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.unusedLandArea" label="未利用地面积" placeholder="未利用地面积" input-align="right" type="number"><template #right-icon>㎡</template></van-field>-->
                  <!--                      <van-field v-else-if="applicationDetail.tHouseApplyProposedSituation.geographicType && applicationDetail.tHouseApplyProposedSituation.geographicType != '10' && applicationDetail.tHouseApplyProposedSituation.geographicType != '20'" :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.agriculturalLandArea" label="农用地面积" placeholder="农用地面积" input-align="right" type="number"><template #right-icon>㎡</template></van-field>-->
                  <!--                    </template>-->
                </div>
                <!--                  <div class="mapBox">-->

              </div>

              <div v-if="applicationDetail">
                <p class="main_title">申请理由</p>
                <div class="main_box">
                  <van-field
                    rows="3"
                    autosize
                    type="textarea"
                    placeholder="申请理由"
                    input-align="left"
                    v-model="applicationDetail.sqly"
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    :rules="[{ required: true }]" required
                  />
                  <van-row>
                    <van-col span="12">
                      <van-field :rules="[{ required: true }]" required
                                 :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                                 v-model="applicationDetail.sqhhzxm" label="申请人" placeholder="申请人" input-align="left"
                                 label-width="auto"/>
                    </van-col>
                    <van-col span="12">
                      <field-date-picker
                        v-model="applicationDetail.applyTime"
                        label=""
                        placeholder="选择日期"
                        :rules="[{ required: true }]"
                        formatter="yyyy-MM-dd"
                        required
                        :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                      />
                    </van-col>
                  </van-row>
                </div>
              </div>
            </template>
            <!-- 申请::现场踏勘 -->
            <template v-if="formVisible.baseApplyForm.townFormVisible">
              <div class="main_box examine_box">
                <van-row type="flex" justify="space-between" align="center">
                  <van-col span="5">宅基地<br/>坐落平<br/>面位置图</van-col>
                  <van-col span="19">
                    <MultiImageUploadComp :value="applicationDetail.ydjfsp.zjdzlpmwzt"
                                          :uploadDisabled="!wztUpdate"
                                          :tableId="applicationDetail.ydjfsp.id"
                                          :tableName="spTableName"
                                          :fileType="0"
                                          :attach="true"
                                          @fileChanged="fileUpdate"/>
                    <van-row>
                      <van-col span="12">
                        <van-field :rules="[{ required: true }]" required
                                   :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                                   v-model="applicationDetail.ydjfsp.zckcryxm" label="踏勘人" placeholder="现场踏勘人员"
                                   input-align="left" label-width="auto"/>
                      </van-col>
                      <van-col span="12">
                        <field-date-picker
                          v-model="applicationDetail.ydjfsp.zckcsj"
                          label=""
                          placeholder="选择日期"
                          :rules="[{ required: true }]"
                          formatter="yyyy-MM-dd"
                          required
                          :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                        />
                      </van-col>
                    </van-row>
                    <van-row>
                      <van-col span="12">
                        <van-field :rules="[{ required: true }]" required
                                   :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                                   v-model="applicationDetail.ydjfsp.zjdzlpmwztztr" label="制图人" placeholder="制图人"
                                   input-align="left" label-width="auto"/>
                      </van-col>
                      <van-col span="12">
                        <field-date-picker
                          v-model="applicationDetail.ydjfsp.zjdzlpmwzxctksj"
                          label=""
                          placeholder="选择日期"
                          :rules="[{ required: true }]"
                          formatter="yyyy-MM-dd"
                          required
                          :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                        />
                      </van-col>
                    </van-row>
                  </van-col>
                </van-row>
                <van-row type="flex" justify="space-between" align="center">
                  <van-col span="5">备注</van-col>
                  <van-col span="19">
                    <van-field
                      autosize
                      placeholder="备注"
                      input-align="left"
                      v-model="applicationDetail.bz"
                      :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                    />
                  </van-col>
                </van-row>
              </div>
            </template>
            <!-- 申请::村级审核 -->
            <template v-if="formVisible.baseApplyForm.villageFormVisible">
              <div class="main_box examine_box">
                <van-row type="flex" justify="space-between" align="center">
                  <van-col span="5">村集体<br/>经济组<br/>织或村<br/>民委员<br/>会意见
                  </van-col>
                  <van-col span="19">
                    <van-field required :readonly="!formEnabled.baseApplyForm.villageFormEnabled"
                               v-model="applicationDetail.cjxzscyj" rows="2" autosize type="textarea" placeholder="审批意见"
                               :rules="[{ required: true }]"/>
                    <van-cell title="负责人:" :rules="[{ required: true }]">
                      <van-image
                        width="100"
                        height="50"
                        :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                        v-if="applicationDetail.cjxzscr !='' && applicationDetail.cjxzscr !=null
                              && applicationDetail.cjxzscr.endsWith('png')"
                        :src="$store.getters.baseRoutingUrl+applicationDetail.cjxzscr"
                      ></van-image>
                      <div
                        v-if="applicationDetail.cjxzscr !='' && applicationDetail.cjxzscr !=null && !applicationDetail.cjxzscr.endsWith('png')">
                        {{applicationDetail.cjxzscr}}
                      </div>
                    </van-cell>
                    <!--                      <van-cell title="现场照片:">-->
                    <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveVillage" :uploadDisabled="formEnabled.baseApplyForm.villageFormEnabled" :jsonData="uploadImgVillage.fileList" :proposer-id="uploadImgVillage.proposerId" tableName="t_homeapply_ydjfsp"-->
                    <!--                                                  @uploadFileChanged="(x) => {this.uploadImgVillage.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgVillage.removeFileList = x;}"-->
                    <!--                        />-->
                    <!--                      </van-cell>-->
                    <!--                        <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.villageFormEnabled">-->
                    <!--                          <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveVillageOptions.theGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveVillage')">定位当前位置</van-button>-->
                    <!--                        </van-cell>-->
                    <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.villageFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveVillageOptions.theGeom !='' || applicationDetail.tHouseApproveVillageOptions.theGeom !=null" v-model="applicationDetail.tHouseApproveVillageOptions.theGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveVillage')">查看现场位置</van-button>-->
                    <!--                      </van-cell>-->
                    <field-date-picker
                      v-model="applicationDetail.cjxzscsj"
                      label="审批日期"
                      placeholder="选择日期"
                      :rules="[{ required: true }]"
                      formatter="yyyy-MM-dd"
                      required
                      :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    />
                  </van-col>
                </van-row>
              </div>
            </template>
            <template v-if="formVisible.baseApplyForm.nature_resourceFormVisible">
              <div class="main_box examine_box">
                <van-row type="flex" justify="space-between" align="center">
                  <van-col span="5">{{applicationDetail.ydjfsp.zrzybmmc !=
                    null?applicationDetail.ydjfsp.zrzybmmc:'自然资源部'}}意见
                  </van-col>
                  <van-col span="19">
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.landArea" label="用地面积" placeholder="请输入" input-align="right" :rules="[{ required: true }]"><template #right-icon>㎡</template></van-field>-->
                    <!--                      <field-select-->
                    <!--                        v-model="applicationDetail.tHouseApproveNatureOptions.rightsType"-->
                    <!--                        label="土地权属"-->
                    <!--                        value-key="dictLabel"-->
                    <!--                        data-key="dictValue"-->
                    <!--                        placeholder="请选择土地权属"-->
                    <!--                        :rules="[{ required: true }]"-->
                    <!--                        required-->
                    <!--                        :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
                    <!--                        remote-url="/open/zdzh/list/rights_type"-->
                    <!--                        :on-remote-response="'data'"-->
                    <!--                      />-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.east" label="东至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.west" label="西至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.south" label="南至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.north" label="北至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                    <!--                      <div class="mapBox">-->
                    <!--                        <common-map ref="pointDarwNatureMap" style="height:200px;"-->
                    <!--                                    :allowDraw="formEnabled.baseApplyForm.townFormEnabled"-->
                    <!--                                    @drawReseted="onNatureMapDrawReseted"-->
                    <!--                                    @drawFinished="onMapDrawFinished"-->
                    <!--                        >-->
                    <!--                        </common-map>-->
                    <!--                      </div>-->
                    <van-field required :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled"
                               v-model="applicationDetail.ydjfsp.zrzybmscyj" rows="2" autosize type="textarea"
                               placeholder="审查意见" :rules="[{ required: true }]"/>
                    <van-cell title="负责人:" :rules="[{ required: true }]">
                      <van-image
                        width="100"
                        height="50"
                        :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled"
                        v-if="applicationDetail.ydjfsp.zrzybmscrxm !='' && applicationDetail.ydjfsp.zrzybmscrxm !=null
                              && applicationDetail.ydjfsp.zrzybmscrxm.endsWith('png')"
                        :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.zrzybmscrxm"
                      ></van-image>
                      <div v-if="applicationDetail.ydjfsp.zrzybmscrxm !='' && applicationDetail.ydjfsp.zrzybmscrxm !=null
                              && !applicationDetail.ydjfsp.zrzybmscrxm.endsWith('png')">
                        {{applicationDetail.ydjfsp.zrzybmscrxm}}
                      </div>
                    </van-cell>
                    <!--                      <van-cell title="现场照片:">-->
                    <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveNature" :uploadDisabled="!formEnabled.baseApplyForm.nature_resourceFormEnabled" :jsonData="uploadImgNature.fileList" :proposer-id="uploadImgNature.proposerId" tableName="t_house_approve_nature_options"-->
                    <!--                                                 @uploadFileChanged="(x) => {this.uploadImgNature.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgNature.removeFileList = x;}"-->
                    <!--                        />-->
                    <!--                      </van-cell>-->
                    <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.nature_resourceFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveNatureOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveNature')">定位当前位置</van-button>-->
                    <!--                      </van-cell>-->
                    <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.nature_resourceFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveNatureOptions.theGeomPoint !='' || applicationDetail.tHouseApproveNatureOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveNatureOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveNature')">查看现场位置</van-button>-->
                    <!--                      </van-cell>-->
                    <field-date-picker
                      v-model="applicationDetail.ydjfsp.zrzybmscsj"
                      label="审批日期"
                      placeholder="选择日期"
                      :rules="[{ required: true }]"
                      formatter="yyyy-MM-dd"
                      required
                      :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled"
                    />
                  </van-col>
                </van-row>
              </div>
            </template>

            <!-- 申请::住建部门 -->
            <template v-if="formVisible.baseApplyForm.buildingFormVisible">
              <div class="main_box examine_box">
                <van-row type="flex" justify="space-between" align="center">
                  <van-col span="5">{{applicationDetail.ydjfsp.zfcxjsbmmc !=
                    null?applicationDetail.ydjfsp.zfcxjsbmmc:'住建部'}}意见
                  </van-col>
                  <van-col span="19">
                    <!--                      <field-select-->
                    <!--                        v-model="applicationDetail.tHouseApproveOtherOptions.buildingType"-->
                    <!--                        label="建筑类型"-->
                    <!--                        value-key="dictLabel"-->
                    <!--                        data-key="dictValue"-->
                    <!--                        placeholder="请选择建筑类型"-->
                    <!--                        :rules="[{ required: true }]"-->
                    <!--                        required-->
                    <!--                        :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
                    <!--                        remote-url="/open/zdzh/list/building_type"-->
                    <!--                        :on-remote-response="'data'"-->
                    <!--                      />-->
                    <!--                      <field-select-->
                    <!--                        v-model="applicationDetail.tHouseApproveOtherOptions.designPaper"-->
                    <!--                        label="图纸类型"-->
                    <!--                        value-key="dictLabel"-->
                    <!--                        data-key="dictValue"-->
                    <!--                        placeholder="请选择图纸类型"-->
                    <!--                        :rules="[{ required: true }]"-->
                    <!--                        required-->
                    <!--                        :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
                    <!--                        remote-url="/open/zdzh/list/design_paper"-->
                    <!--                        :on-remote-response="'data'"-->
                    <!--                      />-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.buildingLandArea" label="建筑占地面积" placeholder="请输入" input-align="right" type="number" :rules="[{ required: true }]"><template #right-icon>㎡</template></van-field>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.buildingArea" label="建筑面积" placeholder="请输入" input-align="right" type="number" :rules="[{ required: true }]"><template #right-icon>㎡</template></van-field>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.buildingFloors" label="建筑层数" placeholder="请输入" input-align="right" type="digit" :rules="[{ required: true }]"><template #right-icon>层</template></van-field>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.buildingHight" label="建筑高度" placeholder="请输入" input-align="right" type="number" :rules="[{ required: true }]"><template #right-icon>m</template></van-field>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.east" label="东至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.west" label="西至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.south" label="南至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                    <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.north" label="北至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                    <van-field required :readonly="!formEnabled.baseApplyForm.buildingFormEnabled"
                               v-model="applicationDetail.ydjfsp.zfcxjsbmscyj" rows="2" autosize type="textarea"
                               placeholder="审批意见" :rules="[{ required: true }]"/>
                    <van-cell title="负责人:" :rules="[{ required: true }]">
                      <van-image
                        width="100"
                        height="50"
                        :readonly="!formEnabled.baseApplyForm.buildingFormEnabled"
                        v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm !='' && applicationDetail.ydjfsp.zfcxjsbmscrxm !=null
                              && applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('png')"
                        :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.zfcxjsbmscrxm"
                      ></van-image>
                      <div v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm !='' && applicationDetail.ydjfsp.zfcxjsbmscrxm !=null
                              && !applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('png')">
                        {{applicationDetail.ydjfsp.zfcxjsbmscrxm}}
                      </div>
                    </van-cell>
                    <!--                      <van-cell title="现场照片:">-->
                    <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveOther" :uploadDisabled="!formEnabled.baseApplyForm.buildingFormEnabled" :jsonData="uploadImgOther.fileList" :proposer-id="uploadImgOther.proposerId" tableName="t_house_approve_other_options"-->
                    <!--                                                     @uploadFileChanged="(x) => {this.uploadImgOther.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgOther.removeFileList = x;}"-->
                    <!--                        />-->
                    <!--                      </van-cell>-->
                    <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.buildingFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveOtherOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveOther')">定位当前位置</van-button>-->
                    <!--                      </van-cell>-->
                    <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.buildingFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveOtherOptions.theGeomPoint !='' || applicationDetail.tHouseApproveOtherOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveOtherOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveOther')">查看现场位置</van-button>-->
                    <!--                      </van-cell>-->
                    <field-date-picker
                      v-model="applicationDetail.ydjfsp.zfcxjsbmscsj"
                      label="审批日期"
                      placeholder="选择日期"
                      :rules="[{ required: true }]"
                      formatter="yyyy-MM-dd"
                      required
                      :readonly="!formEnabled.baseApplyForm.buildingFormEnabled"
                    />
                  </van-col>
                </van-row>
              </div>
            </template>

            <!-- 申请::农业部门 -->
            <template v-if="formVisible.baseApplyForm.agricultureFormVisible">
              <div class="main_box examine_box">
                <van-row type="flex" justify="space-between" align="center">
                  <van-col span="5">{{applicationDetail.ydjfsp.nyncbmmc !=
                    null?applicationDetail.ydjfsp.nyncbmmc:'农业农村部'}}意见
                  </van-col>
                  <van-col span="19">
                    <!--                      <field-radio-->
                    <!--                        v-model="applicationDetail.tHouseApproveAgricultureOptions.isMembership"-->
                    <!--                        label="成员资格审查"-->
                    <!--                        value-key="dictLabel"-->
                    <!--                        data-key="dictValue"-->
                    <!--                        :rules="[{ required: true }]"-->
                    <!--                        required-->
                    <!--                        :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
                    <!--                        :columns="[{dictLabel: '通过', dictValue: '1'}, {dictLabel: '不通过', dictValue: '2'}]"-->
                    <!--                      />-->
                    <!--                      <field-radio-->
                    <!--                        v-model="applicationDetail.tHouseApproveAgricultureOptions.isOnehouse"-->
                    <!--                        label="一户一宅情况"-->
                    <!--                        value-key="dictLabel"-->
                    <!--                        data-key="dictValue"-->
                    <!--                        :rules="[{ required: true }]"-->
                    <!--                        required-->
                    <!--                        :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
                    <!--                        :columns="[{dictLabel: '符合', dictValue: '1'}, {dictLabel: '不符合', dictValue: '2'}]"-->
                    <!--                      />-->
                    <!--                      <field-radio-->
                    <!--                        v-model="applicationDetail.tHouseApproveAgricultureOptions.isReviewmaterials"-->
                    <!--                        label="村委审查资料"-->
                    <!--                        value-key="dictLabel"-->
                    <!--                        data-key="dictValue"-->
                    <!--                        :rules="[{ required: true }]"-->
                    <!--                        required-->
                    <!--                        :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
                    <!--                        :columns="[{dictLabel: '齐全', dictValue: '1'}, {dictLabel: '不齐全', dictValue: '2'}]"-->
                    <!--                      />-->
                    <van-field required :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled" rows="2"
                               v-model="applicationDetail.ydjfsp.nyncbmscyj" autosize type="textarea" placeholder="审查意见"
                               :rules="[{ required: true }]"/>
                    <van-cell title="负责人:" :rules="[{ required: true }]">
                      <van-image
                        width="100"
                        height="50"
                        :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled"
                        v-if="applicationDetail.ydjfsp.nyncbmscrxm !='' && applicationDetail.ydjfsp.nyncbmscrxm !=null
                              && applicationDetail.ydjfsp.nyncbmscrxm.endsWith('png')"
                        :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.nyncbmscrxm"
                      ></van-image>
                      <div v-if="applicationDetail.ydjfsp.nyncbmscrxm !='' && applicationDetail.ydjfsp.nyncbmscrxm !=null
                              && !applicationDetail.ydjfsp.nyncbmscrxm.endsWith('png')">
                        {{applicationDetail.ydjfsp.nyncbmscrxm}}
                      </div>
                    </van-cell>
                    <!--                      <van-cell title="现场照片:">-->
                    <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveAgriculture" :uploadDisabled="!formEnabled.baseApplyForm.agricultureFormEnabled" :jsonData="uploadImgAgriculture.fileList" :proposer-id="uploadImgAgriculture.proposerId" tableName="t_house_approve_agriculture_options"-->
                    <!--                                                @uploadFileChanged="(x) => {this.uploadImgAgriculture.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgAgriculture.removeFileList = x;}"-->
                    <!--                        />-->
                    <!--                      </van-cell>-->
                    <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.agricultureFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveAgriculture')">定位当前位置</van-button>-->
                    <!--                      </van-cell>-->
                    <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.agricultureFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint !='' || applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveAgriculture')">查看现场位置</van-button>-->
                    <!--                      </van-cell>-->
                    <field-date-picker
                      v-model="applicationDetail.ydjfsp.nyncbmscsj"
                      label="审批日期"
                      placeholder="选择日期"
                      :rules="[{ required: true }]"
                      formatter="yyyy-MM-dd"
                      required
                      :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled"
                    />
                  </van-col>
                </van-row>
              </div>
            </template>

            <!-- 申请::镇政府 -->
            <template v-if="formVisible.baseApplyForm.townFormVisible">
              <div class="main_box examine_box">
                <van-row type="flex" justify="space-between" align="center">
                  <van-col span="5">乡镇<br/>政府<br/>审核<br/>批准<br/>意见</van-col>
                  <van-col span="19">
                    <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                               v-model="applicationDetail.ydjfsp.xzzfshpzyj" rows="2" autosize type="textarea"
                               placeholder="审批意见" :rules="[{ required: true }]"/>
                    <van-cell title="负责人:" :rules="[{ required: true }]">
                      <van-image
                        width="100"
                        height="50"
                        :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                        v-if="applicationDetail.ydjfsp.xzzfshpzrxm !='' && applicationDetail.ydjfsp.xzzfshpzrxm !=null
                              && applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('png')"
                        :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.xzzfshpzrxm"
                      ></van-image>
                      <div v-if="applicationDetail.ydjfsp.xzzfshpzrxm !='' && applicationDetail.ydjfsp.xzzfshpzrxm !=null
                              && !applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('png')">
                        {{applicationDetail.ydjfsp.xzzfshpzrxm}}
                      </div>
                    </van-cell>
                    <!--                      <van-cell title="现场照片:">-->
                    <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveTown" :uploadDisabled="!formEnabled.baseApplyForm.townFormEnabled" :jsonData="uploadImgTown.fileList" :proposer-id="uploadImgTown.proposerId" tableName="t_house_approve_town_options"-->
                    <!--                                                     @uploadFileChanged="(x) => {this.uploadImgTown.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgTown.removeFileList = x;}"-->
                    <!--                        />-->
                    <!--                      </van-cell>-->
                    <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.townFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveTownOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveTown')">定位当前位置</van-button>-->
                    <!--                      </van-cell>-->
                    <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.townFormEnabled">-->
                    <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveTownOptions.theGeomPoint !='' || applicationDetail.tHouseApproveTownOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveTownOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveTown')">查看现场位置</van-button>-->
                    <!--                      </van-cell>-->
                    <field-date-picker
                      v-model="applicationDetail.ydjfsp.xzzfshpzsj"
                      label="审批日期"
                      placeholder="选择日期"
                      :rules="[{ required: true }]"
                      formatter="yyyy-MM-dd"
                      required
                      :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                    />
                  </van-col>
                </van-row>
              </div>
            </template>


          </div>
        </template>
        <template v-if="selectedTabName == 1 && formVisible.landscopeVisible"> <!-- 开工申请 -->
          <div :class="active == 1 ? '' : 'noModify'" v-if="formVisible.landscopeVisible">
            <p class="topTit">农村宅基地和建房（规划许可）审批表</p>
            <div class="main_box action-box">
              <van-cell>
                <template #right-icon>
                  <field-date-picker
                    v-model="applicationDetail.ydjfkg.kgrq"
                    label="计划开工时间"
                    placeholder="选择日期"
                    :rules="[{ required: true }]"
                    formatter="yyyy-MM-dd"
                    required
                    :readonly="!formEnabled.landscopeForm.baseFormEnabled"
                  />
                </template>
              </van-cell>
              <van-cell>
                <template #right-icon>
                  <field-date-picker
                    v-model="applicationDetail.ydjfkg.jgrq"
                    label="计划竣工时间"
                    placeholder="选择日期"
                    :rules="[{ required: true }]"
                    formatter="yyyy-MM-dd"
                    required
                    :readonly="!formEnabled.landscopeForm.baseFormEnabled"
                  />
                </template>
              </van-cell>
            </div>
            <template v-if="formVisible.baseApplyForm.baseFormVisible"> <!-- 申请 基本信息 -->
              <div>
                <p class="main_title">申请户主信息</p>
                <div class="main_box">
                  <van-field :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.sqhhzxm"
                             label="姓名" placeholder="姓名" input-align="right" required :rules="[{ required: true }]"/>
                  <field-select
                    v-model="applicationDetail.sqhhzxb"
                    label="性别"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择性别"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    remote-url="/open/zdzh/list/sys_user_sex"
                    :on-remote-response="'data'"
                  />
                  <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.sqhhznl" label="年龄" placeholder="年龄" input-align="right"
                             type="digit" :rules="[{ required: true }]"/>
                  <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.sqhhzlxdh" label="联系电话" placeholder="联系电话" input-align="right"
                             type="digit" :rules="[{pattern: /(^\d{7}(\d{4})?$)/}]"/>
                  <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.sqhhzsfzh" label="身份证号" placeholder="身份证号" input-align="right"
                             :rules="[{pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/}]"
                             @input="updateUserInfo"/>
                  <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.sqhhzhkszd" label="户口所在地" placeholder="户口所在地"
                             input-align="right" :rules="[{ required: true }]"/>
                  <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.sqhjtzz" label="家庭住址" placeholder="家庭住址" input-align="right"
                             :rules="[{ required: true }]"/>
                </div>
              </div>

              <div v-if="applicationDetail.sqrjtcyList">
                <p class="main_title">家庭成员信息</p>
                <!--                    <van-collapse v-model="activeNames" v-if="!formEnabled.baseApplyForm.baseFormEnabled">-->
                <!--                      <van-collapse-item  class="collapse" v-for="(item , index) in applicationDetail.sqrjtcyList" :key="index" :name="index+1">-->
                <!--                        <template #title>-->
                <!--                          <van-row>-->
                <!--                            <van-col span="8">{{item.xm}}</van-col>-->
                <!--                            <van-col span="8">{{item.nl}}</van-col>-->
                <!--                            <van-col span="8">{{item.yhzgx}}</van-col>-->
                <!--                          </van-row>-->
                <!--                        </template>-->
                <!--                        <van-field readonly v-model="item.xm" label="姓名" placeholder="姓名" input-align="right"/>-->
                <!--                        <van-field readonly v-model="item.nl" label="年龄" placeholder="年龄" input-align="right"/>-->
                <!--                        <field-select-->
                <!--                          v-model="item.yhzgx"-->
                <!--                          label="与户主关系"-->
                <!--                          value-key="dictLabel"-->
                <!--                          data-key="dictValue"-->
                <!--                          placeholder="选择与户主关系"-->
                <!--                          :rules="[{ required: true }]"-->
                <!--                          required-->
                <!--                          :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
                <!--                          remote-url="/open/zdzh/list/family_status"-->
                <!--                          :on-remote-response="'data'"-->
                <!--                        />-->
                <!--                        <van-field readonly v-model="item.sfzh" label="身份证号" placeholder="身份证号" input-align="right"/>-->
                <!--                        <van-field readonly v-model="item.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right"/>-->
                <!--                      </van-collapse-item>-->
                <!--                    </van-collapse>-->

                <div>
                  <van-tabs v-if="applicationDetail.sqrjtcyList && applicationDetail.sqrjtcyList.length > 0"
                            v-model="familyMembersActive" ref="memberTabs">
                    <van-tab :title="(index + 1) + '. ' + item.xm"
                             v-for="(item , index) in applicationDetail.sqrjtcyList" :key="index" swipeable>
                      <div class="familyList">
                        <div class="main_box" style="margin-bottom: 20px">
                          <van-field required v-model="item.xm" label="姓名" placeholder="姓名" input-align="right"
                                     :rules="[{ required: true }]"/>
                          <van-field required v-model="item.nl" label="年龄" placeholder="年龄" input-align="right"
                                     :rules="[{ required: true }]"/>
                          <field-select
                            v-model="item.yhzgx"
                            label="与户主关系"
                            value-key="dictLabel"
                            data-key="dictValue"
                            placeholder="选择与户主关系"
                            :rules="[{ required: true }]"
                            required
                            :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                            remote-url="/open/zdzh/list/family_status"
                            :on-remote-response="'data'"
                          />
                          <van-field required v-model="item.sfzh" label="身份证号" placeholder="身份证号" input-align="right"
                                     :rules="[{pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/}]"
                                     @input="updateMemberInfo(index)"/>
                          <van-field required v-model="item.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right"
                                     :rules="[{ required: true }]"/>
                        </div>
                      </div>
                    </van-tab>
                  </van-tabs>
                </div>
              </div>

              <div v-if="applicationDetail.sfyyzjd === 'Y'">
                <p class="main_title">现宅基地及农房状况</p>
                <div class="main_box">
                  <van-field
                    readonly
                    clickable
                    name="picker"
                    v-model="showZjddm"
                    label="宅基地代码"
                    @click="showZjdzk = true"
                    input-align="right"
                    right-icon="arrow-down"
                  />
                  <van-popup v-model="showZjdzk" position="bottom">
                    <van-picker
                      show-toolbar
                      :columns="zjddmColumns"
                      value-key="value"
                      @confirm="onConfirmZjdxx"
                      @cancel="showZjdzk = false"
                    />
                  </van-popup>
                </div>
                <div class="main_box">
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.xzjdmj"
                             label="宅基地面积" placeholder="宅基地面积" input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <!--                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyCurrentSituation.landPerArea" label="人均宅基地面积" placeholder="人均宅基地面积" input-align="right" label-width="auto" type="number"><template #right-icon>㎡</template></van-field>-->
                  <!--                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyCurrentSituation.landCertificateNo" label="不动产单元号" placeholder="不动产单元号" input-align="right"/>-->
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.xjzmj"
                             label="建筑面积" placeholder="建筑面积㎡" input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <!--                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingPerArea" label="人均建筑面积" placeholder="人均建筑面积" input-align="right" label-width="auto" type="number"><template #right-icon>㎡</template></van-field>-->
                  <van-field :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.qszsh"
                             label="权属证书号" placeholder="权属证书号" input-align="right"/>
                  <field-select
                    v-model="applicationDetail.xzjdczqk"
                    label="处置情况"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择宅基地处置情况"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    remote-url="/open/zdzh/list/land_isposal"
                    :on-remote-response="'data'"
                  />
                  <template v-if="applicationDetail.sfyyzjd ==='Y'">
                    <van-field v-if="applicationDetail.sfyyzjd == '1'" :rules="[{ required: true }]"
                               :required="applicationDetail.sfyyzjd ==='Y' && applicationDetail.landIsposal == '1'"
                               :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                               v-model="applicationDetail.tHouseApplyCurrentSituation.reservedArea" label="保留面积"
                               placeholder="保留面积" input-align="right" type="number"/>
                    <van-field v-else-if="applicationDetail.xzjdczqk == '3'" :rules="[{ required: true }]"
                               :required="applicationDetail.sfyyzjd ==='Y' && applicationDetail.xzjdczqk == '3'"
                               :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                               v-model="applicationDetail.xzjdqtqk" label="处置情况" placeholder="处置情况"
                               input-align="right"/>
                  </template>
                  <van-icon v-if="!zjdzdxxDetailedShow" class="zkshStyle" name="arrow-up" @click.native="zkshClick"/>
                  <div v-if="zjdzdxxDetailedShow">
                    <van-field :readonly="true" v-model="zjdzdxxDetailed.zdszd" label="东至" input-align="right"/>
                    <van-field :readonly="true" v-model="zjdzdxxDetailed.zdszx" label="西至" input-align="right"/>
                    <van-field :readonly="true" v-model="zjdzdxxDetailed.zdszn" label="南至" input-align="right"/>
                    <van-field :readonly="true" v-model="zjdzdxxDetailed.zdszb" label="北至" input-align="right"/>
                    <van-icon class="zkshStyle" name="arrow-down" @click.native="zkshClick"/>
                  </div>
                </div>
              </div>

              <div v-if="applicationDetail">
                <p class="main_title">拟申请宅基地及建房情况</p>
                <div class="main_box">
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.nsqzjdmj"
                             label="宅基地面积" placeholder="宅基地面积" input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqfjzdmj" label="房基占地面积" placeholder="房基占地面积"
                             input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.nsqzjddz"
                             label="地址" placeholder="地址" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqzjdszd" label="东至" placeholder="东至" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqzjdszx" label="西至" placeholder="西至" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqzjdszn" label="南至" placeholder="南至" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                             v-model="applicationDetail.nsqzjdszb" label="北至" placeholder="北至" input-align="right"/>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.zfjzmj"
                             label="住房建筑面积" placeholder="住房建筑面积" input-align="right" type="number">
                    <template #right-icon>㎡</template>
                  </van-field>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.jzcs"
                             label="建筑层数" placeholder="建筑层数" input-align="right" type="digit">
                    <template #right-icon>层</template>
                  </van-field>
                  <van-field :rules="[{ required: true }]" required
                             :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.jzgd"
                             label="建筑高度" placeholder="建筑高度" input-align="right" type="number">
                    <template #right-icon>m</template>
                  </van-field>
                  <field-radio
                    v-model="applicationDetail.sfzqxlqlryj"
                    label="是否征求相邻权利人意见"
                    value-key="dictLabel"
                    data-key="dictValue"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    :columns="[{dictLabel: '是', dictValue: '1'}, {dictLabel: '否', dictValue: '2'}]"
                    @change="existHomesteadChange"
                  />

                  <field-select
                    v-model="applicationDetail.jflx"
                    label="建房类型"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择建房类型"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    remote-url="/open/zdzh/list/building_type"
                    :on-remote-response="'data'"
                  />
                  <field-select
                    v-model="applicationDetail.nsqzjddldm"
                    label="土地类型"
                    value-key="dictLabel"
                    data-key="dictValue"
                    placeholder="选择土地类型"
                    :rules="[{ required: true }]"
                    required
                    :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                    remote-url="/open/zdzh/list/geographic_type"
                    :on-remote-response="'data'"
                  />
                  <!--                      <template>-->
                  <!--                        <van-field v-if="applicationDetail.tHouseApplyProposedSituation.geographicType == '10'" :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.constructionLandArea" label="建设用地面积" placeholder="建设用地面积" input-align="right" type="number"><template #right-icon>㎡</template></van-field>-->
                  <!--                        <van-field v-else-if="applicationDetail.tHouseApplyProposedSituation.geographicType == '20'" :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.unusedLandArea" label="未利用地面积" placeholder="未利用地面积" input-align="right" type="number"><template #right-icon>㎡</template></van-field>-->
                  <!--                        <van-field v-else-if="applicationDetail.tHouseApplyProposedSituation.geographicType && applicationDetail.tHouseApplyProposedSituation.geographicType != '10' && applicationDetail.tHouseApplyProposedSituation.geographicType != '20'" :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.agriculturalLandArea" label="农用地面积" placeholder="农用地面积" input-align="right" type="number"><template #right-icon>㎡</template></van-field>-->
                  <!--                      </template>-->
                </div>
              </div>
            </template>

            <!-- 申请::村级审核 -->
            <!--              <template v-if="formVisible.baseApplyForm.villageFormVisible">-->
            <!--                <div class="main_box examine_box">-->
            <!--                  <van-row type="flex" justify="space-between" align="center">-->
            <!--                    <van-col span="5">村集体<br/>经济组<br/>织或村<br/>民委员<br/>会意见-->
            <!--                    </van-col>-->
            <!--                    <van-col span="19">-->
            <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.villageFormEnabled" v-model="applicationDetail.tHouseApproveVillageOptions.villageOption" rows="2" autosize type="textarea" placeholder="审批意见" :rules="[{ required: true }]"/>-->
            <!--                      <van-field :rules="[{ required: true }]" v-if="applicationDetail.tHouseApproveVillageOptions.villageLeader !='' && applicationDetail.tHouseApproveVillageOptions.villageLeader !=null && !applicationDetail.tHouseApproveVillageOptions.villageLeader.endsWith('jpeg')"-->
            <!--                                 required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" @click="formEnabled.baseApplyForm.villageFormEnabled && searchCommit('tHouseApproveVillageOptions.villageLeader')" v-model="applicationDetail.tHouseApproveVillageOptions.villageLeader" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>-->
            <!--                      <van-cell title="负责人:" v-if="applicationDetail.tHouseApproveVillageOptions.villageLeader =='' || applicationDetail.tHouseApproveVillageOptions.villageLeader ==null || applicationDetail.tHouseApproveVillageOptions.villageLeader.endsWith('jpeg')" :rules="[{ required: true }]">-->
            <!--                        <van-button :disabled="!formEnabled.baseApplyForm.villageFormEnabled" color="#7AC943" v-if="applicationDetail.tHouseApproveVillageOptions.villageLeader =='' || applicationDetail.tHouseApproveVillageOptions.villageLeader ==null || !applicationDetail.tHouseApproveVillageOptions.villageLeader.endsWith('jpeg')" v-model="applicationDetail.tHouseApproveVillageOptions.villageLeader" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('tHouseApproveVillageOptions.villageLeader')">签名确认</van-button>-->
            <!--                        <van-image-->
            <!--                          width="100"-->
            <!--                          height="50"-->
            <!--                          :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
            <!--                          v-if="applicationDetail.tHouseApproveVillageOptions.villageLeader !='' && applicationDetail.tHouseApproveVillageOptions.villageLeader !=null-->
            <!--                              && applicationDetail.tHouseApproveVillageOptions.villageLeader.endsWith('jpeg')"-->
            <!--                          :src="$store.getters.baseRoutingUrl+applicationDetail.tHouseApproveVillageOptions.villageLeader"-->
            <!--                          @click="formEnabled.baseApplyForm.villageFormEnabled && searchCommit('tHouseApproveVillageOptions.villageLeader')"-->
            <!--                        ></van-image>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="现场照片:">-->
            <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveVillage" :uploadDisabled="!formEnabled.baseApplyForm.villageFormEnabled" :jsonData="uploadImgVillage.fileList" :proposer-id="uploadImgVillage.proposerId" tableName="t_house_approve_village_options"-->
            <!--                                                  @uploadFileChanged="(x) => {this.uploadImgVillage.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgVillage.removeFileList = x;}"-->
            <!--                        />-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.villageFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveVillageOptions.theGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveVillage')">定位当前位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.villageFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveVillageOptions.theGeom !='' || applicationDetail.tHouseApproveVillageOptions.theGeom !=null" v-model="applicationDetail.tHouseApproveVillageOptions.theGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveVillage')">查看现场位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <field-date-picker-->
            <!--                        v-model="applicationDetail.tHouseApproveVillageOptions.villageTime"-->
            <!--                        label="审批日期"-->
            <!--                        placeholder="选择日期"-->
            <!--                        :rules="[{ required: true }]"-->
            <!--                        formatter="yyyy-MM-dd"-->
            <!--                        required-->
            <!--                        :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
            <!--                      />-->
            <!--                    </van-col>-->
            <!--                  </van-row>-->
            <!--                </div>-->
            <!--              </template>-->
            <common-map ref="pointDarwMap" style="height:200px;"
                        :allowDraw="formVisible.landscopeForm.nature_resourceFormEnabled"
                        @drawReseted="onMapDrawReseted"
                        @drawFinished="onMapDrawFinished"
            >
            </common-map>
            <!--              &lt;!&ndash; 申请::自然资源部门 &ndash;&gt;-->
            <!--              <template v-if="formVisible.baseApplyForm.nature_resourceFormVisible">-->
            <!--                <div class="main_box examine_box">-->
            <!--                  <van-row type="flex" justify="space-between" align="center">-->
            <!--                    <van-col span="5">乡镇<br/>自然<br/>资源<br/>部门<br/>意见</van-col>-->
            <!--                    <van-col span="19">-->
            <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.approveOption" rows="2" autosize type="textarea" placeholder="审查意见" :rules="[{ required: true }]"/>-->
            <!--                      <van-field v-if="applicationDetail.tHouseApproveNatureOptions.approveLeader !='' && applicationDetail.tHouseApproveNatureOptions.approveLeader !=null && !applicationDetail.tHouseApproveNatureOptions.approveLeader.endsWith('jpeg')"-->
            <!--                                 required :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled" @click="formEnabled.baseApplyForm.nature_resourceFormEnabled && searchCommit(tHouseApproveNatureOptions)" :rules="[{ required: true }]" v-model="applicationDetail.tHouseApproveNatureOptions.approveLeader" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>-->
            <!--                      <van-cell title="负责人:" v-if="applicationDetail.tHouseApproveNatureOptions.approveLeader =='' || applicationDetail.tHouseApproveNatureOptions.approveLeader ==null || applicationDetail.tHouseApproveNatureOptions.approveLeader.endsWith('jpeg')" :rules="[{ required: true }]" >-->
            <!--                        <van-button :disabled="!formEnabled.baseApplyForm.nature_resourceFormEnabled" color="#7AC943" v-if="applicationDetail.tHouseApproveNatureOptions.approveLeader =='' || applicationDetail.tHouseApproveNatureOptions.approveLeader ==null || !applicationDetail.tHouseApproveNatureOptions.approveLeader.endsWith('jpeg')" v-model="applicationDetail.tHouseApproveNatureOptions.approveLeader" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('tHouseApproveNatureOptions.approveLeader')">签名确认</van-button>-->
            <!--                        <van-image-->
            <!--                          width="100"-->
            <!--                          height="50"-->
            <!--                          :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled"-->
            <!--                          v-if="applicationDetail.tHouseApproveNatureOptions.approveLeader !='' && applicationDetail.tHouseApproveNatureOptions.approveLeader !=null-->
            <!--                              && applicationDetail.tHouseApproveNatureOptions.approveLeader.endsWith('jpeg')"-->
            <!--                          :src="$store.getters.baseRoutingUrl+applicationDetail.tHouseApproveNatureOptions.approveLeader"-->
            <!--                          @click="formEnabled.baseApplyForm.nature_resourceFormEnabled && searchCommit('tHouseApproveNatureOptions.approveLeader')"-->
            <!--                        ></van-image>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="现场照片:">-->
            <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveNature" :uploadDisabled="!formEnabled.baseApplyForm.nature_resourceFormEnabled" :jsonData="uploadImgNature.fileList" :proposer-id="uploadImgNature.proposerId" tableName="t_house_approve_nature_options"-->
            <!--                                                  @uploadFileChanged="(x) => {this.uploadImgNature.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgNature.removeFileList = x;}"-->
            <!--                        />-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.nature_resourceFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveNatureOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveNature')">定位当前位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.nature_resourceFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveNatureOptions.theGeomPoint !='' || applicationDetail.tHouseApproveNatureOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveNatureOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveNature')">查看现场位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <field-date-picker-->
            <!--                        v-model="applicationDetail.tHouseApproveNatureOptions.approveTime"-->
            <!--                        label="审批日期"-->
            <!--                        placeholder="选择日期"-->
            <!--                        :rules="[{ required: true }]"-->
            <!--                        formatter="yyyy-MM-dd"-->
            <!--                        required-->
            <!--                        :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled"-->
            <!--                      />-->
            <!--                    </van-col>-->
            <!--                  </van-row>-->
            <!--                </div>-->
            <!--              </template>-->

            <!--              &lt;!&ndash; 申请::住建部门 &ndash;&gt;-->
            <!--              <template v-if="formVisible.baseApplyForm.buildingFormVisible">-->
            <!--                <div class="main_box examine_box">-->
            <!--                  <van-row type="flex" justify="space-between" align="center">-->
            <!--                    <van-col span="5">乡镇<br/>住建<br/>部门<br/>意见<br/></van-col>-->
            <!--                    <van-col span="19">-->
            <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.buildingFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.approveOption" rows="2" autosize  type="textarea" placeholder="审批意见" :rules="[{ required: true }]"/>-->
            <!--                      <van-field :rules="[{ required: true }]" v-if="applicationDetail.tHouseApproveOtherOptions.approveLeader !='' && applicationDetail.tHouseApproveOtherOptions.approveLeader !=null && !applicationDetail.tHouseApproveOtherOptions.approveLeader.endsWith('jpeg')"-->
            <!--                                 @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('tHouseApproveOtherOptions.approveLeader')" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.approveLeader" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>-->
            <!--                      <van-cell title="负责人:"  v-if="applicationDetail.tHouseApproveOtherOptions.approveLeader =='' || applicationDetail.tHouseApproveOtherOptions.approveLeader ==null || applicationDetail.tHouseApproveOtherOptions.approveLeader.endsWith('jpeg')" :rules="[{ required: true }]">-->
            <!--                        <van-button :disabled="!formEnabled.baseApplyForm.buildingFormEnabled" color="#7AC943"  v-if="applicationDetail.tHouseApproveOtherOptions.approveLeader =='' || applicationDetail.tHouseApproveOtherOptions.approveLeader ==null || !applicationDetail.tHouseApproveOtherOptions.approveLeader.endsWith('jpeg')" v-model="applicationDetail.tHouseApproveOtherOptions.approveLeader" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('tHouseApproveOtherOptions.approveLeader')">签名确认</van-button>-->
            <!--                        <van-image-->
            <!--                          width="100"-->
            <!--                          height="50"-->
            <!--                          :readonly="!formEnabled.baseApplyForm.buildingFormEnabled"-->
            <!--                          v-if="applicationDetail.tHouseApproveOtherOptions.approveLeader !='' && applicationDetail.tHouseApproveOtherOptions.approveLeader !=null-->
            <!--                              && applicationDetail.tHouseApproveOtherOptions.approveLeader.endsWith('jpeg')"-->
            <!--                          :src="$store.getters.baseRoutingUrl+applicationDetail.tHouseApproveOtherOptions.approveLeader"-->
            <!--                          @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('tHouseApproveOtherOptions.approveLeader')"-->
            <!--                        ></van-image>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="现场照片:">-->
            <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveOther" :uploadDisabled="!formEnabled.baseApplyForm.buildingFormEnabled" :jsonData="uploadImgOther.fileList" :proposer-id="uploadImgOther.proposerId" tableName="t_house_approve_other_options"-->
            <!--                                                  @uploadFileChanged="(x) => {this.uploadImgOther.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgOther.removeFileList = x;}"-->
            <!--                        />-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.buildingFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveOtherOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveOther')">定位当前位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.buildingFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveOtherOptions.theGeomPoint !='' || applicationDetail.tHouseApproveOtherOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveOtherOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveOther')">查看现场位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <field-date-picker-->
            <!--                        v-model="applicationDetail.tHouseApproveOtherOptions.approveTime"-->
            <!--                        label="审批日期"-->
            <!--                        placeholder="选择日期"-->
            <!--                        :rules="[{ required: true }]"-->
            <!--                        formatter="yyyy-MM-dd"-->
            <!--                        required-->
            <!--                        :readonly="!formEnabled.baseApplyForm.buildingFormEnabled"-->
            <!--                      />-->
            <!--                    </van-col>-->
            <!--                  </van-row>-->
            <!--                </div>-->
            <!--              </template>-->

            <!--              &lt;!&ndash; 申请::农业部门 &ndash;&gt;-->
            <!--              <template v-if="formVisible.baseApplyForm.agricultureFormVisible">-->
            <!--                <div class="main_box examine_box">-->
            <!--                  <van-row type="flex" justify="space-between" align="center">-->
            <!--                    <van-col span="5">乡镇<br/>农业<br/>农村<br/>部门<br/>审查<br/>意见</van-col>-->
            <!--                    <van-col span="19">-->
            <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled" rows="2" v-model="applicationDetail.tHouseApproveAgricultureOptions.approveOption" autosize type="textarea" placeholder="审查意见" :rules="[{ required: true }]"/>-->
            <!--                      <van-field :rules="[{ required: true }]"  v-if="applicationDetail.tHouseApproveAgricultureOptions.approveLeader !='' && applicationDetail.tHouseApproveAgricultureOptions.approveLeader !=null && !applicationDetail.tHouseApproveAgricultureOptions.approveLeader.endsWith('jpeg')"-->
            <!--                                 @click="formEnabled.baseApplyForm.agricultureFormEnabled && searchCommit('tHouseApproveOtherOptions.approveLeader')" required :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled" v-model="applicationDetail.tHouseApproveAgricultureOptions.approveLeader" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>-->
            <!--                      <van-cell title="负责人:"  v-if="applicationDetail.tHouseApproveAgricultureOptions.approveLeader =='' || applicationDetail.tHouseApproveAgricultureOptions.approveLeader ==null || applicationDetail.tHouseApproveAgricultureOptions.approveLeader.endsWith('jpeg')"  :rules="[{ required: true }]">-->
            <!--                        <van-button :disabled="!formEnabled.baseApplyForm.agricultureFormEnabled" color="#7AC943"  v-if="applicationDetail.tHouseApproveAgricultureOptions.approveLeader =='' || applicationDetail.tHouseApproveAgricultureOptions.approveLeader ==null || !applicationDetail.tHouseApproveAgricultureOptions.approveLeader.endsWith('jpeg')" v-model="applicationDetail.tHouseApproveAgricultureOptions.approveLeader" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('tHouseApproveAgricultureOptions.approveLeader')">签名确认</van-button>-->
            <!--                        <van-image-->
            <!--                          width="100"-->
            <!--                          height="50"-->
            <!--                          :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled"-->
            <!--                          v-if="applicationDetail.tHouseApproveAgricultureOptions.approveLeader !='' && applicationDetail.tHouseApproveAgricultureOptions.approveLeader !=null-->
            <!--                              && applicationDetail.tHouseApproveAgricultureOptions.approveLeader.endsWith('jpeg')"-->
            <!--                          :src="$store.getters.baseRoutingUrl+applicationDetail.tHouseApproveAgricultureOptions.approveLeader"-->
            <!--                          @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('tHouseApproveAgricultureOptions.approveLeader')"-->
            <!--                        ></van-image>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="现场照片:">-->
            <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveAgriculture" :uploadDisabled="!formEnabled.baseApplyForm.agricultureFormEnabled" :jsonData="uploadImgAgriculture.fileList" :proposer-id="uploadImgAgriculture.proposerId" tableName="t_house_approve_agriculture_options"-->
            <!--                                                  @uploadFileChanged="(x) => {this.uploadImgAgriculture.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgAgriculture.removeFileList = x;}"-->
            <!--                        />-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.agricultureFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveAgriculture')">定位当前位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.agricultureFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint !='' || applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveAgriculture')">查看现场位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <field-date-picker-->
            <!--                        v-model="applicationDetail.tHouseApproveAgricultureOptions.approveTime"-->
            <!--                        label="审批日期"-->
            <!--                        placeholder="选择日期"-->
            <!--                        :rules="[{ required: true }]"-->
            <!--                        formatter="yyyy-MM-dd"-->
            <!--                        required-->
            <!--                        :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled"-->
            <!--                      />-->
            <!--                    </van-col>-->
            <!--                  </van-row>-->
            <!--                </div>-->
            <!--              </template>-->

            <!--              &lt;!&ndash; 申请::镇政府 &ndash;&gt;-->
            <!--              <template v-if="formVisible.baseApplyForm.townFormVisible">-->
            <!--                <div class="main_box examine_box" v-if="formVisible.baseApplyForm.townFormVisible">-->
            <!--                  <van-row type="flex" justify="space-between" align="center">-->
            <!--                    <van-col span="5">乡镇<br/>政府<br/>审核<br/>批准<br/>意见</van-col>-->
            <!--                    <van-col span="19">-->
            <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveTownOptions.approveOption" rows="2" autosize type="textarea" placeholder="审批意见" :rules="[{ required: true }]"/>-->
            <!--                      <van-field :rules="[{ required: true }]"  v-if="applicationDetail.tHouseApproveTownOptions.approveLeader !='' && applicationDetail.tHouseApproveTownOptions.approveLeader !=null && !applicationDetail.tHouseApproveTownOptions.approveLeader.endsWith('jpeg')"-->
            <!--                                 @click="formEnabled.baseApplyForm.agricultureFormEnabled && searchCommit('tHouseApproveTownOptions.approveLeader')" required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveTownOptions.approveLeader" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>-->
            <!--                      <van-cell title="负责人:" v-if="applicationDetail.tHouseApproveTownOptions.approveLeader =='' || applicationDetail.tHouseApproveTownOptions.approveLeader ==null || applicationDetail.tHouseApproveTownOptions.approveLeader.endsWith('jpeg')"   :rules="[{ required: true }]">-->
            <!--                        <van-button :disabled="!formEnabled.baseApplyForm.townFormEnabled" color="#7AC943" v-if="applicationDetail.tHouseApproveTownOptions.approveLeader =='' || applicationDetail.tHouseApproveTownOptions.approveLeader ==null || !applicationDetail.tHouseApproveTownOptions.approveLeader.endsWith('jpeg')" v-model="applicationDetail.tHouseApproveTownOptions.approveLeader" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('tHouseApproveTownOptions.approveLeader')">签名确认</van-button>-->
            <!--                        <van-image-->
            <!--                          width="100"-->
            <!--                          height="50"-->
            <!--                          :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
            <!--                          v-if="applicationDetail.tHouseApproveTownOptions.approveLeader !='' && applicationDetail.tHouseApproveTownOptions.approveLeader !=null-->
            <!--                              && applicationDetail.tHouseApproveTownOptions.approveLeader.endsWith('jpeg')"-->
            <!--                          :src="$store.getters.baseRoutingUrl+applicationDetail.tHouseApproveTownOptions.approveLeader"-->
            <!--                          @click="formEnabled.baseApplyForm.townFormEnabled && searchCommit('tHouseApproveTownOptions.approveLeader')"-->
            <!--                        ></van-image>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="现场照片:">-->
            <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveTown" :uploadDisabled="!formEnabled.baseApplyForm.townFormEnabled" :jsonData="uploadImgTown.fileList" :proposer-id="uploadImgTown.proposerId" tableName="t_house_approve_town_options"-->
            <!--                                                  @uploadFileChanged="(x) => {this.uploadImgTown.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgTown.removeFileList = x;}"-->
            <!--                        />-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.townFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveTownOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveTown')">定位当前位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.townFormEnabled">-->
            <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveTownOptions.theGeomPoint !='' || applicationDetail.tHouseApproveTownOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveTownOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveTown')">查看现场位置</van-button>-->
            <!--                      </van-cell>-->
            <!--                      <field-date-picker-->
            <!--                        v-model="applicationDetail.tHouseApproveTownOptions.approveTime"-->
            <!--                        label="审批日期"-->
            <!--                        placeholder="选择日期"-->
            <!--                        :rules="[{ required: true }]"-->
            <!--                        formatter="yyyy-MM-dd"-->
            <!--                        required-->
            <!--                        :readonly="!formEnabled.baseApplyForm.baseFormEnabled"-->
            <!--                      />-->
            <!--                    </van-col>-->
            <!--                  </van-row>-->
            <!--                </div>-->
            <!--              </template>-->
            <!--                &lt;!&ndash; 申请::现场踏勘 &ndash;&gt;-->
            <!--                <template v-if="formVisible.baseApplyForm.townFormVisible">-->
            <!--                  <div class="main_box examine_box" v-if="formVisible.baseApplyForm.townFormVisible">-->
            <!--                    <van-row type="flex" justify="space-between" align="center">-->
            <!--                      <van-col span="5">现场<br/>踏勘</van-col>-->
            <!--                      <van-col span="19">-->
            <!--                        <house-location-plan-comp ref="pictureUploadApplying" :uploadDisabled="!formEnabled.baseApplyForm.townFormEnabled" :jsonData="uploadImg.fileList" :proposer-id="uploadImg.proposerId" tableName="t_house_approve_locationplan_options"-->
            <!--                                                  @uploadFileChanged="(x) => {this.uploadImg.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImg.removeFileList = x;}"-->
            <!--                        />-->
            <!--                        <van-row>-->
            <!--                          <van-col span="12"><van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveLocationplanOptions.surveyPersonnel" label="踏勘" placeholder="现场踏勘人员" input-align="left" label-width="auto"/></van-col>-->
            <!--                          <van-col span="12">-->
            <!--                            <field-date-picker-->
            <!--                              v-model="applicationDetail.tHouseApproveLocationplanOptions.suveyTime"-->
            <!--                              label=""-->
            <!--                              placeholder="选择日期"-->
            <!--                              :rules="[{ required: true }]"-->
            <!--                              formatter="yyyy-MM-dd"-->
            <!--                              required-->
            <!--                              :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
            <!--                            />-->
            <!--                          </van-col>-->
            <!--                        </van-row>-->
            <!--                        <van-row>-->
            <!--                          <van-col span="12"><van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveLocationplanOptions.cartographer" label="制图" placeholder="制图人" input-align="left" label-width="auto"/></van-col>-->
            <!--                          <van-col span="12">-->
            <!--                            <field-date-picker-->
            <!--                              v-model="applicationDetail.tHouseApproveLocationplanOptions.cartographicTime"-->
            <!--                              label=""-->
            <!--                              placeholder="选择日期"-->
            <!--                              :rules="[{ required: true }]"-->
            <!--                              formatter="yyyy-MM-dd"-->
            <!--                              required-->
            <!--                              :readonly="!formEnabled.baseApplyForm.townFormEnabled"-->
            <!--                            />-->
            <!--                          </van-col>-->
            <!--                        </van-row>-->
            <!--                      </van-col>-->
            <!--                    </van-row>-->
            <!--                  </div>-->
            <!--                </template>-->
          </div>
        </template>
        <template v-if="selectedTabName == 2 && formVisible.acceptingVisible"> <!-- 验收申请 -->
          <template v-if="formVisible.acceptingForm.baseFormVisible">
            <div :class="active == 2 ? '' : 'noModify'">
              <p class="topTit">农村宅基地和建房（规划许可）验收意见表</p>
              <div class="main_box check-box">
                <van-field required readonly v-model="applicationDetail.sqhhzxm" label="申请户主姓名" placeholder="申请户主姓名"
                           input-align="right" label-width="auto"/>
                <van-field required readonly v-model="applicationDetail.sqhhzsfzh" label="身份证号" placeholder="身份证号"
                           input-align="right" label-width="auto"/>
                <!--                  <van-field required readonly v-model="applicationDetail.tHouseApplyEnd.location" label="用地建房位置" placeholder="用地建房位置" input-align="right" label-width="auto"/>-->
                <van-field required readonly v-model="applicationDetail.ydjfys.xkzh" label="乡村建设规划许可证号"
                           placeholder="乡村建设规划许可证号" input-align="right" label-width="auto"/>
                <van-field required readonly v-model="applicationDetail.ydjfys.pzsh" label="农村宅基地批准书号"
                           placeholder="农村宅基地批准书号" input-align="right" label-width="auto"/>
                <field-date-picker
                  v-model="applicationDetail.ydjfys.kgrq"
                  label="开工日期"
                  placeholder="选择开工日期"
                  :rules="[{ required: true }]"
                  formatter="yyyy-MM-dd"
                  required
                  :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                />
                <field-date-picker
                  v-model="applicationDetail.ydjfys.jgrq"
                  label="竣工日期"
                  placeholder="选择竣工日期"
                  :rules="[{ required: true }]"
                  formatter="yyyy-MM-dd"
                  required
                  :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                />
                <!--                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.houseCertificateNo" label="权属证书号（不动产）" placeholder="权属证书号（不动产）" input-align="right" label-width="auto" :rules="[{ required: true }]"/>-->
                <!--                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.landCertificateNo" label="权属证书号（宅基地）" placeholder="权属证书号（宅基地）" input-align="right" label-width="auto" :rules="[{ required: true }]"/>-->
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.pzzjdmj" label-width="auto" label="批准宅基地面积"
                           placeholder="批准宅基地面积" input-align="right" type="number" :rules="[{ required: true }]">
                  <template #right-icon>㎡</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.syzjdmj" label="实用宅基地面积面积" placeholder="实用宅基地面积面积"
                           input-align="right" label-width="auto" type="number" :rules="[{ required: true }]">
                  <template #right-icon>㎡</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.pzfjzdmj" label="批准房基占地面积" placeholder="批准房基占地面积"
                           input-align="right" label-width="auto" type="number" :rules="[{ required: true }]">
                  <template #right-icon>㎡</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.sjfjzdmj" label="实际房基占地面积" placeholder="实际房基占地面积"
                           input-align="right" label-width="auto" type="number" :rules="[{ required: true }]">
                  <template #right-icon>㎡</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.pjcg" label="批建高度" placeholder="批建高度" input-align="right"
                           label-width="auto" type="number" :rules="[{ required: true }]">
                  <template #right-icon>m</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.pjcs" label="批建层数" placeholder="批建层数" input-align="right"
                           label-width="auto" type="digit" :rules="[{ required: true }]">
                  <template #right-icon>层</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.jggd" label="竣工高度" placeholder="竣工高度" input-align="right"
                           label-width="auto" type="number" :rules="[{ required: true }]">
                  <template #right-icon>m</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.jgcs" label="竣工层数" placeholder="竣工层数" input-align="right"
                           label-width="auto" type="digit" :rules="[{ required: true }]">
                  <template #right-icon>层</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.zjzmj" label="总建筑面积" placeholder="总建筑面积"
                           input-align="right" type="number" :rules="[{ required: true }]">
                  <template #right-icon>㎡</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.fwzjmj" label="其中: 房屋建筑面积" placeholder="房屋建筑面积"
                           input-align="right" label-width="auto" type="number" :rules="[{ required: true }]">
                  <template #right-icon>㎡</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.ptfsssjzmj" label="配套附属设施建筑面积" placeholder="配套附属设施建筑面积"
                           input-align="right" label-width="auto" type="number" :rules="[{ required: true }]">
                  <template #right-icon>㎡</template>
                </van-field>
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.zfzj" label="住房造价" placeholder="住房造价" input-align="right"
                           type="number" :rules="[{ required: true }]">
                  <template #right-icon>万元</template>
                </van-field>
                <field-select
                  v-model="applicationDetail.ydjfys.jglx"
                  label="结构类型"
                  value-key="dictLabel"
                  data-key="dictValue"
                  placeholder="选择结构类型"
                  :rules="[{ required: true }]"
                  required
                  :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                  remote-url="/open/zdzh/list/design_paper"
                  :on-remote-response="'data'"
                />
                <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                           v-model="applicationDetail.ydjfys.wlmys" label="外立面颜色" placeholder="外立面颜色"
                           input-align="right" label-width="auto" :rules="[{ required: true }]"/>

                <field-select
                  v-model="applicationDetail.ydjfys.cjhtzjdqk"
                  label="旧宅基地退还情况"
                  value-key="dictLabel"
                  data-key="dictValue"
                  placeholder="选择旧宅基地退还情况"
                  :rules="[{ required: true }]"
                  required
                  :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                  remote-url="/open/zdzh/list/old_house_status"
                  :on-remote-response="'data'"
                />
                <field-radio
                  v-model="applicationDetail.ydjfys.sfxszfjsbzzc"
                  label="是否享受住房建设补助政策"
                  value-key="dictLabel"
                  data-key="dictValue"
                  :rules="[{ required: true }]"
                  required
                  :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                  :columns="yesNoOptions"
                />
                <field-select
                  v-if="applicationDetail.ydjfys.sfxszfjsbzzc === '1'"
                  v-model="applicationDetail.ydjfys.zfjsbzzc"
                  label="住房建设补助政策"
                  value-key="dictLabel"
                  data-key="dictValue"
                  placeholder="选择住房建设补助政策"
                  :rules="[{ required: true }]"
                  required
                  :readonly="!formEnabled.acceptingForm.baseFormEnabled"
                  remote-url="/open/zdzh/list/house_subsidy_policy"
                  :on-remote-response="'data'"
                />
                <!--                  <van-cell title="农房验收位置"></van-cell>-->
                <!--                  <div class="mapBox">-->
                <!--                    <common-map ref="pointDarwAcceptanceMap" style="height:200px;"-->
                <!--                                :allowDraw="formEnabled.acceptingForm.baseFormEnabled"-->
                <!--                                @drawReseted="onAcceptanceMapDrawReseted"-->
                <!--                                @drawFinished="onMapDrawFinished"-->
                <!--                    >-->
                <!--                    </common-map>-->
                <!--                  </div>-->
                <!--                  <van-field rows="3" :autosize="true" type="textarea" readonly label="备注" label-width="auto" placeholder="" input-align="left" value="1.村民旧宅基地属于应退未退的，不得发放本验收意见表。-->
                <!--2.本验收意见表是向不动产登记部门申请办理不动产登记的要件之一，请妥善保管。"></van-field>-->
                <div class="main_box examine_box">
                  <van-row type="flex" justify="space-between" align="center">
                    <van-col span="5">竣工<br/>平面<br/>简图<br/>
                      (标注<br/>长宽<br/>及四至)
                    </van-col>
                    <van-col span="19">

                      <MultiImageUploadComp :value="applicationDetail.ydjfys.jgpmjt"
                                            :uploadDisabled="!this.formEnabled.acceptingForm.baseFormEnabled"
                                            :tableId="applicationDetail.ydjfys.id"
                                            :tableName="houseApplyUploadComp.tableName"
                                            :fileType="0"
                                            :attach="true"
                                            @fileChanged="fileUpdatePmt"/>
                      <van-field required :readonly="!this.formEnabled.acceptingForm.baseFormEnabled"
                                 v-model="applicationDetail.ydjfys.jgpmjtjbr" placeholder="经办人" label="经办人"
                                 input-align="left" :rules="[{ required: true }]"/>
                    </van-col>
                  </van-row>
                </div>
                <div class="main_box examine_box" v-if="isYiLong()">
                  <van-row type="flex" justify="space-between" align="center">
                    <van-col span="5">住房<br/>竣工<br/>验收<br/>内容</van-col>
                    <van-col span="19">
                      <field-checkbox
                        v-model="applicationDetail.ydjfys.qtysnr.sfywcgcsjhhtyddgxnr"
                        label="1.是否已完成工程设计和合同约定的各项内容"
                        true-label="1"
                        false-label="0"
                        :rules="[{ required: true }]"
                        :readonly="!formEnabled.ysnrEnable"
                        label-width="5.6rem"
                      />
                      <field-checkbox
                        v-model="applicationDetail.ydjfys.qtysnr.clrdwgzfzlzcsfhhg"
                        label="2.承揽人对完工住房质量自查是否合格"
                        true-label="1"
                        false-label="0"
                        :rules="[{ required: true }]"
                        :readonly="!formEnabled.ysnrEnable"
                        label-width="5.6rem"
                      />
                      <field-checkbox
                        v-model="applicationDetail.ydjfys.qtysnr.sfysgjlzl"
                        label="3.是否有施工记录资料"
                        true-label="1"
                        false-label="0"
                        :rules="[{ required: true }]"
                        :readonly="!formEnabled.ysnrEnable"
                        label-width="5.6rem"
                      />
                      <field-checkbox
                        v-model="applicationDetail.ydjfys.qtysnr.jfcmhclrsfyjgtqsnczfzlbxs"
                        label="4.建房村民和承揽人是否已经共同签署农村住房质量保修书"
                        true-label="1"
                        false-label="0"
                        :rules="[{ required: true }]"
                        :readonly="!formEnabled.ysnrEnable"
                        label-width="5.6rem"
                      />
                      <field-checkbox
                        v-model="applicationDetail.ydjfys.qtysnr.zfcxjsxzzgbmhxzrmzfzlzgdwtsfqbzgwb"
                        label="5.住房城乡建设行政主管部门或乡（镇）人民政府责令整改的问题是否全部整改完毕"
                        true-label="1"
                        false-label="0"
                        :rules="[{ required: true }]"
                        :readonly="!formEnabled.ysnrEnable"
                        label-width="5.6rem"
                      />
                      <field-checkbox
                        v-model="applicationDetail.ydjfys.qtysnr.jzfmsfysjtjbyz"
                        label="6.建筑风貌是否与设计图基本一致"
                        true-label="1"
                        false-label="0"
                        :rules="[{ required: true }]"
                        :readonly="!formEnabled.ysnrEnable"
                        label-width="5.6rem"
                      />
                      <field-checkbox
                        v-model="applicationDetail.ydjfys.qtysnr.flfggddqtystjwcqk"
                        label="7.法律、法规规定的其他验收条件完成情况"
                        true-label="1"
                        false-label="0"
                        :rules="[{ required: true }]"
                        :readonly="!formEnabled.ysnrEnable"
                        label-width="5.6rem"
                      />
                    </van-col>
                  </van-row>
                  <div class="main_box examine_box">
                    <van-row type="flex" justify="space-between" align="center">
                      <van-col span="5">承揽人<br/>（姓名/<br/>单位/<br/>职务）</van-col>
                      <van-col span="19">
                        <van-field required :readonly="!formEnabled.ysnrEnable"
                                   v-model="applicationDetail.ydjfys.qtysnr.clr" label="签字" placeholder="承揽人签字"
                                   input-align="right" label-width="auto" :rules="[{ required: true }]"/>
                        <!--                    </van-cell>-->
                        <field-date-picker
                          v-model="applicationDetail.ydjfys.qtysnr.clrsj"
                          label="签字日期"
                          placeholder="选择日期"
                          :rules="[{ required: true }]"
                          formatter="yyyy-MM-dd"
                          required
                          :readonly="!formEnabled.ysnrEnable"
                        />
                      </van-col>
                    </van-row>
                  </div>
                  <div class="main_box examine_box">
                    <van-row type="flex" justify="space-between" align="center">
                      <van-col span="5">第三服务方</van-col>
                      <van-col span="19">
                        <van-field required :readonly="!formEnabled.ysnrEnable"
                                   v-model="applicationDetail.ydjfys.qtysnr.dsfwf" label="签字" placeholder="第三服务方签字"
                                   input-align="right" label-width="auto" :rules="[{ required: true }]"/>
                        <!--                    </van-cell>-->
                        <field-date-picker
                          v-model="applicationDetail.ydjfys.qtysnr.dsfwfsj"
                          label="签字日期"
                          placeholder="选择日期"
                          :rules="[{ required: true }]"
                          formatter="yyyy-MM-dd"
                          required
                          :readonly="!formEnabled.ysnrEnable"
                        />
                      </van-col>
                    </van-row>
                  </div>
                  <div class="main_box examine_box">
                    <van-row type="flex" justify="space-between" align="center">
                      <van-col span="5">专业技<br/>术人员）</van-col>
                      <van-col span="19">
                        <van-field required :readonly="!formEnabled.ysnrEnable"
                                   v-model="applicationDetail.ydjfys.qtysnr.zyjsry" label="签字" placeholder="专业技术人员签字"
                                   input-align="right" label-width="auto" :rules="[{ required: true }]"/>
                        <!--                    </van-cell>-->
                        <field-date-picker
                          v-model="applicationDetail.ydjfys.qtysnr.zyjsrysj"
                          label="签字日期"
                          placeholder="选择日期"
                          :rules="[{ required: true }]"
                          formatter="yyyy-MM-dd"
                          required
                          :readonly="!formEnabled.ysnrEnable"
                        />
                      </van-col>
                    </van-row>
                  </div>
                </div>
              </div>
            </div>
          </template>

          <template v-if="formVisible.acceptingForm.agricultureFormVisible">
            <div class="main_box examine_box">
              <van-row type="flex" justify="space-between" align="center">
                <van-col span="5">{{applicationDetail.ydjfys.nyncbmmc !=
                  null?applicationDetail.ydjfsp.nyncbmmc:'农业农村部'}}意见
                </van-col>
                <van-col span="19">
                  <van-field required :readonly="!formEnabled.acceptingForm.agricultureFormEnabled" rows="2"
                             v-model="applicationDetail.ydjfys.nyncbmysyj" :autosize="true" type="textarea"
                             placeholder="乡镇农业农村部门意见" :rules="[{ required: true }]"/>
                  <van-cell title="负责人:" :rules="[{ required: true }]">
                    <van-image
                      width="100"
                      height="50"
                      :readonly="!formEnabled.acceptingForm.agricultureFormEnabled"
                      v-if="applicationDetail.ydjfys.nyncbmysjbrxm !='' && applicationDetail.ydjfys.nyncbmysjbrxm !=null
                              && applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('png')"
                      :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.nyncbmysjbrxm"
                      @click="formEnabled.acceptingForm.agricultureFormEnabled && searchCommit('ydjfys.nyncbmysjbrxm')"
                    ></van-image>
                    <div v-if="applicationDetail.ydjfys.nyncbmysjbrxm !='' && applicationDetail.ydjfys.nyncbmysjbrxm !=null
                              && !applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('png')">
                      {{applicationDetail.ydjfys.nyncbmysjbrxm}}
                    </div>
                  </van-cell>
                  <!--                    <van-cell title="现场照片:">-->
                  <!--                      <house-location-plan-comp ref="tHouseApplyEndNongye" :uploadDisabled="!formEnabled.acceptingForm.agricultureFormEnabled" :jsonData="uploadImgEndNongyePlan.fileList" :proposer-id="uploadImgTown.proposerId" tableName="t_house_apply_end_nongye_options"-->
                  <!--                                                @uploadFileChanged="(x) => {this.uploadImgEndNongyePlan.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgEndNongyePlan.removeFileList = x;}"-->
                  <!--                      />-->
                  <!--                    </van-cell>-->
                  <!--                    <van-cell title="定位当前位置:" v-if="formEnabled.acceptingForm.agricultureFormEnabled">-->
                  <!--                      <van-button color="#7AC943" v-model="applicationDetail.tHouseApplyEnd.nongyeGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApplyEndNongye')">定位当前位置</van-button>-->
                  <!--                    </van-cell>-->
                  <!--                    <van-cell title="查看现场位置:" v-if="!formEnabled.acceptingForm.agricultureFormEnabled">-->
                  <!--                      <van-button color="#7AC943" v-if="applicationDetail.tHouseApplyEnd.nongyeGeom !='' || applicationDetail.tHouseApplyEnd.nongyeGeom !=null" v-model="applicationDetail.tHouseApplyEnd.nongyeGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApplyEndNongye')">查看现场位置</van-button>-->
                  <!--                    </van-cell>-->
                  <field-date-picker
                    v-model="applicationDetail.ydjfys.nyncbmyssj"
                    label="审批日期"
                    placeholder="选择日期"
                    :rules="[{ required: true }]"
                    formatter="yyyy-MM-dd"
                    required
                    :readonly="!formEnabled.acceptingForm.agricultureFormEnabled"
                  />
                </van-col>
              </van-row>
              <div id="showInfo"></div>
            </div>
          </template>

          <template v-if="formVisible.acceptingForm.nature_resourceFormVisible">
            <div class="main_box examine_box">
              <van-row type="flex" justify="space-between" align="center">
                <van-col span="5">{{applicationDetail.ydjfys.zrzybmmc !=
                  null?applicationDetail.ydjfsp.zrzybmmc:'自然资源部'}}意见
                </van-col>
                <van-col span="19">
                  <van-field required :readonly="!formEnabled.acceptingForm.nature_resourceFormEnabled" rows="2"
                             v-model="applicationDetail.ydjfys.zrzybmysyj" :autosize="true" type="textarea"
                             placeholder="乡镇自然资源部门意见" :rules="[{ required: true }]"/>
                  <van-cell title="负责人:" :rules="[{ required: true }]">
                    <van-image
                      width="100"
                      height="50"
                      :readonly="!formEnabled.acceptingForm.nature_resourceFormEnabled"
                      v-if="applicationDetail.ydjfys.zrzybmysjbrxm !='' && applicationDetail.ydjfys.zrzybmysjbrxm !=null
                              && applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('png')"
                      :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.zrzybmysjbrxm"
                    ></van-image>
                    <div v-if="applicationDetail.ydjfys.zrzybmysjbrxm !='' && applicationDetail.ydjfys.zrzybmysjbrxm !=null
                              && !applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('png')">
                      {{applicationDetail.ydjfys.zrzybmysjbrxm}}
                    </div>
                  </van-cell>
                  <!--                    <van-cell title="现场照片:">-->
                  <!--                      <house-location-plan-comp ref="tHouseApplyEndNature" :uploadDisabled="!formEnabled.acceptingForm.nature_resourceFormEnabled" :jsonData="uploadImgEndNaturePlan.fileList" :proposer-id="uploadImgEndNaturePlan.proposerId" tableName="t_house_apply_end_nature_options"-->
                  <!--                                                @uploadFileChanged="(x) => {this.uploadImgEndNaturePlan.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgEndNaturePlan.removeFileList = x;}"-->
                  <!--                      />-->
                  <!--                    </van-cell>-->
                  <!--                    <van-cell title="定位当前位置:" v-if="formEnabled.acceptingForm.nature_resourceFormEnabled">-->
                  <!--                      <van-button color="#7AC943" v-model="applicationDetail.tHouseApplyEnd.natureGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApplyEndNature')">定位当前位置</van-button>-->
                  <!--                    </van-cell>-->
                  <!--                    <van-cell title="查看现场位置:" v-if="!formEnabled.acceptingForm.nature_resourceFormEnabled">-->
                  <!--                      <van-button color="#7AC943" v-if="applicationDetail.tHouseApplyEnd.natureGeom !='' || applicationDetail.tHouseApplyEnd.natureGeom !=null" v-model="applicationDetail.tHouseApplyEnd.natureGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApplyEndNature')">查看现场位置</van-button>-->
                  <!--                    </van-cell>-->
                  <field-date-picker
                    v-model="applicationDetail.ydjfys.zrzybmyssj"
                    label="审批日期"
                    placeholder="选择日期"
                    :rules="[{ required: true }]"
                    formatter="yyyy-MM-dd"
                    required
                    :readonly="!formEnabled.acceptingForm.nature_resourceFormEnabled"
                  />
                </van-col>
              </van-row>
            </div>
          </template>
          <template v-if="formVisible.acceptingForm.buildingFormVisible">
            <div class="main_box examine_box">
              <van-row type="flex" justify="space-between" align="center">
                <van-col span="5">{{applicationDetail.ydjfys.zfcxjsbmmc !=
                  null?applicationDetail.ydjfsp.zfcxjsbmmc:'住建部'}}意见
                </van-col>
                <van-col span="19">
                  <van-field required :readonly="!formEnabled.acceptingForm.buildingFormEnabled"
                             v-model="applicationDetail.ydjfys.zfcxjsbmysyj" rows="2" autosize type="textarea"
                             placeholder="审批意见" :rules="[{ required: true }]"/>
                  <van-cell title="负责人:" :rules="[{ required: true }]">
                    <van-image
                      width="100"
                      height="50"
                      :readonly="!formEnabled.acceptingForm.buildingFormEnabled"
                      v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm !='' && applicationDetail.ydjfys.zfcxjsbmysjbrxm !=null
                              && applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('png')"
                      :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.zfcxjsbmysjbrxm"
                    ></van-image>
                    <div v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm !='' && applicationDetail.ydjfys.zfcxjsbmysjbrxm !=null
                              && !applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('png')">
                      {{applicationDetail.ydjfys.zfcxjsbmysjbrxm}}
                    </div>
                  </van-cell>
                  <!--                      <van-cell title="现场照片:">-->
                  <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveOther" :uploadDisabled="!formEnabled.baseApplyForm.buildingFormEnabled" :jsonData="uploadImgOther.fileList" :proposer-id="uploadImgOther.proposerId" tableName="t_house_approve_other_options"-->
                  <!--                                                     @uploadFileChanged="(x) => {this.uploadImgOther.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgOther.removeFileList = x;}"-->
                  <!--                        />-->
                  <!--                      </van-cell>-->
                  <!--                      <van-cell title="定位当前位置:" v-if="formEnabled.baseApplyForm.buildingFormEnabled">-->
                  <!--                        <van-button color="#7AC943" v-model="applicationDetail.tHouseApproveOtherOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApproveOther')">定位当前位置</van-button>-->
                  <!--                      </van-cell>-->
                  <!--                      <van-cell title="查看现场位置:" v-if="!formEnabled.baseApplyForm.buildingFormEnabled">-->
                  <!--                        <van-button color="#7AC943" v-if="applicationDetail.tHouseApproveOtherOptions.theGeomPoint !='' || applicationDetail.tHouseApproveOtherOptions.theGeomPoint !=null" v-model="applicationDetail.tHouseApproveOtherOptions.theGeomPoint" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApproveOther')">查看现场位置</van-button>-->
                  <!--                      </van-cell>-->
                  <field-date-picker
                    v-model="applicationDetail.ydjfys.zfcxjsbmyssj"
                    label="审批日期"
                    placeholder="选择日期"
                    :rules="[{ required: true }]"
                    formatter="yyyy-MM-dd"
                    required
                    :readonly="!formEnabled.acceptingForm.buildingFormEnabled"
                  />
                </van-col>
              </van-row>
            </div>
          </template>
          <template v-if="formVisible.acceptingForm.townFormVisible">
            <div class="main_box examine_box">
              <van-row type="flex" justify="space-between" align="center">
                <van-col span="5">乡镇<br/>政府<br/>验收<br/>意见</van-col>
                <van-col span="19">
                  <van-field required :readonly="!formEnabled.acceptingForm.townFormEnabled" rows="2"
                             v-model="applicationDetail.ydjfys.xzzfysyj" :autosize="true" type="textarea"
                             placeholder="乡镇政府验收意见" :rules="[{ required: true }]"/>
                  <van-cell title="负责人:" :rules="[{ required: true }]">
                    <van-image
                      width="100"
                      height="50"
                      :readonly="!formEnabled.acceptingForm.townFormEnabled"
                      v-if="applicationDetail.ydjfys.xzzfysjbrxm !='' && applicationDetail.ydjfys.xzzfysjbrxm !=null
                              && applicationDetail.ydjfys.xzzfysjbrxm.endsWith('png')"
                      :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.xzzfysjbrxm"
                    ></van-image>
                    <div v-if="applicationDetail.ydjfys.xzzfysjbrxm !='' && applicationDetail.ydjfys.xzzfysjbrxm !=null
                              && !applicationDetail.ydjfys.xzzfysjbrxm.endsWith('png')">
                      {{applicationDetail.ydjfys.xzzfysjbrxm}}
                    </div>
                  </van-cell>
                  <!--                    <van-cell title="现场照片:">-->
                  <!--                      <house-location-plan-comp ref="tHouseApplyEndZhen" :uploadDisabled="!formEnabled.acceptingForm.townFormEnabled" :jsonData="uploadImgEndZhenPlan.fileList" :proposer-id="uploadImgEndZhenPlan.proposerId" tableName="t_house_apply_end_zhen_options"-->
                  <!--                                                @uploadFileChanged="(x) => {this.uploadImgEndZhenPlan.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgEndZhenPlan.removeFileList = x;}"-->
                  <!--                      />-->
                  <!--                    </van-cell>-->
                  <!--                    <van-cell title="定位当前位置:" v-if="formEnabled.acceptingForm.townFormEnabled">-->
                  <!--                      <van-button color="#7AC943" v-model="applicationDetail.tHouseApplyEnd.zhenGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommit('tHouseApplyEndZhen')">定位当前位置</van-button>-->
                  <!--                    </van-cell>-->
                  <!--                    <van-cell title="查看现场位置:" v-if="!formEnabled.acceptingForm.townFormEnabled">-->
                  <!--                      <van-button color="#7AC943" v-if="applicationDetail.tHouseApplyEnd.zhenGeom !='' || applicationDetail.tHouseApplyEnd.zhenGeom !=null" v-model="applicationDetail.tHouseApplyEnd.zhenGeom" type="primary" style="float: right;width:100%;height:40px" @click="dingweiCommitLook('tHouseApplyEndZhen')">查看现场位置</van-button>-->
                  <!--                    </van-cell>-->
                  <field-date-picker
                    v-model="applicationDetail.ydjfys.xzzfyssj"
                    label="审批日期"
                    placeholder="选择日期"
                    :rules="[{ required: true }]"
                    formatter="yyyy-MM-dd"
                    required
                    :readonly="!formEnabled.acceptingForm.townFormEnabled"
                  />
                </van-col>
              </van-row>
            </div>

            <van-field rows="3" :autosize="true" type="textarea" label="备注" label-width="auto" placeholder="备注"
                       :readonly="!formEnabled.acceptingForm.townFormEnabled" v-model="applicationDetail.ydjfys.bz"
                       input-align="left"></van-field>
          </template>
        </template>

      </van-form>
    </div>

    <!-- 底部按钮 -->
    <van-goods-action style="z-index: 999;">
      <van-goods-action-icon icon="label-o" text="附件" @click="openAttachment" color="#1D6FE9"/>
      <template v-if="formVisible.editVisible">
        <van-goods-action-button type="info" text="保存" @click="onSubmit('add')"
                                 :disabled="!formEnabled.baseApplyEnabled" v-if="formEnabled.baseApplyEnabled"/>
        <van-goods-action-button type="info" :text="formEnabled.baseApplyEnabled ? '保存并提交' : '提交'"
                                 @click="onSubmit(formEnabled.baseApplyEnabled ? 'save_and_submit' : 'submit')"
                                 :disabled="!formEnabled.submitEnabled"/>
      </template>
      <template v-else-if="formEnabled.landscopeEnabled">
        <van-goods-action-button type="info" text="提交开工" @click="onSubmit('start_and_submit')"/>
      </template>
      <template v-else-if="formEnabled.acceptingEnabled">
        <van-goods-action-button type="info" text="提交验收" @click="onSubmit('end')"/>
      </template>
      <template v-else-if="formVisible.auditVisible">
        <van-goods-action-button type="info" text="同意" @click="onSubmit('agree')"/>
        <van-goods-action-button type="danger" text="驳回" @click="onSubmit('reject')"/>
      </template>
    </van-goods-action>

    <!-- 3组附件 -->
    <van-popup
      v-model="attachmentVisible"
      closeable
      position="top"
      :style="{ height: '61.8%' }"
      :close-on-click-overlay="proposerStatus == 1"
      :lazy-render="false"
    >
      <van-tabs type="card" style="padding-top: 1.35rem;" color="#1D6FE9" :lazy-render="false"
                v-model="attachmentActive" ref="attachmentDialog">
        <van-tab title="申请" key="0">
          <home-apply-upload-comp
            :businessType="houseApplyUploadComp.businessType"
            :houseApplyStatus="houseApplyUploadComp.homeApplyStatus"
            :processKey="houseApplyUploadComp.processKey"
            :proposerId="houseApplyUploadComp.proposerId"
            :tableName="houseApplyUploadComp.tableName"
            :readonly="houseApplyUploadComp.readonly"
            :userName="sysFarmer.memberName"
            :full="houseApplyUploadComp.full"
            @uploadFinished="onUploadFinished"
          >
          </home-apply-upload-comp>
        </van-tab>
        <van-tab title="开工" key="1" :disabled="active < 1">
          <home-apply-upload-comp
            :business-type="houseApplyUploadCompStart.businessType"
            :house-apply-status="houseApplyUploadCompStart.homeApplyStatus"
            :process-key="houseApplyUploadCompStart.processKey"
            :proposer-id="houseApplyUploadCompStart.proposerId"
            :table-name="houseApplyUploadCompStart.tableName"
            :readonly="houseApplyUploadCompStart.readonly"
            :userName="sysFarmer.memberName"
            :full="houseApplyUploadCompStart.full"
            @uploadFinished="onUploadFinished"
          >
          </home-apply-upload-comp>
        </van-tab>
        <van-tab title="验收" key="2" :disabled="active < 2">
          <home-apply-upload-comp
            :business-type="houseApplyUploadCompEnd.businessType"
            :house-apply-status="houseApplyUploadCompEnd.homeApplyStatus"
            :process-key="houseApplyUploadCompEnd.processKey"
            :proposer-id="houseApplyUploadCompEnd.proposerId"
            :table-name="houseApplyUploadCompEnd.tableName"
            :userName="sysFarmer.memberName"
            :readonly="houseApplyUploadCompEnd.readonly"
            :full="houseApplyUploadCompEnd.full"
            @uploadFinished="onUploadFinished"
          >
          </home-apply-upload-comp>
        </van-tab>
      </van-tabs>
    </van-popup>

    <!-- 当前流程 -->
    <van-popup
      v-model="flowVisible"
      position="top"
    >
      <div class="flow_main_box">
        <van-row>
          <van-col span="8"><p class="tit"
                               :style="{'background-color': applicationDetail.proposerActiveIndex >= 0 ? '' : '#ABABAB'}">
            01 申请</p></van-col>
          <van-col span="8"><p class="tit"
                               :style="{'background-color': applicationDetail.startActiveIndex >= 0 ? '' : '#ABABAB'}">
            02 开工</p></van-col>
          <van-col span="8"><p class="tit"
                               :style="{'background-color': applicationDetail.endActiveIndex >= 0 ? '' : '#ABABAB'}">03
            验收</p></van-col>
        </van-row>
        <van-row>
          <van-col span="8">
            <van-steps direction="vertical" active-color="#1D6FE9" :active="applicationDetail.proposerActiveIndex"
                       style="padding-left: 0.853333rem;">
              <van-step v-for="(item,index) in applicationDetail.applyStepList" :key="index">{{item}}</van-step>
            </van-steps>
          </van-col>
          <van-col span="8">
            <van-steps direction="vertical" active-color="#1D6FE9" :active="applicationDetail.startActiveIndex"
                       style="padding-left: 0.853333rem;">
              <van-step v-for="(item,index) in applicationDetail.startStepList" :key="index">{{item}}</van-step>
            </van-steps>
          </van-col>
          <van-col span="8">
            <van-steps direction="vertical" active-color="#1D6FE9" :active="applicationDetail.endActiveIndex"
                       style="padding-left: 0.853333rem;">
              <van-step v-for="(item,index) in applicationDetail.endStepList" :key="index">{{item}}</van-step>
            </van-steps>
          </van-col>
        </van-row>
      </div>
    </van-popup>
    <van-popup v-model="showesign" position="bottom" closeable
               close-icon="close">
      <van-row style="margin:0 10%">
        <p class="title" style="margin:20px 0;position:relative;padding-left:20px;font-size:0.5rem">电子签名</p>
      </van-row>
      <van-row style="margin: 0 5% 5% 5%;border:1px solid #BFBFBF;">
        <vue-esign
          ref="esign"
          class="mySign"
          :height="200"
          :isCrop="isCrop"
          :lineWidth="lineWidth"
          :lineColor="lineColor"
          :bgColor.sync="bgColor"
          v-if="!resultImg"
        />
        <img :src="resultImg" alt="" width="100%" height="100%" v-if="resultImg"/>
      </van-row>
      <van-row type="flex" justify="center" style="margin-bottom:20px;">
        <!--v-if="!formEnabled.acceptingForm.townFormEnabled"-->
        <van-col span="6" style="text-align:center;">
          <van-button type="primary" round size="small" @click="handleReset">清空画板</van-button>
        </van-col>
        <van-col span="6" style="text-align:center;">
          <van-button type="primary" round size="small" @click="handleGenerate">保存提交</van-button>
        </van-col>
      </van-row>
    </van-popup>
  </div>
</template>

<script>
  import HomeApplyUploadComp from "@/components/home/HomeApplyUploadComp";
  import HouseLocationPlanComp from "@/components/house/HouseLocationPlanComp";
  import FieldSelect from "@/components/form/FieldSelect";
  import {
    getHomeapplyydjfsqStatus,
    listHomeapplytype,
    getQueryLand,
    saveHomeBaseInfo,
    getHomeMembers,
    allInformationWLHT,
    checkDuplicateBuilding,
    checkDuplicateBuildingQuery,
    submitApplication,
    submitStart,
    updateStart,
    submitCheck,
    getWorkflow,
    selectProposerNh,
    attach
  } from "@/api/sunVillage_info/homestead/application";
  import {A_start} from "@/api/audit/aauditpipeline";
  import {A_listAuditModel} from "@/api/audit/aauditmodel";
  import CommonMap from "@/components/house/CommonMap";
  import FieldDatePicker from "@/components/form/FieldDatePicker";
  import FieldRadio from "@/components/form/FieldRadio";
  import FieldCheckbox from "@/components/form/FieldCheckbox";
  import MultiImageUploadComp from "@/components/house/MultiImageUploadComp"
  import {formatDate} from "element-ui/src/utils/date-util.js";
  import request from '@/utils/request'
  import {Notify, Dialog} from "vant";
  import {uploadFile} from "@/api/homesteadSurvey/zjdzd";
  import {updateOpretion} from "@/api/onlineHome/homestead/application";
  import {REGION} from '@/utils/global';
  import Cookies from "js-cookie";
  import axios from "axios";

  // 意图
  const PROPOSER_VIEW = 1;
  const PROPOSER_EDIT = 2;
  const PROPOSER_ADD = 3;
  // 阶段
  const PROPOSER_STAGE_BASE_APPLY = 0;
  const PROPOSER_STAGE_START = 1;
  const PROPOSER_STAGE_END = 2;
  // 工作流名称
  const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_apply';
  const PROPOSER_STAGE_START_ACTIVITY = 'home_start';
  const PROPOSER_STAGE_END_ACTIVITY = 'home_check';
  // 附件表名
  const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeapply_ydjfsq';
  const PROPOSER_STAGE_START_TABLE = 't_homeapply_ydjfkg';
  const PROPOSER_STAGE_END_TABLE = 't_homeapply_ydjfys';
  // 其他
  const PROPOSER_MODULE = 'home';

  export default {
    name: "homeApplication",
    components: {
      FieldCheckbox,
      FieldRadio,
      HomeApplyUploadComp,
      FieldDatePicker,
      CommonMap,
      FieldSelect,
      HouseLocationPlanComp,
      MultiImageUploadComp
    },
    data() {
      return {
        // 当前流程步骤
        active: 0,
        // 申请ID
        id: '',
        // 表单数据
        applicationDetail: {},
        // 当前家庭成员展开
        activeNames: ['1'],
        showNhxx: false,
        showTyt: false,
        wztUpdate: false,
        tytzName: null,
        //农户信息集合
        nhxxList: [],
        zjddmColumns: [],
        zjdzdxxList: [],
        fileTypeList: [],
        fileIdList: [],
        zjdzdxxDetailed: {
          zdszd: null,
          zdszn: null,
          zdszx: null,
          zdszb: null
        },
        tytzList: [],
        jflxColumns: [],
        zjdzdxxDetailedShow: false,
        deptId: null,
        sysFarmer: {memberName: "", dept: null},
        showZjddm: null,
        region: null,
        showZjdzk: false,
        // 当前显示流程
        selectedTabName: 0,
        processKeyField: null,
        spTableName:"t_homeapply_ydjfsp",
        // 表单意图
        proposerStatus: PROPOSER_VIEW,
        // 显示控制
        formVisible: {
          baseApplyFormVisible: true,
          editVisible: false,
          baseApplyForm: {
            baseFormVisible: true,
            homesteadFormVisible: false,
            groupFormVisible: false,
            villageFormVisible: false,
            townFormVisible: false,
            agricultureFormVisible: false,
            buildingFormVisible: false,
            nature_resourceFormVisible: false,
            homesteadForm: {
              keepVisible: false, // 是否显示宅基地保留输入
              otherVisible: false, // 是否显示宅基地其他输入
            }
          },
          landscopeVisible: false,
          landscopeForm: {
            baseFormVisible: false,
            nature_resourceFormVisible: false,
          },
          acceptingVisible: false,
          acceptingForm: {
            baseFormVisible: false,
            townFormVisible: false,
            agricultureFormVisible: false,
            nature_resourceFormVisible: false,
            buildingFormVisible: false,
          },
          auditVisible: false,
        },
        // 表单启用控制
        formEnabled: {
          baseApplyEnabled: false,
          submitEnabled: false,
          ysnrEnable: false,
          baseApplyForm: {
            baseFormEnabled: false,
            homesteadFormEnabled: false,
            groupFormEnabled: false,
            villageFormEnabled: false,
            townFormEnabled: false,
            agricultureFormEnabled: false,
            buildingFormEnabled: false,
            nature_resourceFormEnabled: false,
          },
          landscopeEnabled: false,
          landscopeForm: {
            baseFormEnabled: false,
            nature_resourceFormEnabled: false,
          },
          acceptingEnabled: false,
          acceptingForm: {
            baseFormEnabled: false,
            townFormEnabled: false,
            agricultureFormEnabled: false,
            nature_resourceFormEnabled: false,
          },
        },
        // 申请附件树
        houseApplyUploadComp: {
          businessType: PROPOSER_MODULE,
          proposerId: null,
          houseApplyStatus: null,
          processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY,
          tableName: PROPOSER_STAGE_BASE_APPLY_TABLE,
          attachmentList: [],
          readonly: false,
          full: false,
        },
        // 开工附件树
        houseApplyUploadCompStart: {
          businessType: PROPOSER_MODULE,
          proposerId: null,
          houseApplyStatus: null,
          processKey: PROPOSER_STAGE_START_ACTIVITY,
          tableName: PROPOSER_STAGE_START_TABLE,
          attachmentList: [],
          readonly: false,
          full: false,
        },
        // 验收附件树
        houseApplyUploadCompEnd: {
          businessType: PROPOSER_MODULE,
          proposerId: null,
          houseApplyStatus: null,
          processKey: PROPOSER_STAGE_END_ACTIVITY,
          tableName: PROPOSER_STAGE_END_TABLE,
          attachmentList: [],
          readonly: false,
          full: false,
        },
        currentUserRole: null,
        // 当前位置信息
        tGeoOrganizationLat: null,
        tGeoOrganizationLng: null,
        // 表单默认值
        form: {
          villagerOpinion: "经审查，材料真实有效，符合建房安全、无纠纷，同意申报。",
          villageOption: "经审查，{sqhhzxm}宅基地和建房申请材料真实有效，拟用地{nsqzjddz}符合村庄规划，相邻人{isAdvice}无异议，同意其宅基地和建房申请。",
          // applicationDetail.tHouseApplyProposer.memberName, applicationDetail.tHouseApplyProposedSituation.location, null
          groupOption: "经讨论和公示无异议，{sqhhzxm}符合农村宅基地申请资格，同意{sqhhzxm}的农村宅基地和建房申请。",
          // applicationDetail.tHouseApplyProposer.memberName, applicationDetail.tHouseApplyProposer.memberName
        },
        // 工作流
        taskId: null,
        instanceId: null,
        // 村级领导审核
        uploadImgVillage: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 自然资源领导审批
        uploadImgNature: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 农村农业部领导审批
        uploadImgAgriculture: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 其他部门领导审批
        uploadImgOther: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 镇级领导审批
        uploadImgTown: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 验收自然资源领导审批
        uploadImgEndNaturePlan: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 验收农村农业部领导审批
        uploadImgEndNongyePlan: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 验收其他部门领导审批
        uploadImgEndBuildingPlan: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 验收镇级领导审批
        uploadImgEndZhenPlan: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 申请镇政府审批平面图
        uploadImg: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 验收镇政府审批平面图
        uploadImgAccepting: {
          proposerId: null,
          fileList: '',
          uploadFileList: [],
          removeFileList: [],
        },
        // 地图绘制
        drawInsert: null,
        // 附件弹出框显示
        attachmentVisible: false,
        // 工作流弹出框显示
        flowVisible: false,
        // 是/否字典
        yesNoOptions: [
          {dictLabel: '是', dictValue: '1'},
          {dictLabel: '否', dictValue: '0'},
        ],
        yhzgxOptions: [],
        // 当前附件tab
        attachmentActive: 0,
        // 家庭成员tab
        familyMembersActive: 0,
        //电子签名
        showesign: false,
        //部门签字判断
        onCliceQz: "",
        lineWidth: 6, // 画笔的线条粗细
        lineColor: "#000000", // 画笔的颜色
        bgColor: "", // 画布的背景颜色
        resultImg: "", // 最终画布生成的base64图片
        isCrop: false, // 是否裁剪，在画布设定尺寸基础上裁掉四周空白部分
        mapShow: false,
        mapZbDw: "",
        mapBcZb: "",   //定位坐标
        mapZbNow: "", //当前查看坐标
      };
    },
    created() {
      this.id = this.$route.query.id;
      this.type = this.$route.query.type;
      this.taskId = this.$route.query.taskId;
      this.auditbatchNo = this.$route.query.auditbatchNo;
      this.$set(this.applicationDetail, "fileList", this.fileIdList);
      this.getDicts("family_status").then(response => {
        let arr = [];
        response.data.forEach(function (item) {
          if (item.dictLabel !== '户主') {
            arr.push(item)
          }
        })
        this.yhzgxOptions = arr;
      });
      this.getDicts("building_type").then(response => {
        this.jflxColumns = response.data;
      });
      if (this.type !== "add") {
        getHomeapplyydjfsqStatus(this.id).then(response => {
          this.region = response.data.region;
          this.deptId = response.data.deptId;
          console.info(response.data.deptId);
        });
      } else {
        this.deptId = this.sysFarmer.deptId;
      }
      if (this.type === "todo" || this.type === "done") {
        this.$set(this.sysFarmer, 'memberName', this.$store.getters.nickName);
      } else {
        if (Cookies.get('user')) {
          this.sysFarmer = JSON.parse(Cookies.get('user'));
        } else {
          this.$router.push('/sunVillage_info/login_code')
        }
      }
      this.getFormIntent();
      this.getDetail();
      // this.getLandCoord();
    },
    methods: {
      guidProduct() {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
          var r = Math.random() * 16 | 0,
            v = c == 'x' ? r : (r & 0x3 | 0x8);
          return v.toString(16);
        });
      },
      isYiLong: function () {
        return this.region === REGION.YI_LONG_XIAN;
      },
      // 打开工作流程
      goFlow() {
        this.flowVisible = true;
        //window.location='flowChart?id='+this.id + '&processKey=WLHT';
      },
      // 初始化当前数据, 有ID则查询, 否则新增
      getDetail() {
        this.reset();
        if (this.id) {
          if (this.type === "edit") {
            this.proposerStatus = PROPOSER_EDIT;
          }
          allInformationWLHT(this.id).then(response => {
            listHomeapplytype({deptId: response.data.deptId, status: "0"}).then(res => {
              this.tytzList = res.rows;
              for (let i = 0; i < res.rows.length; i++) {
                //_this.infoList[i].push({text: response.rows[i].name, value: response.rows[i].code});
                if (res.rows[i].id === response.data.tyhxt) {
                  this.tytzName = res.rows[i].name;
                }
              }
            });
            this.init(response.data);
          });
        } else {
          listHomeapplytype({deptId: this.sysFarmer.deptId, status: "0"}).then(response => {
            let _this = this;
            this.tytzList = response.rows;
            this.init();
            this.getApplyerDetail(this.sysFarmer);
          });
        }
      },
      // 绘制申请地图
      pointDarw(data) {
        this.$nextTick(() => {
          let map = this.$refs.pointDarwMap;
          if (data === null)
            if (this.applicationDetail.ydjfkg != null) {
              data = this.applicationDetail.ydjfkg.theGeomJson;
              this.setMapData(map, data);
            }
        });
      },
      // 绘制验收地图
      pointWrapAcceptance(data) {
        this.$nextTick(() => {
          let map = this.$refs.pointDarwAcceptanceMap;
          if (data === null)
            if (data === null) {
              if (this.applicationDetail.tHouseApplyEnd && this.applicationDetail.tHouseApplyEnd.theGeom)
                data = this.applicationDetail.tHouseApplyEnd.theGeom;
              else {
                if (this.applicationDetail.tHouseApproveNatureOptions && this.applicationDetail.tHouseApproveNatureOptions.theGeom)
                  data = this.applicationDetail.tHouseApproveNatureOptions.theGeom;
              }
            }
          this.setMapData(map, data);
        });
      },
      // 绘制开工地图
      paintStartNatureMap(data) {
        this.$nextTick(() => {
          let map = this.$refs.startNatureMap;
          // if(data === null)
          // {
          //   if(this.applicationDetail.tHouseApproveNatureOptions && this.applicationDetail.tHouseApproveNatureOptions.theGeom)
          //     data = this.applicationDetail.tHouseApproveNatureOptions.theGeom;
          //   else {
          //     if(this.applicationDetail.theGeom)
          //       data = this.applicationDetail.theGeom;
          //   }
          // }
          // this.setMapData(map, data);
        });
      },
      // 绘制自然资源部门地图
      pointDarwNature(data) {
        this.$nextTick(() => {
          let map = this.$refs.pointDarwNatureMap;
          if (data === null) {
            if (this.applicationDetail.tHouseApproveNatureOptions && this.applicationDetail.tHouseApproveNatureOptions.theGeom)
              data = this.applicationDetail.tHouseApproveNatureOptions.theGeom;
            else {
              if (this.applicationDetail.theGeom)
                data = this.applicationDetail.theGeom;
            }
          }
          this.setMapData(map, data);
        });
      },
      // 通用设置地图数据函数
      setMapData(map, data) {
        //console.log(map, data ? true : false);
        if (!map) return;
        if (data) {
          map.setLayer('pointDarwLayer', data);
        } else {
          this.getLandCoord((lng, lat) => {
            map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat);
          });
        }
      },
      // 点击流程步骤条, 切换流程表单页
      onStepClicked(index) {
        this.selectTab(index);
      },
      // 全局初始化
      init(value) {
        console.log(value);
        const role = this.$store.getters.roles;
        this.currentUserRole = role[0];
        console.log("当前用户角色: " + role);
        console.info(this.proposerStatus);
        // 局部变量
        let homeApplyStatus = value ? value.homeApplyStatus : -1;
        let proposerId = value ? value.id : null;
        let hasGroupLevel = false; //value.tHouseApplyProposer.hasOwnProperty('hasGroupLevel') ? value.tHouseApplyProposer.hasGroupLevel : this.isGroupLevel;

        console.log("当前申请状态: " + homeApplyStatus);
        this.formVisible.editVisible = false;

        this.formVisible.baseApplyForm.groupFormVisible = false;
        this.formVisible.baseApplyForm.villageFormVisible = false;
        this.formVisible.baseApplyForm.townFormVisible = false;
        this.formVisible.baseApplyForm.agricultureFormVisible = false;
        this.formVisible.baseApplyForm.buildingFormVisible = false;
        this.formVisible.baseApplyForm.nature_resourceFormVisible = false;

        this.formVisible.landscopeVisible = false;
        this.formVisible.landscopeForm.baseFormVisible = false;

        this.formVisible.acceptingVisible = false;
        this.formVisible.acceptingForm.baseFormVisible = false;
        this.formVisible.acceptingForm.townFormVisible = false
        this.formVisible.acceptingForm.agricultureFormVisible = false;
        this.formVisible.acceptingForm.nature_resourceFormVisible = false;

        this.formVisible.auditVisible = false;

        this.formEnabled.baseApplyEnabled = false;
        this.formEnabled.submitEnabled = false;
        this.formEnabled.baseApplyForm.baseFormEnabled = false;
        this.formEnabled.baseApplyForm.homesteadFormEnabled = false;
        this.formEnabled.baseApplyForm.groupFormEnabled = false;
        this.formEnabled.baseApplyForm.villageFormEnabled = false;
        this.formEnabled.baseApplyForm.townFormEnabled = false;
        this.formEnabled.baseApplyForm.agricultureFormEnabled = false;
        this.formEnabled.baseApplyForm.buildingFormEnabled = false;
        this.formEnabled.baseApplyForm.nature_resourceFormEnabled = false;

        this.formEnabled.landscopeEnabled = false;
        this.formEnabled.landscopeForm.baseFormEnabled = false;

        this.formEnabled.acceptingEnabled = false;
        this.formEnabled.acceptingForm.baseFormEnabled = false;
        this.formEnabled.acceptingForm.townFormEnabled = false;
        this.formEnabled.acceptingForm.agricultureFormEnabled = false;
        this.formEnabled.acceptingForm.nature_resourceFormEnabled = false;
        switch (this.proposerStatus) {
          // 查看
          case PROPOSER_VIEW:
            this.formVisible.baseApplyForm.groupFormVisible = hasGroupLevel && this.isNotProposeStatus(homeApplyStatus, ["12", '13']);
            this.formVisible.baseApplyForm.villageFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11", "14"]);
            this.formVisible.baseApplyForm.townFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11", "12", "13", "14", "15", "17", "19", this.isInRoles(role, 'town_leader') ? -99 : '7', this.isInRoles(role, 'town_leader') ? -99 : '8']);
            this.formVisible.baseApplyForm.agricultureFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11", "12", "13", "14", "15", "17", this.isInRoles(role, ['town_leader', 'agriculture']) ? -99 : '7', this.isInRoles(role, ['town_leader', 'agriculture']) ? -99 : '8']);
            this.formVisible.baseApplyForm.buildingFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11", "12", "13", "14", "15", "17", this.isInRoles(role, ['town_leader', 'building']) ? -99 : '7', this.isInRoles(role, ['town_leader', 'building']) ? -99 : '8']);
            this.formVisible.baseApplyForm.nature_resourceFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11", "12", "13", "14", "15", "17", this.isInRoles(role, ['town_leader', 'nature_resource']) ? -99 : '7', this.isInRoles(role, ['town_leader', 'nature_resource']) ? -99 : '8']);

            this.formVisible.landscopeVisible = this.isNotProposeStatus(homeApplyStatus, ["11", "12", "13", "14", "15", "17", "19", "1C", "1D", "1F"]);
            this.formVisible.landscopeForm.baseFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11", "12", "13", "14", "15", "17", "19", "1C", "1D", "1F"]);

            this.formVisible.acceptingVisible = this.isProposeStatus(homeApplyStatus, ["71", "72", "74", "77", "79", "7C", "7F"]);
            this.formVisible.acceptingForm.baseFormVisible = this.isProposeStatus(homeApplyStatus, ["71", "72", "74", "77", "79", "7C", "7F"]);
            this.formVisible.acceptingForm.townFormVisible = this.isProposeStatus(homeApplyStatus, ["7C", "7F"]);
            ;
            this.formVisible.acceptingForm.agricultureFormVisible = this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]);
            this.formVisible.acceptingForm.nature_resourceFormVisible = this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]);
            this.formVisible.acceptingForm.buildingFormVisible = this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]);
            if (this.type == 'done') {
              this.formVisible.editVisible = false;
            }
            console.info(value);
            this.houseApplyUploadComp.full = true;
            this.houseApplyUploadComp.readonly = true;
            this.$set(this.houseApplyUploadComp, "proposerId", proposerId);
            this.houseApplyUploadComp.homeApplyStatus = homeApplyStatus;
            this.houseApplyUploadCompStart.full = true;
            this.houseApplyUploadCompStart.readonly = true;
            this.houseApplyUploadCompStart.proposerId = proposerId;
            this.houseApplyUploadCompStart.houseApplyStatus = homeApplyStatus; // == '10' ? '12' : houseApplyStatus;
            this.houseApplyUploadCompEnd.full = true;
            this.houseApplyUploadCompEnd.readonly = true;
            this.houseApplyUploadCompEnd.proposerId = proposerId;
            this.houseApplyUploadCompEnd.houseApplyStatus = homeApplyStatus;
            console.info(this.houseApplyUploadComp);
            // // 初始化自然资源审批现场图
            // this.uploadImgNature.fileList = value.tHouseApproveNatureOptions ? value.tHouseApproveNatureOptions.naturePlan : '';
            // this.uploadImgNature.proposerId = value.tHouseApplyProposer.id;
            // // 初始化农村农业部审批现场图
            // this.uploadImgAgriculture.fileList = value.tHouseApproveAgricultureOptions ? value.tHouseApproveAgricultureOptions.agriculturePlan : '';
            // this.uploadImgAgriculture.proposerId = value.tHouseApplyProposer.id;
            // // 初始化其他部审批现场图
            // this.uploadImgOther.fileList = value.tHouseApproveOtherOptions ? value.tHouseApproveOtherOptions.otherPlan : '';
            // this.uploadImgOther.proposerId = value.tHouseApplyProposer.id;
            // 初始化镇级审批现场图
            // this.uploadImgTown.fileList = value.tHouseApproveTownOptions ? value.tHouseApproveTownOptions.townPlan : '';
            // this.uploadImgTown.proposerId = value.tHouseApplyProposer.id;
            // 初始化验收农村农业部审批现场图
            // this.uploadImgEndNongyePlan.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.nongyePlan : '';
            // this.uploadImgEndNongyePlan.proposerId = value.tHouseApplyProposer.id;
            // // 初始化验收自然资源部审批现场图
            // this.uploadImgEndNaturePlan.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.naturePlan : '';
            // this.uploadImgEndNaturePlan.proposerId = value.tHouseApplyProposer.id;
            // // 初始化验收其他部门审批现场图
            // this.uploadImgEndBuildingPlan.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.buildingPlan : '';
            // this.uploadImgEndBuildingPlan.proposerId = value.tHouseApplyProposer.id;
            // // 初始化验收镇级审批现场图
            // this.uploadImgEndZhenPlan.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.zhenPlan : '';
            // this.uploadImgEndZhenPlan.proposerId = value.tHouseApplyProposer.id;
            // 初始化申请平面图
            this.uploadImg.fileList = value.ydjfsp ? value.ydjfsp.zjdzlpmwzt : '';
            this.uploadImg.proposerId = this.applicationDetail.id;
            // 初始化验收平面图
            this.uploadImgAccepting.fileList = value.ydjfys ? value.ydjfys.jgpmjt : '';
            this.uploadImgAccepting.proposerId = this.applicationDetail.id;
            console.info(this.uploadImgAccepting);
            //地图查看
            this.applicationDetail = value;
            this.pointDarw(null);
            // this.pointDarwNature(null);
            // this.pointWrapAcceptance(null);
            // this.paintStartNatureMap(null);
            // if(value.homeApplyStage == "1" ){
            //   if(this.applicationDetail.cjxzscyj !=null && this.applicationDetail.cjxzscyj !=''){
            //     this.formVisible.baseApplyForm.villageFormVisible = true;
            //   }
            //   console.info( this.formVisible.baseApplyForm.villageFormVisible);
            //   if(this.applicationDetail.ydjfsp != null && this.applicationDetail.ydjfsp.zfcxjsbmscyj !=null && this.applicationDetail.ydjfsp.zfcxjsbmscyj !=''){
            //     this.formVisible.baseApplyForm.buildingFormVisible = true;
            //   }
            //   if(this.applicationDetail.ydjfsp != null && this.applicationDetail.ydjfsp.nyncbmscyj !=null && this.applicationDetail.ydjfsp.nyncbmscyj !=''){
            //     this.formVisible.baseApplyForm.agricultureFormVisible = true;
            //   }
            //   if(this.applicationDetail.ydjfsp != null && this.applicationDetail.ydjfsp.zrzybmscyj !=null && this.applicationDetail.ydjfsp.zrzybmscyj !=''){
            //     this.formVisible.baseApplyForm.nature_resourceFormVisible = true;
            //   }
            //   if(this.applicationDetail.ydjfsp != null && this.applicationDetail.ydjfsp.xzzfshpzyj !=null && this.applicationDetail.ydjfsp.xzzfshpzyj !=''){
            //     this.formVisible.baseApplyForm.townFormVisible = true;
            //   }
            // }
            // if(value.homeApplyStage == "3" ){
            //   // if(this.applicationDetail.ydjfys.villageOption !=null && this.applicationDetail.ydjfys.villageOption !=''){
            //   //   this.formVisible.baseApplyForm.villageFormVisible = true;
            //   // }
            //   // if(this.applicationDetail.tHouseApproveOtherOptions.approveOption !=null && this.applicationDetail.tHouseApproveOtherOptions.approveOption !=''){
            //   //   this.formVisible.acceptingForm.baseFormVisible = false;
            //   // }
            //   if(this.applicationDetail.ydjfys.nyncbmysyj !=null && this.applicationDetail.ydjfys.nyncbmysyj !=''){
            //     this.formVisible.acceptingForm.agricultureFormVisible = true;
            //   }
            //   if(this.applicationDetail.ydjfys.zrzybmysyj !=null && this.applicationDetail.ydjfys.zrzybmysyj !=''){
            //     this.formVisible.acceptingForm.nature_resourceFormVisible = true;
            //   }
            //   if(this.applicationDetail.ydjfys.zfcxjsbmysyj !=null && this.applicationDetail.ydjfys.zfcxjsbmysyj !=''){
            //     this.formVisible.acceptingForm.buildingFormVisible = true;
            //   }
            //   if(this.applicationDetail.ydjfys.xzzfysyj !=null && this.applicationDetail.ydjfys.xzzfysyj !=''){
            //     this.formVisible.acceptingForm.townFormVisible = true
            //   }
            // }
            break;

          // 编辑/审批
          case PROPOSER_EDIT:
            let handlerName = this.$store.getters.nickName;
            let handlerTime = this.getDate();
            this.applicationDetail = value;
            if (this.type === "todo") {
              if (this.isProposeStatus(homeApplyStatus, ["14"])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail, "cjxzscr", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail, "cjxzscr", this.$route.query.nickName);
                }
              } else if (this.isProposeStatus(homeApplyStatus, ["19"]) && this.isInRoles(role, ['nature_resource'])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail.ydjfsp, "zrzybmscrxm", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail.ydjfsp, "zrzybmscrxm", this.$route.query.nickName);
                }
              } else if (this.isProposeStatus(homeApplyStatus, ["19"]) && this.isInRoles(role, ['agriculture'])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail.ydjfsp, "nyncbmscrxm", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail.ydjfsp, "nyncbmscrxm", this.$route.query.nickName);
                }
              } else if (this.isProposeStatus(homeApplyStatus, ["19"]) && this.isInRoles(role, ['building'])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail.ydjfsp, "zfcxjsbmscrxm", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail.ydjfsp, "zfcxjsbmscrxm", this.$route.query.nickName);
                }
              } else if (this.isProposeStatus(homeApplyStatus, ["1C"]) && this.isInRoles(role, ['town_leader'])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail.ydjfsp, "xzzfshpzrxm", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail.ydjfsp, "xzzfshpzrxm", this.$route.query.nickName);
                }
              } else if (this.isProposeStatus(homeApplyStatus, ["79"]) && this.isInRoles(role, ['nature_resource'])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail.ydjfys, "zrzybmysjbrxm", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail.ydjfys, "zrzybmysjbrxm", this.$route.query.nickName);
                }
              } else if (this.isProposeStatus(homeApplyStatus, ["79"]) && this.isInRoles(role, ['agriculture'])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail.ydjfys, "nyncbmysjbrxm", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail.ydjfys, "nyncbmysjbrxm", this.$route.query.nickName);
                }
              } else if (this.isProposeStatus(homeApplyStatus, ["79"]) && this.isInRoles(role, ['building'])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail.ydjfys, "zfcxjsbmysjbrxm", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail.ydjfys, "zfcxjsbmysjbrxm", this.$route.query.nickName);
                }
              } else if (this.isProposeStatus(homeApplyStatus, ["7C"]) && this.isInRoles(role, ['town_leader'])) {
                if (this.$route.query.electronicSignature != null) {
                  this.$set(this.applicationDetail.ydjfys, "xzzfysjbrxm", this.$route.query.electronicSignature);
                } else {
                  this.$set(this.applicationDetail.ydjfys, "xzzfysjbrxm", this.$route.query.nickName);
                }
              }
            }
            if (this.isProposeStatus(homeApplyStatus, ["71", "72", "74", '77', "79", "7C"])) {
              this.formEnabled.ysnrEnable = true;
            }
            this.formVisible.auditVisible = this.type === 'done' || this.type === 'todo';
            // 申请-组级审批 初始化表单
            if (hasGroupLevel) {
              if (this.isProposeStatus(homeApplyStatus, ["32"])) {
                let defaultGroupOption = this.form.groupOption
                  .replaceAll('{memberName}', this.applicationDetail.sqhhzxm)
                ;
                if (!value.tHouseApproveVillageOptions) {
                  this.$set(this.applicationDetail, 'tHouseApproveVillageOptions', {
                    groupLeader: handlerName,
                    groupTime: handlerTime,
                    groupOption: defaultGroupOption
                  });
                } else {
                  if (!this.applicationDetail.tHouseApproveVillageOptions.groupLeader)
                    this.$set(this.applicationDetail.tHouseApproveVillageOptions, 'groupLeader', handlerName);
                  if (!this.applicationDetail.tHouseApproveVillageOptions.groupTime)
                    this.$set(this.applicationDetail.tHouseApproveVillageOptions, 'groupTime', handlerTime);
                  if (!this.applicationDetail.tHouseApproveVillageOptions.groupOption)
                    this.$set(this.applicationDetail.tHouseApproveVillageOptions, 'groupOption', defaultGroupOption);
                }
              }
            }
            // 申请-草稿
            if (this.isProposeStatus(homeApplyStatus, ["11"])) {
              this.formEnabled.baseApplyForm.baseFormEnabled = true;
              this.formEnabled.baseApplyEnabled = true;
              this.formEnabled.submitEnabled = true;
              this.formVisible.editVisible = true;
            }
            // 申请-村级审核
            else if (this.isProposeStatus(homeApplyStatus, ["14", "15", "17", "19"])) {
              let neighbor = [];
              if (this.applicationDetail.nsqzjdszd) neighbor.push(this.applicationDetail.nsqzjdszd);
              if (this.applicationDetail.nsqzjdszx) neighbor.push(this.applicationDetail.nsqzjdszx);
              if (this.applicationDetail.nsqzjdszn) neighbor.push(this.applicationDetail.nsqzjdszn);
              if (this.applicationDetail.nsqzjdszb) neighbor.push(this.applicationDetail.nsqzjdszb);
              neighbor = neighbor.join('、');
              if (this.applicationDetail.cjxzscyj != null && this.applicationDetail.cjxzscyj !== "") {
                this.$set(this.applicationDetail, 'cjxzscyj', this.applicationDetail.cjxzscyj);
                this.$set(this.applicationDetail, 'cjxzscsj', this.applicationDetail.cjxzscsj);
              } else {
                let defaultVillageOption = this.form.villageOption
                  .replaceAll('{sqhhzxm}', this.applicationDetail.sqhhzxm)
                  .replaceAll('{nsqzjddz}', this.applicationDetail.nsqzjddz)
                  .replaceAll('{isAdvice}', neighbor);
                this.$set(this.applicationDetail, 'cjxzscyj', defaultVillageOption);
                this.$set(this.applicationDetail, 'cjxzscsj', handlerTime);
              }

            }
              // 申请-镇级审批
              // else if(this.isProposeStatus(homeApplyStatus, ["19"]))
              // {
              //   // 自然资源部门
              //   if(!value.tHouseApproveNatureOptions)
              //   {
              //     this.$set(this.applicationDetail, "tHouseApproveNatureOptions", {
              //       landArea: null,
              //       rightsType: null,
              //       east: null, // 东至
              //       west: null, // 西至
              //       south: null, // 南至
              //       north: null, // 北至
              //       //approveLeader: handlerName,
              //       approveLeader: null,
              //       approveOption: null,
              //       approveTime: handlerTime,
              //       theGeom: value.tHouseApplyProposedSituation.theGeom,
              //       naturePlan: null, //现场拍照
              //       theGeomPoint: null,  //现场坐标点
              //     });
              //   }
              //   else {
              //     if(!this.applicationDetail.tHouseApproveNatureOptions.approveLeader)
              //      // this.$set(this.applicationDetail.tHouseApproveNatureOptions, 'approveLeader', handlerName);
              //     if(!this.applicationDetail.tHouseApproveNatureOptions.approveTime)
              //       this.$set(this.applicationDetail.tHouseApproveNatureOptions, 'approveTime', handlerTime);
              //   }
              //   // 农村农业部门
              //   if(!value.tHouseApproveAgricultureOptions)
              //   {
              //     this.$set(this.applicationDetail, "tHouseApproveAgricultureOptions", {
              //       isMembership: null,
              //       isOnehouse: null,
              //       isReviewmaterials: null,
              //       //approveLeader: handlerName,
              //       approveLeader: null,
              //       approveOption: null,
              //       approveTime: handlerTime,
              //       agriculturePlan: null, //现场拍照
              //       theGeomPoint: null,  //现场坐标点
              //     });
              //   }
              //   else {
              //     if(!this.applicationDetail.tHouseApproveAgricultureOptions.approveLeader)
              //       //this.$set(this.applicationDetail.tHouseApproveAgricultureOptions, 'approveLeader', handlerName);
              //     if(!this.applicationDetail.tHouseApproveAgricultureOptions.approveTime)
              //       this.$set(this.applicationDetail.tHouseApproveAgricultureOptions, 'approveTime', handlerTime);
              //   }
              //   // 住建部
              //   if(!value.tHouseApproveOtherOptions)
              //   {
              //     this.$set(this.applicationDetail, "tHouseApproveOtherOptions", {
              //       buildingType: null,
              //       buildingArea: null,
              //       buildingFloors: null,
              //       buildingHight: null,
              //       buildingLandArea: null,
              //       designPaper: "1",
              //       east: null, // 东至
              //       west: null, // 西至
              //       south: null, // 南至
              //       north: null, // 北至
              //       //approveLeader: handlerName,
              //       approveLeader: null,
              //       approveOption: null,
              //       approveTime: handlerTime,
              //       otherPlan: null, //现场拍照
              //       theGeomPoint: null,  //现场坐标点
              //     });
              //   }
              //   else {
              //     if(!this.applicationDetail.tHouseApproveOtherOptions.approveLeader)
              //      // this.$set(this.applicationDetail.tHouseApproveOtherOptions, 'approveLeader', handlerName);
              //     if(!this.applicationDetail.tHouseApproveOtherOptions.approveTime)
              //       this.$set(this.applicationDetail.tHouseApproveOtherOptions, 'approveTime', handlerTime);
              //   }
              //   // 镇政府
              //   if(!value.tHouseApproveTownOptions)
              //   {
              //     this.$set(this.applicationDetail, 'tHouseApproveTownOptions', {
              //       //approveLeader: handlerName,
              //       approveLeader: null,
              //       approveTime: handlerTime,
              //       townPlan: null, //现场拍照
              //       theGeomPoint: null,  //现场坐标点
              //     });
              //   }
              //   else {
              //     if(!this.applicationDetail.tHouseApproveTownOptions.approveLeader)
              //      // this.$set(this.applicationDetail.tHouseApproveTownOptions, 'approveLeader', handlerName);
              //     if(!this.applicationDetail.tHouseApproveTownOptions.approveTime)
              //       this.$set(this.applicationDetail.tHouseApproveTownOptions, 'approveTime', handlerTime);
              //   }
              //   // 勘察
              //   if(!value.tHouseApproveLocationplanOptions)
              //   {
              //     this.$set(this.applicationDetail, 'tHouseApproveLocationplanOptions', {
              //       locationPlan: null,
              //       cartographicUnit: null,
              //       surveyPersonnel: handlerName,
              //       suveyTime: handlerTime,
              //       cartographer: handlerName,
              //       cartographicTime: handlerTime,
              //     });
              //   }
              //   else {
              //     if(!this.applicationDetail.tHouseApproveLocationplanOptions.surveyPersonnel)
              //       this.$set(this.applicationDetail.tHouseApproveLocationplanOptions, 'surveyPersonnel', handlerName);
              //     if(!this.applicationDetail.tHouseApproveLocationplanOptions.suveyTime)
              //       this.$set(this.applicationDetail.tHouseApproveLocationplanOptions, 'suveyTime', handlerTime);
              //     if(!this.applicationDetail.tHouseApproveLocationplanOptions.cartographer)
              //       this.$set(this.applicationDetail.tHouseApproveLocationplanOptions, 'cartographer', handlerName);
              //     if(!this.applicationDetail.tHouseApproveLocationplanOptions.cartographicTime)
              //       this.$set(this.applicationDetail.tHouseApproveLocationplanOptions, 'cartographicTime', handlerTime);
              //   }
              //   console.info(this.formVisible.auditVisible);
              // }

            // 开工申请
            else if (this.isProposeStatus(homeApplyStatus, ["10"])) {
              if (!this.applicationDetail.tHouseApplyStart) {
                this.$set(this.applicationDetail, 'tHouseApplyStart', {
                  startDate: null,
                  endDate: null,
                });
              }
            } else if (this.isProposeStatus(homeApplyStatus, ["71"])) {
              this.$set(this.formEnabled.acceptingForm, 'baseFormEnabled', false);
              if (this.applicationDetail.ydjfys.sfxszfjsbzzc == null)
                this.$set(this.applicationDetail.ydjfys, 'sfxszfjsbzzc', "N");
              if (this.applicationDetail.ydjfys.qtysnr.clrsj == null)
                this.$set(this.applicationDetail.ydjfys.qtysnr, 'clrsj', handlerTime);
              if (this.applicationDetail.ydjfys.qtysnr.dsfwfsj == null)
                this.$set(this.applicationDetail.ydjfys.qtysnr, 'dsfwfsj', handlerTime);
              if (this.applicationDetail.ydjfys.qtysnr.zyjsrysj == null)
                this.$set(this.applicationDetail.ydjfys.qtysnr, 'zyjsrysj', handlerTime);
            }
            // 开工二道场审批

            else if (this.isProposeStatus(homeApplyStatus, ["39"])) {
              if (this.isInRoles(role, ['nature_resource'])) {
                this.formVisible.landscopeForm.nature_resourceFormEnabled = true;
                console.info(this.formVisible.landscopeForm.nature_resourceFormEnabled);
              }
            }
            // 验收镇级审批
            else if (this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"])) {
              if (this.isInRoles(role, ['town_leader'])) {
                if (!this.applicationDetail.ydjfys.jgpmjtjbr) this.applicationDetail.ydjfys.jgpmjtjbr = handlerName;
                if (!this.applicationDetail.ydjfys.xzzfysyj) //this.applicationDetail.tHouseApplyEnd.zhenName = handlerName;
                  if (!this.applicationDetail.ydjfys.xzzfyssj) this.applicationDetail.ydjfys.xzzfyssj = handlerTime;
              }

              if (this.isInRoles(role, ['agriculture'])) {
                if (!this.applicationDetail.ydjfys.nyncbmysyj) //this.applicationDetail.tHouseApplyEnd.nongyeName = handlerName;
                  if (!this.applicationDetail.ydjfys.nyncbmyssj) this.applicationDetail.ydjfys.nyncbmyssj = handlerTime;
              }

              if (this.isInRoles(role, ['nature_resource'])) {
                if (!this.applicationDetail.ydjfys.zrzybmysyj) //this.applicationDetail.tHouseApplyEnd.natureName = handlerName;
                  if (!this.applicationDetail.ydjfys.zrzybmyssj) this.applicationDetail.ydjfys.zrzybmyssj = handlerTime;
              }

              if (this.isInRoles(role, ['building'])) {

                if (!this.applicationDetail.ydjfys.zfcxjsbmysyj) //this.applicationDetail.tHouseApplyEnd.natureName = handlerName;
                  if (!this.applicationDetail.ydjfys.zfcxjsbmyssj) this.applicationDetail.ydjfys.zfcxjsbmyssj = handlerTime;
              }
              if (0) {
                if (!this.applicationDetail.ydjfys.buildingName) //this.applicationDetail.tHouseApplyEnd.buildingName = handlerName;
                  if (!this.applicationDetail.ydjfys.buildingTime) this.applicationDetail.tHouseApplyEnd.buildingTime = handlerTime;
              }

              // if(0) {
              //   if (!this.applicationDetail.ydjfys.isProjectFinished) this.applicationDetail.tHouseApplyEnd.isProjectFinished = 'Y';
              //   if (!this.applicationDetail.ydjfys.isQualifiedQuality) this.applicationDetail.tHouseApplyEnd.isQualifiedQuality = 'Y';
              //   if (!this.applicationDetail.ydjfys.hasBuildingRecord) this.applicationDetail.tHouseApplyEnd.hasBuildingRecord = 'Y';
              //   if (!this.applicationDetail.ydjfys.isSignWarranty) this.applicationDetail.tHouseApplyEnd.isSignWarranty = 'Y';
              //   if (!this.applicationDetail.ydjfys.isHandleProblem) this.applicationDetail.tHouseApplyEnd.isHandleProblem = 'Y';
              //   if (!this.applicationDetail.ydjfys.isDesignPaperSame) this.applicationDetail.tHouseApplyEnd.isDesignPaperSame = 'Y';
              //   if (!this.applicationDetail.ydjfys.isOtherAcceptanceFinished) this.applicationDetail.tHouseApplyEnd.isOtherAcceptanceFinished = 'Y';
              // }
            }

            // 可见/隐藏
            this.formVisible.baseApplyForm.groupFormVisible = hasGroupLevel && this.isNotProposeStatus(homeApplyStatus, ["1", "25"]);
            this.formVisible.baseApplyForm.villageFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11", "31", "71"]);

            if (this.isNotProposeStatus(homeApplyStatus, ["11", "14", "15", "17", "31", "34", '71', '74'])) {

              if (this.isInRoles(role, ['town_leader', 'agriculture'])) {
                this.formVisible.baseApplyForm.agricultureFormVisible = true;
                // this.applicationDetail.tHouseApproveAgricultureOptions.approveOption = null;
                // this.applicationDetail.tHouseApproveAgricultureOptions.approveLeader = null;
                this.applicationDetail.ydjfsp.nyncbmscsj = handlerTime;
              }
              if (this.isInRoles(role, ['town_leader', 'building'])) {
                this.formVisible.baseApplyForm.buildingFormVisible = true;
                // this.applicationDetail.tHouseApproveOtherOptions.approveOption = null;
                // this.applicationDetail.tHouseApproveOtherOptions.approveLeader = null;
                this.applicationDetail.ydjfsp.zfcxjsbmscsj = handlerTime;
              }
              if (this.isInRoles(role, ['town_leader', 'nature_resource'])) {
                this.formVisible.baseApplyForm.nature_resourceFormVisible = true;
                // this.applicationDetail.tHouseApproveNatureOptions.approveOption = null;
                // this.applicationDetail.tHouseApproveNatureOptions.approveLeader = null;
                this.applicationDetail.ydjfsp.zrzybmscsj = handlerTime;
              }
              if (this.isInRoles(role, ['town_leader'])) {
                this.formVisible.baseApplyForm.townFormVisible = true;
                // this.applicationDetail.tHouseApproveTownOptions.approveOption = null;
                // this.applicationDetail.tHouseApproveTownOptions.approveLeader = null;
                this.applicationDetail.ydjfsp.xzzfshpzsj = handlerTime;
                this.applicationDetail.ydjfsp.zjdzlpmwzxctksj = handlerTime;
                this.applicationDetail.ydjfsp.zckcsj = handlerTime;
                this.wztUpdate = true;
              }
            }

            this.formVisible.landscopeVisible = this.isNotProposeStatus(homeApplyStatus, ["12", "14", "15", "19", "1C", "1D", '1F',]);
            this.formVisible.landscopeForm.baseFormVisible = this.isNotProposeStatus(homeApplyStatus, ["1", "32", "2", "3", "31", '4', '5', '6', '7', '8', '9', "25"]);

            //this.formVisible.baseApplyForm.townFormVisible = this.landscopeVisible
            this.formVisible.acceptingVisible = this.isProposeStatus(homeApplyStatus, ["71", "72", "74", "77", "79", "7C", "7F"]);
            this.formVisible.acceptingForm.baseFormVisible = this.isProposeStatus(homeApplyStatus, ["71", "72", "74", "77", "79", "7C", "7F"]);
            //   selectProposerNh({hzzjhm:this.applicationDetail.sqhhzsfzh,deptId:value.deptId}).then(res => {
            //     if(res.rows.length > 0){
            //       this.getMemberCurrentSituation(res.rows[0].id);
            //     }
            // });

            (this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]))
          {
            if (this.isInRoles(role, ['town_leader', 'agriculture'])) {
              this.formVisible.acceptingForm.agricultureFormVisible = true;
            }
            if (this.isInRoles(role, ['town_leader', 'nature_resource'])) {
              this.formVisible.acceptingForm.nature_resourceFormVisible = true;
            }
            if (this.isInRoles(role, ['town_leader', 'building'])) {
              this.formVisible.acceptingForm.buildingFormVisible = true;
            }
            if (this.isInRoles(role, ['town_leader'])) {
              this.formVisible.acceptingForm.townFormVisible = true;
            }
          }
            // 禁用/启用
            this.formEnabled.baseApplyForm.groupFormEnabled = hasGroupLevel && this.isProposeStatus(homeApplyStatus, ["12", '32', "72"]) && this.isInRoles(role, 'village_group_leader');
            this.formEnabled.baseApplyForm.villageFormEnabled = this.isProposeStatus(homeApplyStatus, ["14", "34", "74"]) && this.isInRoles(role, 'village_leader');
            // //驳回时审批意见及签名清空
            // if(this.formEnabled.baseApplyForm.villageFormEnabled){
            //   this.applicationDetail.tHouseApproveVillageOptions.villageLeader = null;
            //   //this.applicationDetail.tHouseApproveVillageOptions.
            // }
            if (this.isProposeStatus(homeApplyStatus, ['19', "1C"])) {
              if (this.isInRoles(role, ['agriculture'])) {
                this.formEnabled.baseApplyForm.agricultureFormEnabled = true;
              }
              if (this.isInRoles(role, ['building'])) {
                this.formEnabled.baseApplyForm.buildingFormEnabled = true;
              }
              if (this.isInRoles(role, ['nature_resource'])) {
                this.formEnabled.baseApplyForm.nature_resourceFormEnabled = true;
              }
              if (this.isInRoles(role, ['town_leader'])) {
                this.formEnabled.baseApplyForm.townFormEnabled = true;
              }
            }
            this.formEnabled.landscopeEnabled = this.isProposeStatus(homeApplyStatus, ['31']);
            this.formEnabled.landscopeForm.baseFormEnabled = this.isProposeStatus(homeApplyStatus, ['31']);

            this.formEnabled.acceptingEnabled = this.isProposeStatus(homeApplyStatus, ['71']);
            this.formEnabled.acceptingForm.baseFormEnabled = this.isProposeStatus(homeApplyStatus, ['71']);
            if (this.isProposeStatus(homeApplyStatus, ['79', "7C"])) {
              if (this.isInRoles(role, ['agriculture'])) {
                this.formEnabled.acceptingForm.agricultureFormEnabled = true;
              }
              if (this.isInRoles(role, ['nature_resource'])) {
                this.formEnabled.acceptingForm.nature_resourceFormEnabled = true;
              }
              if (this.isInRoles(role, ['building'])) {
                this.formEnabled.acceptingForm.buildingFormEnabled = true;
              }
              if (this.isInRoles(role, ['town_leader'])) {
                this.formEnabled.acceptingForm.townFormEnabled = true;
              }
            }

            // this.applicationDetail.tHouseApplyProposer = value.tHouseApplyProposer;
            // this.applicationDetail.tHouseApplyCurrentSituation = value.tHouseApplyCurrentSituation;
            // this.applicationDetail.tHouseApplyProposedSituation = value.tHouseApplyProposedSituation;
            //this.formEnabled.landscopeEnabled = value.startDraft;

            //this.formVisible.baseApplyForm.townFormVisible = this.isLandscope(homeApplyStatus, ["12", "13", "14", "15", "16", "17", "28", "19", "18"]);
            //this.formVisible.baseApplyForm.townFormVisible = this.isProposeStatus(houseApplyStatus, ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"]);
            //this.applicationDetail.tHouseApplyProposer = this.isProposeStatus(houseApplyStatus, ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"]);
            //this.formVisible.baseApplyForm.villageFormVisible = this.isProposeStatus(houseApplyStatus, ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"]);
            //this.formVisible.acceptingVisible = this.isProposeStatus(houseApplyStatus, ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"]);

            if (this.isLandscope()) {
              this.houseApplyUploadComp.full = true;
              this.houseApplyUploadCompStart.full = false;
              this.houseApplyUploadCompEnd.full = false;
              this.houseApplyUploadComp.readonly = homeApplyStatus != '11';
              this.houseApplyUploadCompStart.readonly = false;
              this.houseApplyUploadCompEnd.readonly = true;
            } else if (this.isAccepting()) {
              this.houseApplyUploadComp.full = true;
              this.houseApplyUploadCompStart.full = true;
              this.houseApplyUploadCompEnd.full = false;
              this.houseApplyUploadComp.readonly = true;
              this.houseApplyUploadCompStart.readonly = true;
              this.houseApplyUploadCompEnd.readonly = false;
            } else { // this.isBaseApply()
              this.houseApplyUploadComp.full = false;
              this.houseApplyUploadCompStart.full = false;
              this.houseApplyUploadCompEnd.full = false;
              this.houseApplyUploadComp.readonly = false;
              this.houseApplyUploadCompStart.readonly = homeApplyStatus == '11' ? false : true;
              this.houseApplyUploadCompEnd.readonly = true;
            }

            this.houseApplyUploadComp.proposerId = proposerId;
            this.houseApplyUploadComp.homeApplyStatus = homeApplyStatus == '12' ? '10' : homeApplyStatus; // 申请通过是10 被驳回是12;
            this.houseApplyUploadCompStart.proposerId = proposerId;
            this.houseApplyUploadCompStart.homeApplyStatus = homeApplyStatus == '10' ? '12' : homeApplyStatus; // 申请通过是10 被驳回是12
            this.houseApplyUploadCompEnd.proposerId = proposerId;
            this.houseApplyUploadCompEnd.homeApplyStatus = homeApplyStatus;
            // 初始化村级审核现场图
            this.uploadImgVillage.fileList = value.tHouseApproveVillageOptions ? value.tHouseApproveVillageOptions.villagePlan : '';
            this.uploadImgVillage.proposerId = value.id;
            // 初始化自然资源审批现场图
            this.uploadImgNature.fileList = value.tHouseApproveNatureOptions ? value.tHouseApproveNatureOptions.naturePlan : '';
            this.uploadImgNature.proposerId = value.id;
            // 初始化其他部审批现场图
            this.uploadImgOther.fileList = value.tHouseApproveOtherOptions ? value.tHouseApproveOtherOptions.otherPlan : '';
            this.uploadImgOther.proposerId = value.id;
            // 初始化农村农业部审批现场图
            this.uploadImgAgriculture.fileList = value.tHouseApproveAgricultureOptions ? value.tHouseApproveAgricultureOptions.agriculturePlan : '';
            this.uploadImgAgriculture.proposerId = value.id;
            // 初始化镇级审批现场图
            this.uploadImgTown.fileList = value.tHouseApproveTownOptions ? value.tHouseApproveTownOptions.townPlan : '';
            this.uploadImgTown.proposerId = value.id;
            // 初始化验收农村农业部审批现场图
            this.uploadImgEndNongyePlan.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.nongyePlan : '';
            this.uploadImgEndNongyePlan.proposerId = value.id;
            // 初始化验收自然资源部审批现场图
            this.uploadImgEndNaturePlan.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.naturePlan : '';
            this.uploadImgEndNaturePlan.proposerId = value.id;
            // 初始化验收其他部门审批现场图
            this.uploadImgEndBuildingPlan.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.buildingPlan : '';
            this.uploadImgEndBuildingPlan.proposerId = value.id;
            // 初始化验收镇级审批现场图
            this.uploadImgEndZhenPlan.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.zhenPlan : '';
            this.uploadImgEndZhenPlan.proposerId = value.id;
            // 初始化申请平面图
            this.applicationDetail.tHouseApproveLocationplanOptions = value.tHouseApproveLocationplanOptions;
            this.uploadImg.fileList = value.ydjfsp ? value.ydjfsp.zjdzlpmwzt : '';
            this.uploadImg.proposerId = this.applicationDetail.id;

            this.uploadImgAccepting.fileList = value.ydjfys ? value.ydjfys.jgpmjt : '';
            this.uploadImgAccepting.proposerId = this.applicationDetail.id;

            console.info("-------------------------" + role + "-------------------------");
            //地图编辑
            this.pointDarw(null);
            // this.pointDarwNature(null);
            // this.pointWrapAcceptance(null);
            // this.paintStartNatureMap(null);
            break;

          // 新建
          case PROPOSER_ADD:
            this.formEnabled.baseApplyEnabled = true;
            this.formEnabled.baseApplyForm.baseFormEnabled = true;
            this.formEnabled.submitEnabled = true;
            this.formVisible.editVisible = true;

            this.houseApplyUploadComp.full = false;
            this.houseApplyUploadComp.readonly = false;
            this.houseApplyUploadComp.homeApplyStatus = '11';
            this.houseApplyUploadComp.proposerId = -1;
            this.$nextTick(() => {
              getWorkflow(this.sysFarmer.deptId).then((resp) => {
                this.$set(this.applicationDetail, 'proposerActiveIndex', 0);
                this.$set(this.applicationDetail, 'startActiveIndex', -1);
                this.$set(this.applicationDetail, 'endActiveIndex', -1);
                this.$set(this.applicationDetail, 'applyStepList', resp.data.applyStepList.name);
                this.$set(this.applicationDetail, 'startStepList', resp.data.startStepList.name);
                this.$set(this.applicationDetail, 'endStepList', resp.data.endStepList.name);
              });
            })
            this.pointDarw();

            //this.initData();
            break;
        }

        // 通用设置
        // if(this.type =='done' && this.applicationDetail.tHouseApplyEnd == null && this.applicationDetail.tHouseApplyEnd.taskId ==null){
        if (this.type == 'done' && this.applicationDetail.ydjfys == null) {
          if (this.isAccepting()) {
            this.active = PROPOSER_STAGE_START;
            this.selectedTabName = PROPOSER_STAGE_START;
            this.processKeyField = PROPOSER_STAGE_START_ACTIVITY;
            this.attachmentActive = PROPOSER_STAGE_START;
          } else if (this.isLandscope()) {
            this.active = PROPOSER_STAGE_START;
            this.selectedTabName = PROPOSER_STAGE_START;
            this.processKeyField = PROPOSER_STAGE_START_ACTIVITY;
            this.attachmentActive = PROPOSER_STAGE_START;
          } else { // this.isBaseApply()
            this.active = PROPOSER_STAGE_BASE_APPLY;
            this.selectedTabName = PROPOSER_STAGE_BASE_APPLY;
            this.attachmentActive = PROPOSER_STAGE_BASE_APPLY;
            // 编辑时且为申请通过状态 -> 填写开工
            if (this.proposerStatus == PROPOSER_EDIT && homeApplyStatus == '10') {
              this.active = PROPOSER_STAGE_START;
              this.selectedTabName = PROPOSER_STAGE_START;
              this.attachmentActive = PROPOSER_STAGE_START;
            }

            this.processKeyField = PROPOSER_STAGE_BASE_APPLY_ACTIVITY;
          }
        } else {
          console.info(this.applicationDetail);
          if (this.isLandscope()) {
            this.active = PROPOSER_STAGE_START;
            this.selectedTabName = PROPOSER_STAGE_START;
            this.processKeyField = PROPOSER_STAGE_START_ACTIVITY;
            this.attachmentActive = PROPOSER_STAGE_START;
          } else if (this.isAccepting()) {
            this.active = PROPOSER_STAGE_END;
            this.selectedTabName = PROPOSER_STAGE_END;
            // 编辑时且为申请通过状态 -> 查看验收草稿
            if (this.proposerStatus == PROPOSER_VIEW && this.isProposeStatus(homeApplyStatus, ["3F"])) {
              this.selectedTabName = PROPOSER_STAGE_START;
            }
            this.processKeyField = PROPOSER_STAGE_END_ACTIVITY;
            this.attachmentActive = PROPOSER_STAGE_END;
          } else { // this.isBaseApply()
            this.active = PROPOSER_STAGE_BASE_APPLY;
            this.selectedTabName = PROPOSER_STAGE_BASE_APPLY;
            this.attachmentActive = PROPOSER_STAGE_BASE_APPLY;
            // 编辑时且为申请通过状态 -> 填写开工
            if (this.proposerStatus == PROPOSER_EDIT && homeApplyStatus == '1F') {
              this.active = PROPOSER_STAGE_START;
              this.selectedTabName = PROPOSER_STAGE_START;
              this.attachmentActive = PROPOSER_STAGE_START;
            }

            this.processKeyField = PROPOSER_STAGE_BASE_APPLY_ACTIVITY;
          }
        }
      },
      onJflxChanged(val) {
        let _this = this;
        this.jflxColumns.map(function (item) {
          if (item.dictValue === val) {
            _this.$set(_this.applicationDetail, 'projectName', item.dictLabel);
            _this.$set(_this.applicationDetail, 'jflx', item.dictValue);
          }
        });
      },
      // 获取query的意图
      getFormIntent() {
        console.log(this.type);
        switch (this.type) {
          case 'done':
          case 'view':
            this.proposerStatus = PROPOSER_VIEW;
            break;
          case 'add':
            this.proposerStatus = PROPOSER_ADD;
            break;
          case 'modify':
          case 'audit':
          case 'todo':
            this.proposerStatus = PROPOSER_EDIT;
            break;
          default:
            this.proposerStatus = PROPOSER_VIEW;
            break;
        }
        return this.proposerStatus;
      },
      // 获取日期, yyyy-MM-dd
      getDate(d) {
        return formatDate(d ? d : new Date(), 'yyyy-MM-dd');
      },
      // 初始化基础表单
      reset() {
        this.applicationDetail = {
          sqhhzxm: "",
          sqhhzxb: "",
          sqhhznl: "" /* 年龄*/,
          sqhhzlxdh: "",
          sqhhzsfzh: "",
          sqhhzhkszd: "",
          sqhjtzz: "",
          members: 0, // 家庭人口数
          applyTime: this.getDate(),
          sqly: "",
          houseSource: "建房申请来源{农户自制,协管代办}", // 字典
          homeApplyStatus: "", // 字典
          auditStatus: "", // 字典
          taskId: "",
          taskName: "",
          auditbatchNo: "",
          processKey: "",
          existHomestead: "N",
          xzjdmj: null, //现宅基地面积
          qszsh: null,//权属证书号
          xjzmj: null,//现建筑面积
          xzjdczqk: null,// 现宅基地处置情况
          xzjdblmj: null, //现宅基地保留面积m²
          xzjdqtqk: null,// 现宅基地其他情况
          nsqzjddz: null, // 拟申请宅基地地址
          nsqzjdmj: null, // 拟申请宅基地面积
          nsqzjdszd: null, // 东至
          nsqzjdszx: null, // 西至
          nsqzjdszn: null, // 南至
          nsqzjdszb: null, // 北至
          nsqzjddldm: "10", // 地类
          zfjzmj: null, // 建筑面积
          jzcs: null, // 建筑层数
          jzgd: null, // 建筑高度
          sjtz: "1", // 设计图纸
          sfzqxlqlryj: "1", // 是否征求相邻权利人意见
          jflx: "4",
          nsqfjzdmj: null, //房基占地面积
          sqrjtcyList: [],
          fileList: []
        }
      },
      //是否有宅基地选项改变
      existHomesteadChange(name) {
        console.log(name);
        this.applicationDetail.sfzqxlqlryj = name;
        // if (name == 'Y'){
        //   if (!this.applicationDetail.tHouseApplyCurrentSituation){
        //     //现宅基地情况
        //     this.$set(this.applicationDetail, 'tHouseApplyCurrentSituation', {
        //       //宅基地面积
        //       landArea: null,
        //       //人均宅基地面积
        //       landPerArea: null,
        //       //不动产单元号
        //       landCertificateNo: null,
        //       //农民房屋幢号
        //       houseCertificateNo: null,
        //       //建筑面积
        //       buildingArea: null,
        //       //人均建筑面积
        //       buildingPerArea: null,
        //       //现宅基地处置情况 字典 land_isposal
        //       landIsposal: null
        //     });
        //   }
        // }
        // else
        //   this.$set(this.applicationDetail, 'tHouseApplyCurrentSituation', null);
      },
      //添加家庭成员
      addFamily() {
        this.applicationDetail.tHouseApplyProposer.members++;
        this.applicationDetail.tHomeapplySqrjtcys.push({
          //applyProposerId: this.applicationDetail.tHouseApplyFamilyMembers[0].applyProposerId,
          memberName: null,
          age: null,
          familyStatusName: null,
          idcard: null,
          householdRegister: null,
        });
        this.$nextTick(() => {
          this.$refs.memberTabs.scrollTo(this.applicationDetail.tHomeapplySqrjtcys.length - 1);
        });
      },
      //删除家庭成员
      deleteFamily(index) {
        this.applicationDetail.tHouseApplyProposer.members--;
        this.applicationDetail.tHomeapplySqrjtcys.splice(index, 1)
        this.$nextTick(() => {
          this.$refs.memberTabs.scrollTo(Math.max(index - 1, 0));
        });
      },
      remoteTransfereeMethod(val) {
        selectProposerNh({hzxm: val, deptId: this.sysFarmer.deptId}).then(res => {
          this.nhxxList = res.rows;
          this.showNhxx = true;
        });

      },
      //返回上一步操作
      goBack() {

        // this.$router.push({path: '/sunVillage_info/homeApplication/applicationList'});
        // this.$router.back(-1);
        this.$router.push({name: this.$router.back(-1)});
      },
      // 当地图绘制完成时
      onMapDrawFinished(data) {
        console.info(data);
        this.drawInsert = data;
      },
      // 当申请地图被重置时
      onMapDrawReseted() {
        this.drawInsert = null;
        if (this.applicationDetail.ydjfkg.theGeomJson) {
          let lastData = JSON.parse(this.applicationDetail.ydjfkg.theGeomJson);
          if (lastData.hasOwnProperty('coordinates')) // 从后台获取的
            this.drawInsert = lastData.coordinates;
        }
      },
      // 全局提交
      onSubmit(intent) {
        console.log(this.applicationDetail, intent);
        let chars = window.location.href.split("lat=")[1] || "";
        if (chars != "" && chars != null && chars != undefined) {
          this.mapBcZb = [window.location.href.split("lng=")[1] || "", (window.location.href.split("lat=")[1] || "").split("&lng=")[0] || ""];
          this.mapZbQd();
        }
        switch (intent) {
          case 'add':
          case 'modify':
            this.saveProposerApply();
            break;
          case 'submit':
            this.submitApplyProposer();
            break;
          case 'save_and_submit':
            this.saveProposerApply(true);
            break;
          case 'agree':
            this.auditProposer(true);
            break;
          case 'reject':
            this.$dialog.confirm({
              message: '是否确认驳回此条申请',
            }).then(() => {
              this.auditProposer(false);
            });
            break;
          case 'start':
            this.startProposerApply();
            break;
          case 'start_and_submit':
            this.startProposerApply(true);
            break;
          case 'end':
            this.endProposerApply(true);
            break;
          default:
            console.error('Unknown intent! ', intent);
            break;
        }
      },
      // 初次申请草稿的附件上传
      onUploadFinished(fileIdList,fileTypeList) {
        let _this = this;
        this.fileIdList = [];
        this.fileTypeList = [];
        // setTimeout(() => {
          fileIdList.forEach(function (item) {
            _this.fileIdList.push(item.id);
            _this.fileTypeList.push(item.fileType);
          })
        // }, 3000);
        this.$set(this.applicationDetail, "fileList", this.fileIdList);
      },
      // 获取申请人信息
      getApplyerDetail(val) {

        getHomeMembers({idcard: val.idcard}).then(res => {
          if (res.data) {
            this.applicationDetail = res.data;
            this.$set(this.applicationDetail, 'jflx', "4");
            this.$set(this.applicationDetail, 'projectName', "分户新建");
            this.$set(this.applicationDetail, 'nsqzjddldm', "10");
            this.$set(this.applicationDetail, 'sfzqxlqlryj', "1");
            this.$set(this.applicationDetail, 'xzjdczqk', "1");
            this.$set(this.applicationDetail, 'suyqrdm', val.suyqrdm);
            this.$set(this.applicationDetail, 'deptName', val.deptName);
            this.$set(this.applicationDetail, 'createBy', val.memberName);
            if (!this.applicationDetail.sfyyzjd)
              this.applicationDetail.sfyyzjd = 'N';
            this.applicationDetail.applyTime = this.getDate();
            this.getMemberCurrentSituation(val.idcard);
            console.info(this.applicationDetail.sqrjtcyList);
            if (this.applicationDetail.sqrjtcyList.length > 0) {
              for (let i = 0; i < this.applicationDetail.sqrjtcyList.length; i++) {
                this.updateMemberInfo(i);
              }
            }
          }
        });
        this.showNhxx = false;
      },
      // 检查字符串, 不符合返回true
      checkString(value, regexp) {
        let res = value === undefined || value === null || value === '' || value.toString().trim().length === 0;
        if (res)
          return true;
        if (regexp)
          res = !value.match(regexp);
        return res;
      },
      // 保存申请(是否提交)
      saveProposerApply(submit) {
        this.$refs.form.validate().then(() => {
          this.$toast.loading({
            message: "数据处理中...",
            forbidClick: true,
          });
          // setTimeout(() => {
            let msg = this.validateBaseApplyFormBase();;
            if (msg) {
              this.$toast.clear();
              this.notify(msg, 'danger');
              return;
            }
            console.log("进行保存", this.applicationDetail);
            this.$set(this.applicationDetail, 'applyUserId', this.sysFarmer.id);
            this.$set(this.applicationDetail, 'auditStatus', "0");
            saveHomeBaseInfo(this.applicationDetail).then((response) => {
              if (submit) {
                this.id = response.data;
                this.submitApplyProposer();
              } else {
                if (response.code === 200) {
                  this.$toast.clear();
                  this.notify("保存成功", 'success');
                  this.goBack();
                } else {
                  this.$toast.clear();
                  this.notify("保存失败,申请人没有资格权！", 'danger');
                }

              }
            }).catch((e) => {
              this.$toast.clear();
              this.notify("保存失败!", 'danger');
            }).finally(() => {
            });
          // }, 3000);
          // //地图判断
          // if (this.drawInsert != null) {
          //   this.applicationDetail.theGeom = JSON.stringify(this.drawInsert);
          // }
          // else
          // {
          //   if(this.applicationDetail.sfyyzjd === 'Y' && this.applicationDetail.theGeom) // 新增时 && 已有宅基地时 && 重新画过图且被清理掉
          //   {
          //     this.applicationDetail.theGeom = this.convertGeom(this.applicationDetail.theGeom);
          //   }
          // }


        }).catch(e => {
          let msg = this.validateBaseApplyFormBase();
          if (msg) {
            this.notify(msg, 'danger');
            return;
          }
        });
      },
      // 判断状态是否符合
      isProposeStatus(target, arr) {
        if (!Array.isArray(arr))
          arr = arr.split(',');
        return arr.indexOf(target) !== -1;
      },
      // 判断状态是否不符合
      isNotProposeStatus(target, arr) {
        return !this.isProposeStatus(target, arr);
      },
      // 是否当前是申请流程
      isBaseApply() {
        return ["11", "12", "13", "14", "15", "17", "19", "1C", "1D", "1F"].indexOf(this.applicationDetail.homeApplyStatus) !== -1;
      },
      // 是否当前是开工流程
      isLandscope() {
        return ["31", "32", "34", "3C", "3F", "37", "39"].indexOf(this.applicationDetail.homeApplyStatus) !== -1;
      },
      // 是否当前是验收流程
      isAccepting() {
        return ["71", "72", "74", "77", "79", "7C", "7F"].indexOf(this.applicationDetail.homeApplyStatus) !== -1;
      },
      // 获取当前申请人的宅基地信息
      getMemberCurrentSituation(item) {
        let _this = this;
        let farmerCode = this.applicationDetail.nhdm;
        checkDuplicateBuilding({farmerCode: farmerCode}).then(resp => {
          if (resp.data) {
            this.notify(resp.msg, 'danger');
          } else {
            checkDuplicateBuildingQuery(item).then(resp => {
              if (resp.data != null && resp.data != "") {
                this.applicationDetail.sfyyzjd = "Y";
                // 现宅基地及农房情况对象
                if (resp.data.zjdzdxxList.length > 0) {
                  this.zjdzdxxList = resp.data.zjdzdxxList;
                  this.applicationDetail.xzjdmj = resp.data.zjdzdxxList[0].zdmj; //宅基地面积
                  this.applicationDetail.xjzmj = resp.data.zjdzdxxList[0].scjzmj;
                  this.applicationDetail.qszsh = resp.data.zjdzdxxList[0].zsh;
                  this.showZjddm = resp.data.zjdzdxxList[0].zjddm;
                  this.$set(this.zjdzdxxDetailed, 'zdszd', resp.data.zjdzdxxList[0].zdszd);
                  this.$set(this.zjdzdxxDetailed, 'zdszn', resp.data.zjdzdxxList[0].zdszn);
                  this.$set(this.zjdzdxxDetailed, 'zdszx', resp.data.zjdzdxxList[0].zdszx);
                  this.$set(this.zjdzdxxDetailed, 'zdszb', resp.data.zjdzdxxList[0].zdszb);
                  this.$set(this.applicationDetail, 'sfyyzjd', "Y");
                  resp.data.zjdzdxxList.forEach(function (item) {
                    _this.zjddmColumns.push({text: item.zjddm, value: item.zjddm});
                  })
                } else {
                  this.$set(this.applicationDetail, 'sfyyzjd', "N");
                }

                // this.applicationDetail.tHouseApplyCurrentSituation.landPerArea= (resp.data.zdmj/(this.applicationDetail.tHouseApplyProposer.members +1)); //人均宅基地面积
                // this.applicationDetail.tHouseApplyCurrentSituation.landCertificateNo= resp.data.bdcdyh; //不动产单元号
                // this.applicationDetail.tHouseApplyCurrentSituation.buildingArea= resp.data.scjzmj; //建筑面积
                // this.applicationDetail.tHouseApplyCurrentSituation.buildingPerArea= (resp.data.scjzmj/(this.applicationDetail.tHouseApplyProposer.members +1)); //人均建筑面积
                // this.applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo= resp.data.zrzh; //自然幢号
                // this.applicationDetail.tHouseApplyCurrentSituation.landIsposal= null; // 现宅基地处置情况
                // this.applicationDetail.tHouseApplyCurrentSituation.reservedArea= null; // 保留m²
                // this.applicationDetail.tHouseApplyCurrentSituation.otherRemark= null; // 其他
                // this.renderMapRegion(resp.data.theGeom);
              } else {
                // this.applicationDetail.sfyyzjd ="N";
                // // 现宅基地及农房情况对象
                // this.applicationDetail.tHouseApplyCurrentSituation.landArea = null; //宅基地面积
                // this.applicationDetail.tHouseApplyCurrentSituation.landPerArea= null; //人均宅基地面积
                // this.applicationDetail.tHouseApplyCurrentSituation.landCertificateNo= null; //权属证书号
                // this.applicationDetail.tHouseApplyCurrentSituation.buildingPerArea= null; //人均建筑面积
                // this.applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo= null; //权属证书号
                // this.applicationDetail.tHouseApplyCurrentSituation.landIsposal= null; // 现宅基地处置情况
                // this.applicationDetail.tHouseApplyCurrentSituation.reservedArea= null; // 保留m²
                // this.applicationDetail.tHouseApplyCurrentSituation.otherRemark= null; // 其他
                // this.renderMapRegion(null);
              }
            });
          }
        });
      },
      // 绘制现有宅基地地图
      renderMapRegion(json = null) { // json = theGeom
        this.applicationDetail.tHouseApplyProposedSituation.theGeom = json;
        if (json) {
          let obj = JSON.parse(json);
          this.drawInsert = obj.coordinates;
        } else
          this.drawInsert = null;
        this.pointDarw(null);
      },
      // 提交申请
      submitApplyProposer() {

        if (this.applicationDetail.auditStatus == '2' && this.selectedTabName == 0) {
          updateOpretion(this.id).then();
        }

        submitApplication(this.id).then((resp) => {
          this.$toast.clear();
          this.notify("提交成功", 'success');
          this.goBack();
        }).catch((e) => {
          this.notify("提交失败!", 'danger');
        }).finally(() => {
        });
      },
      // 判断角色是否符合
      isInRoles(myRoles, requireRoles) {
        if (!Array.isArray(myRoles))
          myRoles = myRoles.split(',');
        if (!Array.isArray(requireRoles))
          requireRoles = requireRoles.split(',');
        for (let r of requireRoles) {
          if (myRoles.indexOf(r) !== -1)
            return true;
        }
        return false;
      },
      // 转换地图数据用于提交后台
      convertGeom(json) {
        let data = JSON.parse(json);
        if (data.hasOwnProperty('coordinates'))
          return JSON.stringify(data.coordinates);
        return null;
      },
      zkshClick() {
        if (this.zjdzdxxDetailedShow) {
          this.zjdzdxxDetailedShow = false;
        } else {
          this.zjdzdxxDetailedShow = true;
        }
      },
      // 审批(同意/驳回)
      auditProposer(pass) {
        let _this = this;
        switch (this.processKeyField) {
          case PROPOSER_STAGE_BASE_APPLY_ACTIVITY: {
            let comment;
            const role = this.$store.getters.roles[0];
            let msg = "";
            switch (role) {
              case "agriculture":
                msg = this.validateAgricultureForm(pass);
                if (msg) {
                  break;
                }
                comment = this.applicationDetail.ydjfsp.nyncbmscyj;
                // if(this.$refs.pictureUploadApplyingTHouseApproveAgriculture && this.$refs.pictureUploadApplyingTHouseApproveAgriculture.isValid()) {
                //   this.submitHouseApproveAgricultureOptions().then(item=>{
                saveHomeBaseInfo(this.applicationDetail).then((response) => {
                  this.complete(pass, comment);
                }).catch(resp => {
                  this.notify(msg, 'danger');
                  this.notify("保存失败!", 'danger');
                });
                // });
                // } else {
                //   if (this.checkString(this.applicationDetail.tHouseApproveAgricultureOptions.agriculturePlan)) {
                //     msg = "农村农业部门现场拍照不能为空";
                //     break;
                //   }
                // }
                break;
              case "building":
                msg = this.validateBuildingForm(pass);
                if (msg) {
                  break;
                }
                comment = this.applicationDetail.ydjfsp.zfcxjsbmscyj;
                // if(this.$refs.pictureUploadApplyingTHouseApproveOther && this.$refs.pictureUploadApplyingTHouseApproveOther.isValid()) {
                // this.submitHouseApproveOtherOptions().then(item=>{
                //   setTimeout(() => {
                saveHomeBaseInfo(this.applicationDetail).then((response) => {
                  this.complete(pass, comment);
                }).catch(resp => {
                  this.notify(msg, 'danger');
                  this.notify("保存失败!", 'danger');
                });
                //   }, 500);
                // });
                // } else {
                //   if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.otherPlan)) {
                //     msg =  "住建部门现场拍照不能为空";
                //     break;
                //   }
                // }
                break;
              case "nature_resource":
                msg = this.validateNatureForm(pass);
                if (msg) {
                  break;
                }
                this.$set(this.applicationDetail, 'tHouseApproveTownOptions', null);
                this.$set(this.applicationDetail, 'tHouseApproveOtherOptions', null);
                this.$set(this.applicationDetail, 'tHouseApproveAgricultureOptions', null);
                comment = this.applicationDetail.ydjfsp.zrzybmscyj;
                saveHomeBaseInfo(this.applicationDetail).then((response) => {
                  this.complete(pass, comment);
                }).catch(resp => {
                  this.notify(msg, 'danger');
                  this.notify("保存失败!", 'danger');
                });
                break;
              case "town_leader":
                // msg = this.validateAgricultureForm(pass);
                // if (msg) {
                //   break;
                // }
                // msg = this.validateNatureForm();
                // if (msg) {
                //   break;
                // }
                //
                // msg = this.validateBuildingForm();
                // if (msg) {
                //   break;
                // }
                msg = this.validateTownForm();

                if (msg) {
                  break;
                } else {
                  comment = this.applicationDetail.ydjfsp.zfcxjsbmscyj;
                  // this.submitHouseApproveAgricultureOptions().then(item=>{
                  //     _this.submitHouseApproveNatureplanOptions().then(item2=>{
                  //         _this.submitHouseApproveOtherOptions().then(item3=>{
                  //           if(_this.$refs.pictureUploadApplyingTHouseApproveTown && _this.$refs.pictureUploadApplyingTHouseApproveTown.isValid()) {
                  //             _this.submitHouseApproveTownOptions().then(item4=>{
                  //               //地图判断
                  //               if (_this.drawInsert != null) {
                  //                 _this.applicationDetail.tHouseApproveNatureOptions.theGeom = JSON.stringify(_this.drawInsert);
                  //               }
                  //               else {
                  //                 if(_this.applicationDetail.tHouseApproveNatureOptions && _this.applicationDetail.tHouseApproveNatureOptions.theGeom == null){
                  //                   _this.applicationDetail.tHouseApproveNatureOptions.theGeom = _this.convertGeom(_this.applicationDetail.tHouseApplyProposedSituation.theGeom);
                  //                 }
                  //               }
                  if (!pass) {
                    comment = "驳回";
                  }
                  if (this.applicationDetail.ydjfsp.zjdzlpmwzt != null && this.applicationDetail.ydjfsp.zjdzlpmwzt !== "") {
                    // _this.submitHouseApproveLocationplanOptions(pass, comment).then(item5=>{
                    // _this.submitHouseApproveNatureplanOptions().then(item6=>{
                      setTimeout(() => {
                    saveHomeBaseInfo(this.applicationDetail).then((response) => {
                      this.complete(pass, comment);
                    }).catch(resp => {
                      this.notify(msg, 'danger');
                      this.notify("保存失败!", 'danger');
                    });
                    }, 500);
                    // });register/face/verified/allow
                    // });
                  } else {
                    this.notify("宅基地坐落平面位置图不能为空", 'danger');
                    this.$refs.form.validate().then(() => {
                    }).catch((e) => {
                    })
                  }
                }

                // });
                // } else {

                // if(!pass){
                //   comment = "驳回";
                // }
                //   setTimeout(() => {
                //     saveHouseBaseInfo(_this.applicationDetail).then((response) => {
                //       _this.complete(pass, comment);
                //     }).catch(resp => {
                //       _this.notify(msg, 'danger');
                //       _this.notify("保存失败!", 'danger');
                //     });
                //   }, 500);
                // }
                //           }
                //         });
                //     });
                // });
                break;
              default:
                if (this.checkString(this.applicationDetail.cjxzscyj))
                  msg = '村领导意见不能为空';
                else
                  comment = this.applicationDetail.cjxzscyj;
                if (this.checkString(this.applicationDetail.cjxzscr)) {
                  msg = "村级领导签名不能为空";
                } else if (this.$refs.pictureUploadApplyingTHouseApproveVillage && this.$refs.pictureUploadApplyingTHouseApproveVillage.isValid()) {
                  this.submitHouseApproveVillageplanOptions(pass, comment);
                  return;
                } else {
                  setTimeout(() => {
                    saveHomeBaseInfo(this.applicationDetail).then((response) => {
                      this.complete(pass, comment);
                    }).catch(resp => {
                      this.notify(msg, 'danger');
                      this.notify("保存失败!", 'danger');
                    });
                  }, 500);
                }
                //}
                //   if(this.selectedTabName ==0){
                //     if(this.currentUserRole == 'village_leader'){
                //       //村级审核人员签字
                //       //if(this.checkString(this.applicationDetail.tHouseApproveVillageOptions.villageLeader))
                //       this.applicationDetail.tHouseApproveVillageOptions.villageLeader = res.fileName;
                //     } else if(this.currentUserRole == 'task_executor'){
                //       //自然资源部门签字
                //       if(this.checkString(this.applicationDetail.tHouseApproveNatureOptions.approveLeader))
                //         return  '自然资源部门签字不能为空';
                //       this.applicationDetail.tHouseApproveNatureOptions.approveLeader = res.fileName;
                //     } else if (this.currentUserRole == ''){
                //       //其他部门签字
                //       if(this.checkString(this.applicationDetail.tHouseApproveOtherOptions.approveLeader))
                //         return  '其他部门签字不能为空';
                //       this.applicationDetail.tHouseApproveOtherOptions.approveLeader = res.fileName;
                //     } else if (this.currentUserRole == ''){
                //       //农村农业部门签字
                //       if(this.checkString(this.applicationDetail.tHouseApproveAgricultureOptions.approveLeader))
                //         return  '农村农业部门签字不能为空';
                //       this.applicationDetail.tHouseApproveAgricultureOptions.approveLeader = res.fileName;
                //     } else if (this.currentUserRole == ''){
                //       //镇级领导签字 tHouseApproveTownOptions
                //       if(this.checkString(this.applicationDetail.tHouseApproveTownOptions.approveLeader))
                //         return  '镇级领导签字不能为空';
                //       this.applicationDetail.tHouseApproveTownOptions.approveLeader = res.fileName;
                //     }
                //     this.showesign =false;
                // } else if(this.selectedTabName ==1){
                //
                // } else if (this.selectedTabName ==2){
                //
                // }
                break;
            }
            if (msg) {
              this.notify(msg, 'danger');
              this.$refs.form.validate().then(() => {
              }).catch((e) => {
              })
              return;
            }
          }
            break;
          case PROPOSER_STAGE_START_ACTIVITY:
            let _this = this;
            const role = this.$store.getters.roles[0];
            if (role === "nature_resource") {
              if (this.drawInsert != null) {
                this.applicationDetail.ydjfkg.theGeomJson = JSON.stringify(this.drawInsert);
              } else {
                if (this.applicationDetail.ydjfkg.theGeomJson == null) {
                  if (this.applicationDetail.ydjfkg.theGeom == null) {
                    this.notify("请在地图上标注宅基地位置!", 'danger');
                    break;
                  } else {
                    this.applicationDetail.ydjfkg.theGeomJson = this.convertGeom(this.applicationDetail.ydjfkg.theGeom);
                  }
                }
              }
              saveHomeBaseInfo(this.applicationDetail).then((response) => {
                this.complete(pass);
              }).catch(resp => {
                this.notify(msg, 'danger');
                this.notify("保存失败!", 'danger');
              });
            } else {
              if (this.applicationDetail.homeApplyStatus === "3C") {
                if (this.fileTypeList.indexOf("14") === -1) {
                  this.notify("请上传开工乡镇受理会议纪要", 'danger');

                }else{
                  this.complete(pass);
                }
              }else{
                this.complete(pass);
              }

            }
            break;
          case PROPOSER_STAGE_END_ACTIVITY : {
            let comment;
            let msg = "";
            const role = this.$store.getters.roles[0];
            switch (role) {
              case "agriculture":
                msg = this.validateAcceptingFormTown(undefined, role);
                if (msg) {
                  break;
                }
                comment = this.applicationDetail.ydjfys.nyncbmysyj;
                saveHomeBaseInfo(this.applicationDetail).then((response) => {
                  this.complete(pass, comment);
                }).catch(err => {
                  this.notify('保存失败', 'danger');
                });

                break;
              case "nature_resource":
                msg = this.validateAcceptingFormTown(undefined, role);
                if (msg) {
                  break;
                }
                comment = this.applicationDetail.ydjfys.zfcxjsbmysyj;
                saveHomeBaseInfo(this.applicationDetail).then((response) => {
                  this.complete(pass, comment);
                }).catch(err => {
                  this.notify('保存失败', 'danger');
                });
                break;
              case "building":
                msg = this.validateAcceptingFormTown(undefined, role);
                if (msg) {
                  break;
                }
                comment = this.applicationDetail.ydjfys.zrzybmysyj;
                saveHomeBaseInfo(this.applicationDetail).then((response) => {
                  this.complete(pass, comment);
                }).catch(err => {
                  this.notify('保存失败', 'danger');
                });
                break;
              case "town_leader":
                msg = this.validateAcceptingFormTown();
                if (msg) {
                  break;
                }

                comment = this.applicationDetail.ydjfys.xzzfysyj;
                if (this.applicationDetail.ydjfys.jgpmjt != null) {
                  saveHomeBaseInfo(this.applicationDetail).then((response) => {
                    this.complete(pass, comment);
                  }).catch(err => {
                    this.notify('保存失败', 'danger');
                  });
                } else {
                  msg = "竣工平面简图不能为空";
                }

                break;
              default:
                comment = '同意';
                if (this.applicationDetail.ydjfys.jgpmjt != null) {
                  saveHomeBaseInfo(this.applicationDetail).then((response) => {
                    this.complete(pass, comment);
                  }).catch(err => {
                    this.notify('保存失败', 'danger');
                  });
                } else {
                  msg = "竣工平面简图不能为空";
                }
                break;
            }
            if (msg) {
              this.notify(msg, 'danger');
              this.$refs.form.validate().then(() => {
              }).catch(e => {
              });
              return;
            }


            // //农村农业部
            // if (this.$refs.tHouseApplyEndNongye && this.$refs.tHouseApplyEndNongye.isValid()) {
            //   this.submitHouseApproveEndNongyeOptions();
            //   return;
            // }
            // //自然资源部
            // if (this.$refs.pictureUploadAccepting && this.$refs.pictureUploadAccepting.isValid()) {
            //   this.submitHouseApproveEndNatureOptions();
            //   return;
            // }
            // //乡镇领导部
            // if (this.$refs.pictureUploadAccepting && this.$refs.pictureUploadAccepting.isValid()) {
            //   this.submitHouseApproveEndBZhenOptions();
            //   return;
            // }

            console.log(this.applicationDetail.tHouseApplyEnd);

          }
            break;
          default:
            break;
        }
      },
      //村级领导审批现场图片
      submitHouseApproveVillageplanOptions(pass, commentText) {
        this.applicationDetail.tHouseApproveVillageOptions.villagePlan = null;
        return this.$refs.pictureUploadApplyingTHouseApproveVillage.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApproveVillageOptions.villagePlan = JSON.stringify(list);
          if (this.checkString(this.applicationDetail.tHouseApproveVillageOptions.villagePlan)) {
            return "村级现场拍照不能为空";
          } else {
            saveHouseBaseInfo(this.applicationDetail).then((response) => {
              this.complete(pass, commentText);
            }).catch(resp => {
              this.notify("保存失败!", 'danger');
            });
          }
        }).catch((x) => {
          this.notify("村级上传现场照片失败!", 'danger');
        });
      },
      //自然资源部门审批现场图片
      submitHouseApproveNatureplanOptions() {
        this.applicationDetail.tHouseApproveNatureOptions.naturePlan = null;
        return this.$refs.pictureUploadApplyingTHouseApproveNature.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApproveNatureOptions.naturePlan = JSON.stringify(list);
          if (this.checkString(this.applicationDetail.tHouseApproveNatureOptions.naturePlan)) {
            return "自然资源部门现场拍照不能为空";
          }
        }).catch((x) => {
          this.notify("自然资源部门上传现场照片失败!", 'danger');
        });
      },
      //农村农业部门审批现场图片
      submitHouseApproveAgricultureOptions() {
        this.applicationDetail.tHouseApproveAgricultureOptions.agriculturePlan = null;
        return this.$refs.pictureUploadApplyingTHouseApproveAgriculture.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApproveAgricultureOptions.agriculturePlan = JSON.stringify(list);
          if (this.checkString(this.applicationDetail.tHouseApproveAgricultureOptions.agriculturePlan)) {
            return "农村农业部现场拍照不能为空";
          }
        }).catch((x) => {
          this.notify("农村农业部上传现场照片失败!", 'danger');
        });
      },
      //其他部门审批现场图片
      submitHouseApproveOtherOptions() {
        this.applicationDetail.tHouseApproveOtherOptions.otherPlan = null;
        return this.$refs.pictureUploadApplyingTHouseApproveOther.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApproveOtherOptions.otherPlan = JSON.stringify(list);
          if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.otherPlan)) {
            return "其他部门现场拍照不能为空";
          }
        }).catch((x) => {
          this.notify("其他部门上传现场照片失败!", 'danger');
        });
      },
      //镇级领导审批现场图片
      submitHouseApproveTownOptions() {
        this.applicationDetail.tHouseApproveTownOptions.townPlan = null;
        return this.$refs.pictureUploadApplyingTHouseApproveTown.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApproveTownOptions.townPlan = JSON.stringify(list);
          if (this.checkString(this.applicationDetail.tHouseApproveTownOptions.townPlan)) {
            return "镇级领导现场拍照不能为空";
          }
        }).catch((x) => {
          this.notify("镇级领导上传现场照片失败!", 'danger');
        });
      },
      //验收农业部门审批现场图片
      submitHouseApproveEndNongyeOptions() {
        this.applicationDetail.tHouseApplyEnd.nongyePlan = null;
        return this.$refs.tHouseApplyEndNongye.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApplyEnd.nongyePlan = JSON.stringify(list);
          if (this.checkString(this.applicationDetail.tHouseApplyEnd.nongyePlan)) {
            return "农业部门现场拍照不能为空";
          }
        }).catch((x) => {
          this.notify("农业部门上传现场照片失败!", 'danger');
        });
      },
      //验收自然资源部门审批现场图片
      submitHouseApproveEndNatureOptions() {
        this.applicationDetail.tHouseApplyEnd.naturePlan = null;
        return this.$refs.tHouseApplyEndNature.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApplyEnd.naturePlan = JSON.stringify(list);
          // if(this.checkString(this.applicationDetail.tHouseApplyEnd.naturePlan)){
          //   return "自然资源部门现场拍照不能为空";
          // }
        }).catch((x) => {
          this.notify("自然资源部门上传现场照片失败!", 'danger');
        });
      },
      //验收住建部门审批现场图片
      submitHouseApproveEndBuildingOptions() {
        this.applicationDetail.tHouseApplyEnd.buildingPlan = null;
        this.$refs.tHouseApplyEndBuilding.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApplyEnd.buildingPlan = JSON.stringify(list);
          if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingPlan)) {
            return "住建部门现场拍照不能为空";
          }
        }).catch((x) => {
          this.notify("住建部门上传现场照片失败!", 'danger');
        });
      },
      //验收镇政府审批现场图片
      submitHouseApproveEndBZhenOptions() {
        this.applicationDetail.tHouseApplyEnd.zhenPlan = null;
        return this.$refs.tHouseApplyEndZhen.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.tHouseApplyEnd.zhenPlan = JSON.stringify(list);
          if (this.checkString(this.applicationDetail.tHouseApplyEnd.zhenPlan)) {
            return "镇政府现场拍照不能为空";
          }
        }).catch((x) => {
          this.notify("镇政府上传现场照片失败!", 'danger');
        });
      },
      // 带平面图附件上传的镇级申请审批
      submitHouseApproveLocationplanOptions(pass, commentText) {
        this.applicationDetail.ydjfsp.zjdzlpmwzt = null;
        return this.$refs.pictureUploadApplying.updatePlanFiles().then((x) => {
          let list = [];
          x.data.forEach((f) => {
            let item = {
              id: f.id,
              fileName: f.fileName,
              fileUrl: f.fileUrl,
              fileType: f.fileType,
              tableId: f.tableId,
              tableName: f.tableName,
            };
            list.push(item);
          });
          this.applicationDetail.ydjfsp.zjdzlpmwzt = list[0].fileUrl;
        }).catch((x) => {
          this.notify("上传宅基地坐落平面位置图失败!", 'danger');
        });
      },
      fileUpdate(val) {
         this.$set(this.applicationDetail.ydjfsp, 'zjdzlpmwzt', val);
      },
      fileUpdatePmt(val) {
        this.$set(this.applicationDetail.ydjfys, 'jgpmjt',val);
      },
      // 带平面图附件上传的镇级验收审批
      submitHouseApplyEndLocationplanOptions(pass, commentText) {
        return this.$refs.pictureUploadAccepting.updatePlanFiles()
          .then((x) => {
            let list = [];
            x.data.forEach((f) => {
              let item = {
                id: f.id,
                fileName: f.fileName,
                fileUrl: f.fileUrl,
                fileType: f.fileType,
                tableId: f.tableId,
                tableName: f.tableName,
              };
              list.push(item);
            });

            this.applicationDetail.tHouseApplyEnd.locationPlan = JSON.stringify(list);
          }).catch((x) => {
            this.notify("上传宅基地坐落平面位置图失败!", 'danger');
          });
      },
      // 审批工具函数(同意/驳回, 意见)
      complete(pass, comment) {
        if (!this.taskId || !this.auditbatchNo) {
          console.error(this.taskId, this.auditbatchNo);
          return false;
        }
        let data = {
          taskId: this.taskId,
          auditbatchNo: this.auditbatchNo,
          pass: pass ? "true" : "false",
          remark: comment ? comment : (pass ? '同意' : '驳回'),
        };
        request({
          url: "/approval/audit/audit",
          method: "post",
          data: data,
        }).then((response) => {
          this.notify("操作成功", 'success');
          this.$router.go(0);
          this.goBack();
        }).catch(e => {
          this.notify("操作失败!", 'danger');
        });
        return true;
      },
      // 请求结果提示工具函数
      notify(message, type) {
        Notify.clear();
        Notify({type: type || 'primary', message: message});
      },
      // 当自然资源部门地图绘制被重置时
      onNatureMapDrawReseted() {
        this.drawInsert = null;
        if (this.applicationDetail.tHouseApproveNatureOptions.theGeom) {
          let lastData = JSON.parse(this.applicationDetail.tHouseApproveNatureOptions.theGeom);
          if (lastData.hasOwnProperty('coordinates')) // 从后台获取的
            this.drawInsert = lastData.coordinates;
        }
      },
      // 当验收地图绘制被重置时
      onAcceptanceMapDrawReseted() {
        this.drawInsert = null;
        if (this.applicationDetail.tHouseApplyEnd.theGeom) {
          let lastData = JSON.parse(this.applicationDetail.tHouseApplyEnd.theGeom);
          if (lastData.hasOwnProperty('coordinates')) // 从后台获取的
            this.drawInsert = lastData.coordinates;
        }
      },
      // 打开附件树
      openAttachment() {
        this.attachmentVisible = true;
        if (this.attachmentActive == this.active)
          this.$nextTick(() => {
            this.$refs.attachmentDialog.scrollTo(this.active);
          });
      },
      // 选择步骤页面
      selectTab(index) {
        if (index <= this.active) {
          this.selectedTabName = index;
          this.pointDarw(null);
        }
        //console.log(index, this.active,this.selectedTabName);
      },
      // 保存开工(是否提交)
      startProposerApply(submit) {
        console.info(submit);
        let msg = this.validateStartFormBase();

        if (msg) {
          this.notify(msg, 'danger');
          return;
        }
        this.$set(this.applicationDetail, 'applyUserId', this.sysFarmer.id);
        this.$toast.loading({
          message: "数据处理中...",
          forbidClick: true,
        });
        saveHomeBaseInfo(this.applicationDetail).then((resp) => {
          if (submit) {
            submitStart(this.applicationDetail.id).then(resp => {
              this.$toast.clear();
              this.notify("操作成功", 'success');
              this.goBack();
            }).catch((e) => {
              this.$toast.clear();
              this.notify("操作失败!", 'danger');
            });
          } else {
            this.$toast.clear();
            this.notify("保存成功", 'success');
            this.goBack();
          }
        }).catch((e) => {
          this.$toast.clear();
          this.notify('保存失败', 'danger');
        });
      },
      // 保存验收(是否提交)
      endProposerApply(submit) {
        // this.$refs.form.validate().then(() => {
        let msg = this.validateAcceptingFormBase();
        if (msg) {
          this.notify(msg, 'danger');
          return;
        }
        // if (this.drawInsert != null) {
        //   this.applicationDetail.tHouseApplyEnd.theGeom = JSON.stringify(this.drawInsert);
        // }
        // else {
        //   if(this.applicationDetail.tHouseApplyEnd.theGeom == null){
        //     this.applicationDetail.tHouseApplyEnd.theGeom = this.convertGeom(this.applicationDetail.tHouseApproveNatureOptions.theGeom);
        //   }
        // }
        if (this.applicationDetail.ydjfys.jgpmjt != null) {
        this.$refs.form.validate().then(() => {
          this.$toast.loading({
            message: "数据处理中...",
            forbidClick: true,
          });

          saveHomeBaseInfo(this.applicationDetail).then(resp => {
            if (submit) {
              submitCheck(this.applicationDetail.id).then(resp => {
                this.$toast.clear();
                this.notify("操作成功", 'success');
                this.goBack();
              }).catch(err => {
                this.$toast.clear();
                this.notify("操作失败!", 'danger');
              });
            } else {
              this.$toast.clear();
              this.notify("保存成功", 'success');
              this.goBack();
            }
          }).catch(err => {
            this.$toast.clear();
            this.notify('保存失败', 'danger');
          });

        })
        } else {
          this.notify("竣工平面简图不能为空", 'danger');
        }
        // }).catch(e => {
        //   let msg = this.validateAcceptingFormBase();
        //   if (msg) {
        //     this.notify(msg, 'danger');
        //     return;
        //   }
        // });
      },
      // 获取登录人位置坐标
      getLandCoord(func) {
        if (func
          && this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== ''
          && this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') {
          this.$nextTick(() => {
            func(this.tGeoOrganizationLng, this.tGeoOrganizationLat);
          })
        } else {
          if(this.deptId !== null && this.deptId !== undefined){
            getQueryLand(this.deptId).then((response) => {
              if (response.code == 200) {
                let InsertCode = response.data;
                this.form.orgCode = InsertCode.orgCode;
                this.tGeoOrganizationLat = InsertCode.lat;
                this.tGeoOrganizationLng = InsertCode.lng;
                if (func) {
                  func(this.tGeoOrganizationLng, this.tGeoOrganizationLat);
                }
              }
            });
          }
        }
      },
      validateBaseApplyFormBase() {

        if (this.checkString(this.applicationDetail.sqhhzxm)) {
          return "申请户主姓名不能为空";
        }
        if (this.checkString(this.applicationDetail.sqhhzxb)) {
          return "户主性别不能为空";
        }
        if (this.checkString(this.applicationDetail.sqhhznl)) {
          return "户主年龄不能为空";
        }
        if (this.checkString(this.applicationDetail.sqhhzlxdh, /(^\d{7}(\d{4})?$)/)) {
          return "请填写有效的联系电话";
        }
        if (this.checkString(this.applicationDetail.sqhhzsfzh, /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/)) {
          return "请填写有效的身份证号";
        }
        if (this.checkString(this.applicationDetail.sqhhzhkszd)) {
          return "户口所在地不能为空";
        }
        // if (this.checkString(this.applicationDetail.tHouseApplyProposer.familyAddress)) {
        //   return "家庭住址不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApplyProposer.members)) {
        //   return "家庭人口数不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApplyProposer.existHomestead)) {
        //   return "是否已有宅基地不能为空";
        // }

        for (let i in this.applicationDetail.sqrjtcyList) {
          let v = this.applicationDetail.sqrjtcyList[i];
          console.info(v);
          if (this.checkString(v.xm)) {
            return "成员姓名不能为空";
          }
          if (this.checkString(v.nl)) {
            return "年龄不能为空";
          }
          if (this.checkString(v.yhzgx)) {
            return "与户主关系不能为空";
          }
          if (this.checkString(v.sfzh, /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/)) {
            return "请填写有效的家庭成员身份证";
          }
          if (this.checkString(v.hkszd)) {
            return "户口所在地不能为空";
          }
        }

        if (this.applicationDetail.sfyyzjd === 'Y') {
          if (this.checkString(this.applicationDetail.xzjdmj)) {
            return "宅基地面积不能为空";
          }
          // if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.landPerArea)) {
          //   return "人均宅基地面积不能为空";
          // }
          if (this.checkString(this.applicationDetail.xjzmj)) {
            return "建筑面积不能为空";
          }
          // if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.buildingPerArea)) {
          //   return "人均建筑面积不能为空";
          // }
          // if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.landCertificateNo)) {
          //   return "不动产单元号不能为空";
          // }
          if (this.checkString(this.applicationDetail.xzjdczqk)) {
            return "处置情况不能为空";
          }
          if (this.applicationDetail.xzjdczqk == '1') {
            if (this.checkString(this.applicationDetail.xzjdblmj)) {
              return "保留面积不能为空";
            }
          } else if (this.applicationDetail.xzjdczqk == '3') {
            if (this.checkString(this.applicationDetail.xzjdzqtqk)) {
              return "处置情况不能为空";
            }
          }
        }

        if (this.checkString(this.applicationDetail.nsqzjdmj)) {
          return "宅基地面积不能为空";
        }
        if (this.checkString(this.applicationDetail.nsqfjzdmj)) {
          return "房基占地面积不能为空";
        }
        if (this.checkString(this.applicationDetail.nsqzjddz)) {
          return "地址不能为空";
        }
        if (this.checkString(this.applicationDetail.nsqzjdszd)) {
          return "东至不能为空";
        }
        if (this.checkString(this.applicationDetail.nsqzjdszx)) {
          return "西至不能为空";
        }
        if (this.checkString(this.applicationDetail.nsqzjdszn)) {
          return "南至不能为空";
        }
        if (this.checkString(this.applicationDetail.nsqzjdszb)) {
          return "北至不能为空";
        }
        if (this.checkString(this.applicationDetail.zfjzmj)) {
          return "住房建筑面积不能为空";
        }
        if (this.checkString(this.applicationDetail.jzcs)) {
          return "建筑层数不能为空";
        }
        if (this.checkString(this.applicationDetail.jzgd)) {
          return "建筑高度不能为空";
        }
        if (this.checkString(this.applicationDetail.sfzqxlqlryj)) {
          return "征求相邻权利人意见不能为空";
        }
        // if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.housingStructure)) {
        //   return "房屋构造不能为空";
        // }
        if (this.checkString(this.applicationDetail.jflx)) {
          return "建房类型不能为空";
        }
        if (this.checkString(this.applicationDetail.nsqzjddldm)) {
          return "土地类型不能为空";
        }
        // if(this.applicationDetail.tHouseApplyProposedSituation.geographicType == '10')
        // {
        //   if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.constructionLandArea)) {
        //     return "建设用地面积不能为空";
        //   }
        // }
        // else if(this.applicationDetail.tHouseApplyProposedSituation.geographicType == '20')
        // {
        //   if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.unusedLandArea)) {
        //     return "未利用地不能为空";
        //   }
        // }
        // else
        // {
        //   if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.agriculturalLandArea)) {
        //     return "农用地不能为空";
        //   }
        // }
        // if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.designPaper)) {
        //   return "设计图纸不能为空";
        // }
        // if(this.applicationDetail.tHouseApplyProposedSituation.designPaper == '2')
        // {
        //   if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.houseTypeId)) {
        //     return "房屋户型不能为空";
        //   }
        // }
        if (this.checkString(this.applicationDetail.sqly)) {
          return "申请理由不能为空";
        }
        if (this.fileTypeList.indexOf("1") === -1) {
          return "请上传申请会议纪要";
        }
        if (this.fileTypeList.indexOf("2") === -1) {
          return "请上传申请承诺书";
        }
        if (this.fileTypeList.indexOf("3") === -1) {
          return "请上传身份材料";
        }
        return false;
      },
      onConfirmZjdxx(val) {
        let _this = this;
        this.zjdzdxxList.map(function (item) {
          if (item.zjddm === val) {
            _this.applicationDetail.xzjdmj = item.zdmj; //宅基地面积
            _this.applicationDetail.xjzmj = item.scjzmj;
            _this.applicationDetail.qszsh = item.zsh;
            _this.$set(_this.zjdzdxxDetailed, 'zdszd', item.zdszd);
            _this.$set(_this.zjdzdxxDetailed, 'zdszn', item.zdszn);
            _this.$set(_this.zjdzdxxDetailed, 'zdszx', item.zdszx);
            _this.$set(_this.zjdzdxxDetailed, 'zdszb', item.zdszb);
          }
        });
        this.showZjdzk = false;
      },
      validateNatureForm() {
        // if (this.checkString(this.applicationDetail.tHouseApproveNatureOptions.landArea)) {
        //   return "用地面积不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveNatureOptions.rightsType)) {
        //   return "土地权属不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveNatureOptions.east)) {
        //   return "北至不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveNatureOptions.west)) {
        //   return "西至不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveNatureOptions.south)) {
        //   return "南至不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveNatureOptions.north)) {
        //   return "北至不能为空";
        // }
        if (this.checkString(this.applicationDetail.ydjfsp.zrzybmscyj)) {
          return "自然资源部意见不能为空";
        } else if (this.checkString(this.applicationDetail.ydjfsp.zrzybmscrxm)) {
          return "自然资源签名不能为空";
        }
        return false;
      },
      validateAgricultureForm(pass) {
        // if (this.checkString(this.applicationDetail.tHouseApproveAgricultureOptions.isMembership)) {
        //   return "成员资格审查不能为空";
        // }
        //
        // if (this.checkString(this.applicationDetail.tHouseApproveAgricultureOptions.isOnehouse)) {
        //   return "一户一宅情况不能为空";
        // }
        //
        // if (this.checkString(this.applicationDetail.tHouseApproveAgricultureOptions.isReviewmaterials)) {
        //   return "村委会审查材料不能为空";
        // }
        if (this.checkString(this.applicationDetail.ydjfsp.nyncbmscyj)) {
          return "农业农村部意见不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfsp.nyncbmscrxm)) {
          return "农村农业部门签名不能为空";
        }
        // if (this.checkString(this.applicationDetail.ydjfsp.theGeomPoint)) {
        //   return "农村农业部门现场定位不能为空";
        // }

        // 通过时检查打勾, 农业部门
        if (pass) {
          // if(this.applicationDetail.tHouseApproveAgricultureOptions.isMembership != '1')
          // {
          //   return "同意申请时需通过成员资格审查";
          // }
          // if(this.applicationDetail.tHouseApproveAgricultureOptions.isOnehouse != '1')
          // {
          //   return "同意申请时需符合一户一宅情况";
          // }
          // if(this.applicationDetail.tHouseApproveAgricultureOptions.isReviewmaterials != '1')
          // {
          //   return "同意申请时需齐全村委会审查材料";
          // }
        }
        return false;
      },
      validateBuildingForm() {
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.buildingType)) {
        //   return "建筑类型不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.buildingArea)) {
        //   return "建筑面积不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.buildingFloors)) {
        //   return "建筑层数不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.buildingHight)) {
        //   return "建筑高度不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.buildingLandArea)) {
        //   return "建筑占地面积不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions)) {
        //   return "图纸类型不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.east)) {
        //   return "东至不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.west)) {
        //   return "西至不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.south)) {
        //   return "南至不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.north)) {
        //   return "北至不能为空";
        // }
        if (this.checkString(this.applicationDetail.ydjfsp.zfcxjsbmscyj)) {
          return "住建部意见不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfsp.zfcxjsbmscrxm)) {
          return "住建部门签名不能为空";
        }
        // if (this.checkString(this.applicationDetail.tHouseApproveOtherOptions.theGeomPoint)) {
        //   return "住建部门现场定位不能为空";
        // }
        return false;
      },
      validateTownForm() {

        if (this.checkString(this.applicationDetail.ydjfsp.zjdzlpmwzt)) {
          return "宅基地坐落平面位置图不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfsp.zckcryxm)) {
          return "踏勘人不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfsp.zjdzlpmwztztr)) {
          return "制图人不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfsp.xzzfshpzyj)) {
          return "镇政府审批意见不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfsp.xzzfshpzrxm)) {
          return "镇政府审批签字不能为空";
        }
        if (this.applicationDetail.homeApplyStatus === "1C" || this.applicationDetail.homeApplyStatus === "7C") {

          if (this.fileTypeList.indexOf("4") === -1) {
            return "请上传归档文件";
          }
        }

        // if (this.checkString(this.applicationDetail.tHouseApproveTownOptions.theGeomPoint)) {
        //   return "镇政府审批现场定位不能为空";
        // }
        return false;
      },
      validateAcceptingFormBase() {

        // if (this.checkString(this.applicationDetail.tHouseApplyEnd.houseCertificateNo)) {
        //   return "权属证书号（不动产）不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApplyEnd.landCertificateNo)) {
        //   return "权属证书号（宅基地）不能为空";
        // }
        if (this.checkString(this.applicationDetail.ydjfys.pjcg)) {
          return "批建高度不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfys.pjcs)) {
          return "批建层数不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfys.jggd)) {
          return "竣工高度不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfys.jgcs)) {
          return "竣工层数不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfys.pzzjdmj)) {
          return "批准宅基地面积不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfys.syzjdmj)) {
          return "实用宅基地面积不能为空";
        }
        // if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingOtherArea)) {
        //   return "配套附属设施建筑面积不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApplyEnd.designPaper)) {
        //   return "建筑风貌不能为空";
        // }
        if (this.checkString(this.applicationDetail.ydjfys.cjhtzjdqk)) {
          return "旧宅基地退还情况不能为空";
        }
        // if (this.checkString(this.applicationDetail.tHouseApplyEnd.houseCost)) {
        //   return "住房造价不能为空";
        // }
        // if (this.checkString(this.applicationDetail.tHouseApplyEnd.facadeColor)) {
        //   return "外立面颜色不能为空";
        // }
        if (this.checkString(this.applicationDetail.ydjfys.pzfjzdmj)) {
          return "批准房基占地面积不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfys.sjfjzdmj)) {
          return "实际房基占地面积不能为空";
        }
        // if (this.checkString(this.applicationDetail.tHouseApplyEnd.isEnjoySubsidy)) {
        //   return "是否享受住房建设补助政策不能为空";
        // }
        // if (this.applicationDetail.tHouseApplyEnd.isEnjoySubsidy === 'Y' && this.checkString(this.applicationDetail.tHouseApplyEnd.enjoySubsidyContent)) {
        //   return "享受住房建设补助政策不能为空";
        // }
          if (this.fileTypeList.indexOf("9") === -1) {
            return "请上传验收会议纪要";
          } else if (this.fileTypeList.indexOf("10") === -1) {
            return "请上传验收保证书";
          }

        return false;
      },
      validateAcceptingFormTown(pass, role) {
        //
        // if(0)
        // {
        //   if (this.checkString(this.applicationDetail.tHouseApplyEnd.isProjectFinished)) {
        //     return "是否已完成工程设计和合同约定的各项内容不能为空";
        //   }
        //   if (this.checkString(this.applicationDetail.tHouseApplyEnd.isQualifiedQuality)) {
        //     return "承揽人对完工住房质量自查是否合格不能为空";
        //   }
        //   if (this.checkString(this.applicationDetail.tHouseApplyEnd.hasBuildingRecord)) {
        //     return "是否有施工记录资料不能为空";
        //   }
        //   if (this.checkString(this.applicationDetail.tHouseApplyEnd.isSignWarranty)) {
        //     return "建房村民和承揽人是否已经共同签署农村住房质量保修书不能为空";
        //   }
        //   if (this.checkString(this.applicationDetail.tHouseApplyEnd.isHandleProblem)) {
        //     return "住房城乡建设行政主管部门或乡（镇）人民政府责令整改的问题是否全部整改完毕不能为空";
        //   }
        //   if (this.checkString(this.applicationDetail.tHouseApplyEnd.isDesignPaperSame)) {
        //     return "建筑风貌是否与设计图基本一致不能为空";
        //   }
        //   if (this.checkString(this.applicationDetail.tHouseApplyEnd.isOtherAcceptanceFinished)) {
        //     return "法律、法规规定的其他验收条件完成情况不能为空";
        //   }
        // }

        if (!role || role === 'agriculture') {
          if (this.checkString(this.applicationDetail.ydjfys.nyncbmysyj)) {
            return "乡镇农业农村部门意见不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.nyncbmysjbrxm)) {
            return "乡镇农业农村部门经办人不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.nyncbmyssj)) {
            return "乡镇农业农村部门经办时间不能为空";
          }

        }
        if (!role || role === 'nature_resource') {
          if (this.checkString(this.applicationDetail.ydjfys.zrzybmysyj)) {
            return "乡镇自然资源部门意见不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.zrzybmysjbrxm)) {
            return "乡镇自然资源部门经办人不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.zrzybmyssj)) {
            return "乡镇自然资源部门经办时间不能为空";
          }
        }
        if (!role || role === 'building') {
          if (this.checkString(this.applicationDetail.ydjfys.zfcxjsbmysyj)) {
            return "乡镇住建部门意见不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.zfcxjsbmysjbrxm)) {
            return "乡镇住建部门验收负责人不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.zfcxjsbmyssj)) {
            return "乡镇住建部门验收时间不能为空";
          }
          // if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingGeom)) {
          //   return "住建部门现场定位不能为空";
          // }
          // if(this.$refs.tHouseApplyEndBuilding && this.$refs.tHouseApplyEndBuilding.isValid()) {
          //   this.submitHouseApproveEndBuildingOptions();
          // } else {
          //   if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingPlan)) {
          //     return "住建部门现场拍照不能为空";
          //   }
          // }
        }
        if (!role) {
          if (this.checkString(this.applicationDetail.ydjfys.jgpmjtjbr)) {
            return "竣工平面简图经办人不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.xzzfysyj)) {
            return "乡镇政府验收意见不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.xzzfysjbrxm)) {
            return "乡镇政府验收负责人不能为空";
          }
          if (this.checkString(this.applicationDetail.ydjfys.xzzfyssj)) {
            return "乡镇政府验收时间不能为空";
          }
          // if (this.checkString(this.applicationDetail.tHouseApplyEnd.zhenGeom)) {
          //   return "乡镇政府现场定位不能为空";
          // }

        }

        // 通过时检查打勾, 农业部门
        if (!role || role === 'town_leader') {
          console.info(this.fileTypeList)
          if (this.fileTypeList.indexOf("11") === -1) {
            return "请上传归档文件";
          }
          // if(this.applicationDetail.tHouseApplyEnd.isProjectFinished != 'Y')
          // {
          //   return "同意验收时需已完成工程设计和合同约定的各项内容";
          // }
          // if(this.applicationDetail.tHouseApplyEnd.isQualifiedQuality != 'Y')
          // {
          //   return "同意验收时需承揽人对完工住房质量自查合格";
          // }
          // if(this.applicationDetail.tHouseApplyEnd.hasBuildingRecord != 'Y')
          // {
          //   return "同意验收时需有施工记录资料";
          // }
          // if(this.applicationDetail.tHouseApplyEnd.isSignWarranty != 'Y')
          // {
          //   return "同意验收时需建房村民和承揽人已经共同签署农村住房质量保修书";
          // }
          // if(this.applicationDetail.tHouseApplyEnd.isHandleProblem != 'Y')
          // {
          //   return "同意验收时需住房城乡建设行政主管部门或乡（镇）人民政府责令整改的问题全部整改完毕";
          // }
          // if(this.applicationDetail.tHouseApplyEnd.isDesignPaperSame != 'Y')
          // {
          //   return "同意验收时需建筑风貌是否与设计图基本一致";
          // }
          // if(this.applicationDetail.tHouseApplyEnd.isOtherAcceptanceFinished != 'Y')
          // {
          //   return "同意验收时需法律、法规规定的其他验收条件完成情况";
          // }
        }

        return false;
      },
      onConfirmTytz(val) {
        this.$set(this.applicationDetail, 'tyhxt', val.id);
        this.tytzName = val.name;
        this.showTyt = false;
      },
      validateStartFormBase() {
        if (this.checkString(this.applicationDetail.ydjfkg.kgrq)) {
          return "计划开工时间不能为空";
        }
        if (this.checkString(this.applicationDetail.ydjfkg.jgrq)) {
          return "计划竣工时间不能为空";
        }
        if (this.fileTypeList.indexOf("5") === -1) {
          return "请上传开工证书";
        } else if (this.fileTypeList.indexOf("6") === -1) {
          return "请上传开工合同";
        }
        return false;
      },
      parseIDCard(idcard) {
        if (!idcard)
          return false;
        if (idcard.length !== 18)
          return false;
        if (!/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(idcard))
          return false;
        let sex = (parseInt(idcard.substr(16, 1)) % 2) ^ 1;
        let now = new Date().getFullYear();
        let y = parseInt(idcard.substr(6, 4));
        let age = Math.max(now - y, 0);
        return [sex, age];
      },
      updateUserInfo() {
        let res = this.parseIDCard(this.applicationDetail.tHouseApplyProposer.idcard);
        if (res) {
          this.applicationDetail.tHouseApplyProposer.sex = res[0];
          this.applicationDetail.tHouseApplyProposer.age = res[1];
        }
      },
      updateMemberInfo(index) {
        let res = this.parseIDCard(this.applicationDetail.sqrjtcyList[index].sfzh);
        if (res) {
          this.$set(this.applicationDetail.sqrjtcyList[index], 'nl', res[1]);
        }
      },
      searchCommit(data) {
        this.showesign = true;
        this.onCliceQz = data;
        console.info(this.$store.getters.baseRoutingUrl);
        console.log(this.currentUserRole);
        console.log(this.$store.getters.baseRoutingUrl);
        console.info(this.applicationDetail.ydjfys.zrzybmysjbrxm);
        if (this.selectedTabName == 0) {
          if (this.currentUserRole == 'village_leader' && this.onCliceQz == 'cjxzscr' && this.applicationDetail.cjxzscr != '' && this.applicationDetail.cjxzscr != null) {
            //村级审核人员签字
            //if(this.checkString(this.applicationDetail.tHouseApproveVillageOptions.villageLeader))
            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.cjxzscr;
          } else if ((this.currentUserRole == 'nature_resource') && this.onCliceQz == 'ydjfsp.zrzybmscrxm' && this.applicationDetail.ydjfsp.zrzybmscrxm != '' && this.applicationDetail.ydjfsp.zrzybmscrxm != null) {
            //自然资源部门签字

            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.ydjfsp.zrzybmscrxm;
          } else if ((this.currentUserRole == 'town_leader' || this.currentUserRole == 'building') && this.onCliceQz == 'ydjfsp.zfcxjsbmscrxm' && this.applicationDetail.ydjfsp.zfcxjsbmscrxm != '' && this.applicationDetail.ydjfsp.zfcxjsbmscrxm != null) {
            //住建部门签字
            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.ydjfsp.zfcxjsbmscrxm;
          } else if ((this.currentUserRole == 'town_leader' || this.currentUserRole == 'agriculture') && this.onCliceQz == 'ydjfsp.nyncbmscrxm' && this.applicationDetail.ydjfsp.nyncbmscrxm != '' && this.applicationDetail.ydjfsp.nyncbmscrxm != null) {
            //农村农业部门签字
            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.ydjfsp.nyncbmscrxm;
          } else if (this.currentUserRole == 'town_leader' && this.onCliceQz == 'ydjfsp.xzzfshpzrxm' && this.applicationDetail.ydjfsp.xzzfshpzrxm != '' && this.applicationDetail.ydjfsp.xzzfshpzrxm != null) {
            //镇级领导签字 tHouseApproveTownOptions
            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.ydjfsp.xzzfshpzrxm;
          } else {
            this.resultImg = null
            if (this.$refs.esign) {
              this.$refs.esign.reset();
            }
          }
        } else if (this.selectedTabName == 1) {

        } else if (this.selectedTabName == 2) {
          if ((this.currentUserRole == 'town_leader' || this.currentUserRole == 'agriculture') && this.onCliceQz == 'ydjfys.nyncbmysjbrxm' && this.applicationDetail.ydjfys.nyncbmysjbrxm != '' && this.applicationDetail.ydjfys.nyncbmysjbrxm != null) {
            //农村农业部门签字
            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.ydjfys.nyncbmysjbrxm;
          } else if ((this.currentUserRole == 'nature_resource' || this.currentUserRole == 'town_leader') && this.onCliceQz == 'ydjfys.zrzybmysjbrxm' && this.applicationDetail.ydjfys.zrzybmysjbrxm != '' && this.applicationDetail.ydjfys.zrzybmysjbrxm != null) {
            //自然资源部门签字
            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.ydjfys.zrzybmysjbrxm;
          } else if ((this.currentUserRole == 'building' || this.currentUserRole == 'town_leader') && this.onCliceQz == 'ydjfys.zfcxjsbmysjbrxm' && this.applicationDetail.ydjfys.zfcxjsbmysjbrxm != '' && this.applicationDetail.ydjfys.zfcxjsbmysjbrxm != null) {
            //镇级领导部门签字
            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.ydjfys.zfcxjsbmysjbrxm;
          } else if ((this.currentUserRole == 'town_leader') && this.onCliceQz == 'ydjfys.xzzfysjbrxm' && this.applicationDetail.ydjfys.xzzfysjbrxm != '' && this.applicationDetail.ydjfys.xzzfysjbrxm != null) {
            //镇级领导部门签字
            this.resultImg = this.$store.getters.baseRoutingUrl + this.applicationDetail.ydjfys.xzzfysjbrxm;
          } else {
            this.resultImg = null
            if (this.$refs.esign) {
              this.$refs.esign.reset();
            }
          }
        }
      },
      // 清空画板
      handleReset() {
        this.resultImg = null
        if (this.$refs.esign) {
          this.$refs.esign.reset();
        }
      },
      // 生成签字图
      handleGenerate() {
        this.$refs.esign
          .generate() // 使用生成器调用把签字的图片转换成为base64图片格式
          .then((res) => {
            this.resultImg = res;
          })
          .catch((err) => {
            // 画布没有签字时会执行这里提示一下
            this.$message({
              type: "warning",
              message: "请签名后再生成签字图片",
            });
          });
        // 在这里向后端发请求把转换后的base64文件传给后端，后端接收以后再转换成图片做静态图片存储
        // 当然也可以把base64转成流文件blob格式的，类似上传给后端这样，具体哪种方式看后端要求
        setTimeout(() => {
          // 这里要使用定时器稍微延后以后就能取到base64数据了，当然也可以再加一个确认按钮，如：确认使用这张base64签名图片
          // 点击确认以后，在其回调函数中，再把base64的签名图片传给后端用于存储
          const blobBin = atob(this.resultImg.split(',')[1])
          let d = []
          for (let i = 0; i < blobBin.length; i++) {
            d.push(blobBin.charCodeAt(i))
          }
          const data2 = new FormData();
          data2.append("file", new Blob([new Uint8Array(d)], {type: 'image/jpeg'}));
          uploadFile(data2).then(res => {
            console.log(res);
            console.log(this.selectedTabName);
            console.log(this.currentUserRole);
            if (this.selectedTabName == 0) {
              if (this.currentUserRole == 'village_leader' && this.onCliceQz == 'cjxzscr') {
                //村级审核人员签字
                //if(this.checkString(this.applicationDetail.tHouseApproveVillageOptions.villageLeader))
                this.applicationDetail.cjxzscr = res.fileName;
              } else if ((this.currentUserRole == 'nature_resource' || this.currentUserRole == 'town_leader') && this.onCliceQz == 'ydjfsp.zrzybmscrxm') {
                //自然资源部门签字
                this.applicationDetail.ydjfsp.zrzybmscrxm = res.fileName;
              } else if ((this.currentUserRole == 'town_leader' || this.currentUserRole == 'building') && this.onCliceQz == 'ydjfsp.zfcxjsbmscrxm') {
                //其他部门签字
                this.applicationDetail.ydjfsp.zfcxjsbmscrxm = res.fileName;
              } else if ((this.currentUserRole == 'town_leader' || this.currentUserRole == 'agriculture') && this.onCliceQz == 'ydjfsp.nyncbmscrxm') {
                //农村农业部门签字
                this.applicationDetail.ydjfsp.nyncbmscrxm = res.fileName;
              } else if (this.currentUserRole == 'town_leader' && this.onCliceQz == 'ydjfsp.xzzfshpzrxm') {
                //镇级领导签字 tHouseApproveTownOptions
                this.applicationDetail.ydjfsp.xzzfshpzrxm = res.fileName;
              }
              this.showesign = false;
            } else if (this.selectedTabName == 1) {

            } else if (this.selectedTabName == 2) {
              if ((this.currentUserRole == 'town_leader' || this.currentUserRole == 'agriculture') && this.onCliceQz == 'ydjfys.nyncbmysjbrxm') {
                //农村农业部门签字
                this.applicationDetail.ydjfys.nyncbmysjbrxm = res.fileName;
              } else if ((this.currentUserRole == 'nature_resource' || this.currentUserRole == 'town_leader') && this.onCliceQz == 'ydjfys.zrzybmysjbrxm') {
                //自然资源部门签字
                this.applicationDetail.ydjfys.zrzybmysjbrxm = res.fileName;
              } else if ((this.currentUserRole == 'building' || this.currentUserRole == 'town_leader') && this.onCliceQz == 'ydjfys.zfcxjsbmysjbrxm') {
                //自然资源部门签字
                this.applicationDetail.ydjfys.zfcxjsbmysjbrxm = res.fileName;
              } else if ((this.currentUserRole == 'town_leader') && this.onCliceQz == 'ydjfys.xzzfysjbrxm') {
                //镇级领导部门签字
                this.applicationDetail.ydjfys.xzzfysjbrxm = res.fileName;
              }
              this.showesign = false;
            }
          })
        }, 200);
      },

      //定位当前位置
      dingweiCommit(data) {
        //this.mapShow =true;
        this.mapZbNow = data;
        // saveHouseBaseInfo(this.applicationDetail).then((response) => {
        // }).catch(resp => {
        //   this.notify("保存失败!", 'danger');
        // });
        console.log(document.cookie);
        console.log(window.location.href);
        let chars = window.location.href.split("lat=")[1] || "";
        if (chars != "" && chars != null && chars != undefined) {
          var urlZb = window.location.href.split("&lat=")[0];
          window.location = `https://www.nongshen.net/static/tdtLocation/location.html?exiturl=${urlZb}`;
        } else {
          window.location = `https://www.nongshen.net/static/tdtLocation/location.html?exiturl=${window.location.href}`;
        }
      },
      dingweiCommitLook(data) {
        this.mapShow = true;
        var zb;
        //定位坐标点查看
        if (data == 'tHomeapplyYdjfkg') {
          zb = this.applicationDetail.ydjfkg.theGeomJson;
        }
        setTimeout(() => {
          var zbCl = zb.replace("POINT(", "").replace(")", "").replace(" ", ",");
          zbCl = JSON.stringify([zbCl]).replaceAll("\"", "");
          var vector_drawing;
          let projection = new ol.proj.Projection({
            //地图投影类型
            code: "EPSG:3857",
            units: "degrees",
            //extent:extent
          });
          let aerial = new ol.layer.Tile({
            source: new ol.source.XYZ({
              url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
                "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
                "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
            }),
            isGroup: true,
            name: "卫星影像图",
          });

          let yingxzi = new ol.layer.Tile({
            source: new ol.source.XYZ({
              url: "https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
            }),
            isGroup: true,
            name: "天地图文字标注--卫星影像图",
          });
          //加载地图
          let map = new ol.Map({
            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
            layers: [aerial, yingxzi],
            projection: projection,
            target: 'uuidMap',
            logo: 'false',
            view: new ol.View({
              center: ol.proj.fromLonLat(JSON.parse(zbCl)),
              //zoom: false,
              zoom: 17.9,
              minZoom: 0, //地图缩小限制
              maxZoom: 18.3, //地图放大限制
            }),
          });
          var newcenterFeature = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.fromLonLat(JSON.parse(zbCl))), //几何信息
            name: "到场点",
          });
          var sourceMapLook = new ol.source.Vector({wrapX: false});
          vector_drawing = new ol.layer.Vector({
            source: sourceMapLook,
          });
          map.addLayer(vector_drawing);
          newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
          sourceMapLook.addFeature(newcenterFeature);

          //矢量标注样式设置函数，设置image为图标ol.style.Icon
          function createLabelStyle() {
            return new ol.style.Style({
              image: new ol.style.Icon({
                //设置图标偏移
                anchor: [0.5, 1],
                //标注样式的起点位置
                anchorOrigin: "top-right",
                //X方向单位：分数
                anchorXUnits: "fraction",
                //Y方向单位：像素
                anchorYUnits: "pixels",
                //偏移起点位置的方向
                offsetOrigin: "top-right",
                //透明度
                opacity: 0.9,
                //图片路径
                src: require("../../../assets/images/housesteadSurvey/mark.png"),
              }),
              zIndex: 9999,
            });
          }
        }, 1000);
      },
      mapZbQx() {

      },
      mapZbQd() {
        // //申请审批定位
        // if(this.mapZbNow == 'tHouseApproveVillage' && this.formEnabled.baseApplyForm.villageFormEnabled){
        //   this.applicationDetail.tHouseApproveVillageOptions.theGeom = JSON.stringify(this.mapBcZb);
        // }
        // if (this.mapZbNow == 'tHouseApproveNature' && this.formEnabled.baseApplyForm.nature_resourceFormEnabled){
        //   this.applicationDetail.tHouseApproveNatureOptions.theGeomPoint = JSON.stringify(this.mapBcZb);
        // }
        // if(this.mapZbNow == 'tHouseApproveAgriculture' && this.formEnabled.baseApplyForm.agricultureFormEnabled){
        //   this.applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint = JSON.stringify(this.mapBcZb);
        // }
        // if(this.mapZbNow == 'tHouseApproveOther' && this.formEnabled.baseApplyForm.buildingFormEnabled){
        //   this.applicationDetail.tHouseApproveOtherOptions.theGeomPoint = JSON.stringify(this.mapBcZb);
        // }
        // if(this.mapZbNow == 'tHouseApproveTown' && this.formEnabled.baseApplyForm.townFormEnabled){
        //   this.applicationDetail.tHouseApproveTownOptions.theGeomPoint = JSON.stringify(this.mapBcZb);
        // }
        // //验收申请定位
        // if(this.mapZbNow == 'tHouseApplyEndNongye' && this.formEnabled.acceptingForm.agricultureFormEnabled){
        //   this.applicationDetail.tHouseApplyEnd.nongyeGeom = JSON.stringify(this.mapBcZb);
        // }
        // if(this.mapZbNow == 'tHouseApplyEndNature' && this.formEnabled.acceptingForm.nature_resourceFormEnabled){
        //   this.applicationDetail.tHouseApplyEnd.natureGeom = JSON.stringify(this.mapBcZb);
        // }
        // if(this.mapZbNow == 'tHouseApplyEndZhen' && this.formEnabled.acceptingForm.townFormEnabled){
        //   this.applicationDetail.tHouseApplyEnd.zhenGeom = JSON.stringify(this.mapBcZb);
        // }
        //申请审批定位
        if (this.formEnabled.baseApplyForm.villageFormEnabled) {
          this.applicationDetail.tHouseApproveVillageOptions.theGeom = JSON.stringify(this.mapBcZb);
        }
        if (this.formEnabled.baseApplyForm.nature_resourceFormEnabled) {
          this.applicationDetail.tHouseApproveNatureOptions.theGeomPoint = JSON.stringify(this.mapBcZb);
        }
        if (this.formEnabled.baseApplyForm.agricultureFormEnabled) {
          this.applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint = JSON.stringify(this.mapBcZb);
        }
        if (this.formEnabled.baseApplyForm.buildingFormEnabled) {
          this.applicationDetail.tHouseApproveOtherOptions.theGeomPoint = JSON.stringify(this.mapBcZb);
        }
        if (this.formEnabled.baseApplyForm.townFormEnabled) {
          this.applicationDetail.tHouseApproveTownOptions.theGeomPoint = JSON.stringify(this.mapBcZb);
        }
        //验收申请定位
        if (this.formEnabled.acceptingForm.agricultureFormEnabled) {
          this.applicationDetail.tHouseApplyEnd.nongyeGeom = JSON.stringify(this.mapBcZb);
        }
        if (this.formEnabled.acceptingForm.nature_resourceFormEnabled) {
          this.applicationDetail.tHouseApplyEnd.natureGeom = JSON.stringify(this.mapBcZb);
        }
        if (this.formEnabled.acceptingForm.townFormEnabled) {
          this.applicationDetail.tHouseApplyEnd.zhenGeom = JSON.stringify(this.mapBcZb);
        }

      },
    }
    ,
    watch: {
      selectedTabName: function (newVal, oldVal) {
        this.$nextTick(() => {
          if (newVal == PROPOSER_STAGE_BASE_APPLY) {
            this.pointDarw(null);
            // this.pointDarwNature(null);
            this.$refs.pointDarwMap && this.$refs.pointDarwMap.update();
            this.$refs.pointDarwNatureMap && this.$refs.pointDarwNatureMap.update();
          } else if (newVal == PROPOSER_STAGE_START) {
            // this.paintStartNatureMap(null);
            this.$refs.startNatureMap && this.$refs.startNatureMap.update();
          } else if (newVal == PROPOSER_STAGE_END) {
            // this.pointWrapAcceptance(null);
            this.$refs.pointDarwAcceptanceMap && this.$refs.pointDarwAcceptanceMap.update();
          }
        })
      }
      ,
    }
  }
</script>

<style scoped lang="scss">
  .app-container {
    padding-bottom: 5%;

  .header_main {
    height: 116px;
    background: url('../../../assets/images/sunVillage_info/list_head_green.png') no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 36px;
    line-height: 116px;
    text-align: center;
    color: #fff;
    position: relative;

  .return_btn {
    width: 24px;
    height: 43.2px;
    background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
    background-size: 20px 36px;
    position: absolute;
    left: 38px;
    top: 36px;
  }

  .add_btn {
    width: 20PX;
    height: 20PX;
    background: url('../../../../static/images/icon/icon_flow.png') center center no-repeat;
    background-size: 20PX 20PX;
    position: absolute;
    right: 38px;
    top: 36px;
  }

  }
  }
  .examine_box {
    background-color: #1D6FE9 !important;
    padding: 0.18rem !important;
    padding-left: 0 !important;
    border-radius: 0.15rem !important;
    margin-top: 0.3rem !important;
  }

  .examine_box .van-col:first-child {
    color: #FFF !important;
    font-size: 0.45rem !important;
    text-align: center !important;
  }

  .examine_box .van-col:last-child {
    background-color: #FFF !important;
    border-radius: 0.15rem !important;
    overflow: hidden !important;

  .van-radio-group--horizontal {
    padding: 0.2rem 0;
    border-bottom: 1px solid #eee;
  }

  }
  #mapWrap {
    width: 96%;
    margin: 0 auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
  }

  .mapBox {
    position: relative;

  .mapBox_button {
    position: absolute;
    top: 0.2rem;
    right: 2%;
  }

  }
  .van-steps {
    padding: 2% 6% 0;
  }

  .topTit {
    margin-top: 0.4rem;
    font-size: 0.45rem;
    background-color: #1D6FE9;
    color: #FFFFFF;
    line-height: 58px;
    text-align: center;
    padding: 15px 0;
    box-shadow: 0px 3px 6px 0px rgba(15, 67, 145, 0.40);
  }

  .main_title {
    font-size: 0.4rem;
    color: #1D6FE9;
    margin: 0.2rem 6%;
    position: relative;
  }

  .main_box {
    width: 96%;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    background-color: #FFF;
  }

  .collapse {
    width: 96%;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    margin-bottom: 15px;
  }

  /deep/ .van-radio--horizontal {
    margin-left: 20px;
    margin-right: 0;
  }

  .file-box {
    padding: 2% 5% 0;
  }

  .submitButton {
    width: 80%;
    margin: 0 auto;
    border-radius: 14px;
  }

  .timeTit {
    text-align: center;
    font-size: 16px;
    line-height: 27px;
  }

  .action-box {
    padding: 15px 0 !important;
    margin-top: 0.4rem;
  }

  .check-box {
    margin-top: 0.4rem;
  }

  .addFamily {
    position: absolute;
    top: -2px;
    right: 0;
    border-radius: 50%;
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
  }

  .deleteFamily {
    position: absolute;
    top: -0.35rem;
    right: 6%;
    z-index: 9;
    border-radius: 50%;
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
  }

  .familyList {
    margin-top: 0.4rem;
    position: relative;
  }

  .noModify {

  .topTit {
    background-color: #ABABAB;
    box-shadow: 0px 3px 6px 0px rgba(171, 171, 171, 0.40);
  }

  .van-cell__title {
    color: #B4B0B0;
  }

  }
  .flow_main_box {
    width: 96%;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    background-color: #FFF;
    margin-top: 2%;
    padding: 5% 1%;

  .van-col {
    text-align: center;
  }

  .tit {
    background: #1d6fe9;
    border-radius: 12px;
    font-size: 0.4rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.65rem;
    letter-spacing: 0px;
    width: 70%;
    margin: 0 auto;
  }

  .van-step--vertical {
    padding-right: 0;
    text-align: left;
  }

  .van-step--vertical:not(:last-child)::after {
    border: none;
  }

  .van-step--finish {
    color: #1d6fe9;
  }

  }
  .van-goods-action {
    justify-content: center;
  }

  .van-goods-action-button--first {
    border-radius: 0.053333rem;
  }

  .van-goods-action-button--last {
    border-radius: 0.053333rem;
  }

  .van-goods-action-button {
    margin-left: 0.1rem;
  }

  .fuTitle {
    border-top: 1px solid #e9e9e9;
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-size: 18px;
    color: #999;
  }

  .zkshStyle {
    margin: 0 50%;
  }

  #mapDiv {
    width: 100%;
    height: 400px
  }

  input,
  b,
  p {
    margin-left: 5px;
    font-size: 14px
  }
</style>