From 6aa6ea1583698228dcbaff43a28c674fc0390ead Mon Sep 17 00:00:00 2001
From: xyq <392009588@qq.com>
Date: Tue, 3 Jan 2023 08:33:55 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E5=AE=85=E5=9F=BA=E5=9C=B0=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E6=89=8B=E6=9C=BA=E7=AB=AF=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/onlineHome/homestead/houseProposer.js |    1 +
 .../sunVillage_info/homestead/application.js  |  230 +
 src/components/home/HomeApplyUploadComp.vue   |  302 +
 src/router/index.js                           |   22 +-
 .../homeApplication/applicationAdd.vue        | 1039 ++++
 .../homeApplication/applicationForm.vue       | 1131 ++++
 .../homeApplication/applicationList.vue       |  241 +
 .../homeApplication/proposerLite.vue          | 5072 +++++++++++++++++
 .../sunVillage_info/index_code_rights.vue     |    5 +
 src/views/yinnong/doneCompleted/completed.vue |    9 +-
 src/views/yinnong/doneCompleted/done.vue      |    9 +-
 11 files changed, 8057 insertions(+), 4 deletions(-)
 create mode 100644 src/api/sunVillage_info/homestead/application.js
 create mode 100644 src/components/home/HomeApplyUploadComp.vue
 create mode 100644 src/views/sunVillage_info/homeApplication/applicationAdd.vue
 create mode 100644 src/views/sunVillage_info/homeApplication/applicationForm.vue
 create mode 100644 src/views/sunVillage_info/homeApplication/applicationList.vue
 create mode 100644 src/views/sunVillage_info/homeApplication/proposerLite.vue

diff --git a/src/api/onlineHome/homestead/houseProposer.js b/src/api/onlineHome/homestead/houseProposer.js
index 82c8a2bf..ad5e8f39 100644
--- a/src/api/onlineHome/homestead/houseProposer.js
+++ b/src/api/onlineHome/homestead/houseProposer.js
@@ -141,3 +141,4 @@ export function selectProposerWLHT(id, data) {
     params: data
   })
 }
+
diff --git a/src/api/sunVillage_info/homestead/application.js b/src/api/sunVillage_info/homestead/application.js
new file mode 100644
index 00000000..0e98f786
--- /dev/null
+++ b/src/api/sunVillage_info/homestead/application.js
@@ -0,0 +1,230 @@
+import request from '@/utils/request'
+
+//查询列表
+export function getList(data){
+  return request({
+    url:'/home/mobile/proposer/list',
+    method:'get',
+    params:data
+  })
+}
+
+//获取申请单明细
+export function allInformation(id){
+  return request({
+    url:'/home/allinformation/'+id,
+    method:'get',
+  })
+}
+
+//获取申请单明细
+export function allInformationAnnounce(id){
+  return request({
+    url:'/home/allinformation/'+id+'?type=announce',
+    method:'get',
+  })
+}
+
+//获取文件配置
+export function treeSingleProcessView(data){
+  return request({
+    url:'/home/mobile/treeSingleProcessView',
+    method:'get',
+    params:data
+  })
+}
+
+//获取上传附件
+export function attachmentFind(data){
+  return request({
+    url:'/home/mobile/find',
+    method:'get',
+    params:data
+  })
+}
+
+//保存申请
+export function saveHomeBaseInfo(data){
+  return request({
+    url:'/home/mobile/saveHomeBaseInfo',
+    method:'post',
+    data:data
+  })
+}
+
+//提交申请
+export function saveHouseBaseInfoThenSubmit(data){
+  return request({
+    url:'/home/custom/saveHouseBaseInfoThenSubmit',
+    method:'post',
+    data:data
+  })
+}
+
+//同意审批
+export function agreeApply(data){
+  return request({
+    url:'/home/mobile/agreeApply',
+    method:'post',
+    data:data
+  })
+}
+
+//驳回审批
+export function rejectApply(data){
+  return request({
+    url:'/home/mobile/rejectApply',
+    method:'post',
+    data:data
+  })
+}
+
+//上传图片
+export function attach(data){
+  console.log(data)
+  return request({
+    url:'/common/attach',
+    method:'post',
+    headers:{'Content-Type': 'application/x-www-form-urlencoded;boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW'},
+    data:data
+  })
+}
+
+//删除列表项
+export function removeList(id){
+  return request({
+    url:'/home/mobile/proposer/remove/'+id,
+    method:'get'
+  })
+}
+
+//删除附件
+export function removeFile(id){
+  return request({
+    url:'/home/mobile/fileRemove/'+id,
+    method:'get'
+  })
+}
+
+//获取户主信息
+export function getHomeMembers(data){
+  return request({
+    url:'/home/mobile/getHomeMembers',
+    method:'get',
+    params:data
+  })
+}
+
+//获取申请单明细 WLHT
+export function allInformationWLHT(id){
+  return request({
+    url:'/home/mobile/getYdjfsq/'+id,
+    method:'get',
+  })
+}
+
+// 查询文件配置树
+export function getAttachmentConfigTree(query) {
+  return request({
+    url: '/home/mobile/getAttachmentConfigTree',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增地房申请-申请人
+export function addProposer(data) {
+  return request({
+    url: '/home/custom/saveHouseBaseInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+//检查是否重复建房
+export function checkDuplicateBuilding(query) {
+  return request({
+    url: '/home/mobile/checkDuplicateBuilding',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询农房户型列表
+export function listHomeapplytype(query) {
+  return request({
+    url: '/home/mobile/tytzList',
+    method: 'get',
+    params: query
+  })
+}
+//查询宅地信息
+export function checkDuplicateBuildingQuery(id) {
+  return request({
+    url: '/home/mobile/applyDetail/' + id,
+    method: 'get'
+  })
+}
+
+//乌兰浩特申请单人操作
+export function customSubmitWLHT(id) {
+  return request({
+    url: '/home/mobile/publish/' + id,
+    method: 'post'
+  })
+}
+// 新增地房申请-开工申请
+export function submitStartWLHT(id) {
+  return request({
+    url: '/home/mobile/publishStart/'+id,
+    method: 'post',
+  })
+}
+
+// 修改地房申请-开工申请
+export function updateStart(data) {
+  return request({
+    url: '/home/start/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 提交地房申请-验收意见(乌兰浩特 简化流程)
+export function submitEndWLHT(id) {
+  return request({
+    url: '/home/mobile/publishCheck/'+id,
+    method: 'post',
+  })
+}
+
+//查询当前登录账号坐标
+export function getQueryLand(id) {
+  return request({
+    url: '/home/mobile/get/current/' + id,
+    method: 'get'
+  })
+}
+
+//查询当前登录账号坐标
+export function getWorkflow() {
+  return request({
+    url: '/home/mobile/workflow',
+    method: 'get'
+  })
+}
+// 查询农户信息
+export function selectProposerNh(data) {
+  return request({
+    url: '/home/mobile/queryHomeBaseNh' ,
+    method: 'get',
+    params: data
+  })
+}
+//驳回提交清空历史审批记录
+export function updateOpretion(id) {
+  return request({
+    url: '/home/custom/updateOpretion/' + id,
+    method: 'post'
+  })
+}
diff --git a/src/components/home/HomeApplyUploadComp.vue b/src/components/home/HomeApplyUploadComp.vue
new file mode 100644
index 00000000..62b302b5
--- /dev/null
+++ b/src/components/home/HomeApplyUploadComp.vue
@@ -0,0 +1,302 @@
+<template>
+  <div v-if="this.attachmentList.length !== 0">
+    <p class="main_title">当前节点所需上传文件</p>
+    <van-steps direction="vertical" :active="active">
+      <van-step
+        v-for="(item, index) in attachmentList"
+        :key="index">
+        <van-collapse :accordion="true" v-model="item.collapse">
+          <van-collapse-item :title="item.fileTypeName + '(' + item.fileList.length + ')'" :name="0">
+            <van-uploader
+              v-model="item.fileList"
+              :after-read="(file, detail) => { handleUploadSuccess(file, detail, item); }"
+              :readonly="disabled || !item.current"
+              :show-upload="!disabled && item.current"
+              :before-delete="handleRemove"
+              :deletable="!disabled && item.current"
+              accept=".jpg,.png,.gif,.pdf,.doc,.docx,.xlsx,.xls"
+              :before-read="checkFile"
+            >
+              <!-- accept=".jpg,.png,.gif,.pdf,.doc,.docx,.xlsx,.xls" 设置了无法拉起相机/下载
+              :disabled="disabled || !item.current"
+              -->
+            </van-uploader>
+          </van-collapse-item>
+        </van-collapse>
+      </van-step>
+    </van-steps>
+
+  </div>
+</template>
+
+<script>
+import { treeSingleProcessView  , attach , removeFile , getAttachmentConfigTree, attachmentFind } from "@/api/sunVillage_info/homestead/application";
+import {getToken} from "@/utils/auth";
+import request from '@/utils/request'
+import {Notify} from "vant";
+/** 导入JS方法 */
+
+export default {
+  name: "houseApplyUploadComp",
+  components: {},
+  props: ["businessType", "proposerId", "houseApplyStatus", "processKey", "tableName", "readonly", 'full',"userName"],
+  data() {
+    return {
+      disabled: this.readonly,
+      loading: false,
+      attachmentList: [],
+      uploadImg: {
+        //上传图片配置
+        uploadImgUrl: "/home/mobile/common/attach",
+      },
+      newAttachments: [],
+      active: -1,
+      has: false,
+    }
+  },
+  watch: {
+    proposerId: function (newVal, oldVal) {
+      this.showAttachmentComp(this.businessType, newVal, this.houseApplyStatus, this.processKey, this.tableName, this.full);
+    },
+    readonly: function (newVal, oldVal) {
+      this.disabled = newVal;
+    },
+  },
+  created() {
+    console.info(this.houseApplyStatus);
+    if (this.businessType !== null && this.proposerId == -1) {
+      this.showAttachmentComp(this.businessType, this.proposerId, this.houseApplyStatus, this.processKey, this.tableName, this.full)
+    }
+  },
+  methods: {
+    handleUploadSuccess(file, detail, item) {
+      this.setFileStatus(file, 'uploading', '文件上传中...');
+      let formData = new FormData;
+      formData.set('file', file.file);
+      this.$set(item.postData, 'userName', this.userName);
+      request({
+        url: this.uploadImg.uploadImgUrl,
+        method: "post",
+        params: item.postData,
+        data: formData,
+      }).then((resp) => {
+        if(resp.code == 200)
+        {
+          file.response = resp;
+          console.log(resp);
+          file.fileList = item.fileList;
+          this.onFileListChanged("ADD", resp.id);
+          this.setFileStatus(file, 'done', '文件上传成功');
+          this.$emit('onUploadSuccess', file);
+        }
+        else
+          this.setFileStatus(file, 'fail', '文件上传失败!');
+      }).catch((e) => {
+        this.setFileStatus(file, 'fail', '文件上传失败!');
+      });
+      return true;
+    },
+    handleRemove(file, detail) {
+      console.log(file, detail);
+      this.setFileStatus(file, 'uploading', '文件删除中...');
+      let id = file.id || file.response.id;
+      removeFile(id).then(resp => {
+        if(this.proposerId != -1 && false) // 不刷新
+          this.showAttachmentComp(this.businessType, this.proposerId, this.houseApplyStatus, this.processKey, this.tableName, this.full)
+/*        else // 新增时
+        {
+          let fileList = file.fileList;
+          //console.log(fileList);
+          fileList.splice(fileList.indexOf(file), 1);
+        }*/
+        this.setFileStatus(file, 'done', '文件删除成功');
+        this.onFileListChanged("REMOVE", id);
+      }).catch((e) => {
+        this.setFileStatus(file, 'fail', '文件删除失败!');
+      }).finally(() => {
+        //loading.close();
+      });
+      return true;
+    },
+    showAttachmentComp(businessType, proposerId, houseApplyStatus, processKey, tableName, full) {
+      this.attachmentList = [];
+      this.active = -1;
+      this.has = false;
+      if(!full && 0)
+      {
+        this.getCurrentFiles(businessType, proposerId, houseApplyStatus, processKey, tableName);
+      }
+      else
+      {
+        this.getHistoryFiles(businessType, proposerId, houseApplyStatus, processKey, tableName);
+      }
+    },
+    formatFile(list) {
+      if (list !== null && list !== undefined) {
+        const baseImgUrl = this.$store.getters.baseRoutingUrl;
+        let UfileList = []; //上传图片列表
+        list.forEach((value, index) => {
+          UfileList.push({
+            name: value.fileName,
+            fileUrl: value.fileUrl,
+            url: baseImgUrl + value.fileUrl,
+            id: value.id,
+            fileList: UfileList,
+          });
+        });
+        return UfileList;
+      }
+    },
+    onFileListChanged(type, id) {
+      if(this.proposerId != -1) return;
+      if(type === "ADD")
+      {
+        this.newAttachments.push(id);
+      }
+      else if(type === "REMOVE")
+      {
+        let index = this.newAttachments.indexOf(id);
+        if(index !== -1)
+          this.newAttachments.splice(index, 1);
+      }
+      console.log(this.newAttachments);
+      this.$emit('uploadFinished', this.newAttachments);
+    },
+    getCurrentFiles(businessType, proposerId, houseApplyStatus, processKey, tableName) {
+      this.loading = true;
+      treeSingleProcessView({
+        businessType: businessType,
+        houseApplyStatus: houseApplyStatus,
+        processKey: processKey,
+        tableName: tableName,
+      }).then(res => {
+        this.handleResponse(res.rows, proposerId, houseApplyStatus, tableName);
+        if(this.attachmentList.length === 0)
+        {
+          this.disabled = true;
+          this.getHistoryFiles(businessType, proposerId, houseApplyStatus, processKey, tableName);
+        }
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    getHistoryFiles(businessType, proposerId, houseApplyStatus, processKey, tableName) {
+      this.loading = true;
+      getAttachmentConfigTree({
+        businessType: businessType,
+        nodeStatus: houseApplyStatus,
+        processKey: processKey,
+        nodeStatusSort: '1,32,2,3,33,31,4,5,34,6,7,8,9,10,'
+          + '12,13,14,15,16,17,28,19,18,'
+          + '20,21,22,23,24,25,30,29,26,27'
+        ,
+      }).then(resp => {
+        //console.log(resp);
+        try {
+          if(!resp.data || resp.data.length === 0)
+            return;
+          let rows = resp.data[0].params.children;
+          rows.forEach((value, index) => {
+            if (!value.params.children)
+              return;
+            this.handleResponse(value.params.children, proposerId, houseApplyStatus, tableName);
+          });
+        }
+        catch (e)
+        {
+          console.error(e);
+        }
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    handleResponse(rows, proposerId, houseApplyStatus, tableName) {
+      rows.forEach((value, index) => {
+          let obj = {
+            fileTypeName: value.fileTypeName,
+            tableId: proposerId,
+            tableName: tableName,
+            fileList: [],
+            fileType: value.fileType,
+            postData: {
+              tableId: proposerId,
+              tableName: tableName,
+              bizPath: tableName,
+              fileType: value.fileType,
+            },
+            current: value.nodeStatus == houseApplyStatus,
+            collapse: this.disabled || value.nodeStatus == houseApplyStatus ? 0 : '',
+          };
+          if(value.nodeStatus != houseApplyStatus && !this.has)
+            this.active++;
+          if(value.nodeStatus == houseApplyStatus)
+          {
+            if(!this.has)
+              this.active++;
+            this.has = true;
+          }
+          this.attachmentList.push(obj);
+
+      });
+      if (proposerId !== -1) {
+        this.attachmentList.forEach((value, index) => {
+          attachmentFind(value).then(resp => {
+            let list = this.formatFile(resp.data);
+            this.$set(this.attachmentList[index], "fileList", list);
+          });
+        });
+      }
+      console.info(this.attachmentList);
+    },
+    setFileStatus(file, status, message) {
+      file.status = status;
+      file.message = message;
+    },
+    checkFile(file) {
+      let mime = file.type;
+      if([
+        "image/png",
+        "image/jpeg",
+        "image/gif",
+        "image/bmp",
+      ].indexOf(mime) === -1)
+      {
+        this.notify('请上传jpg/png/gif/bmp等格式图片!', 'danger');
+        return false;
+      }
+      return true;
+    },
+    notify(message, type) {
+      Notify.clear();
+      Notify({ type: type || 'primary', message: message });
+    },
+  }
+};
+</script>
+<style scoped>
+.my_class >>> .el-upload--picture-card {
+  width: 72px;
+  height: 72px;
+  line-height: 78px;
+}
+
+.my_class >>> .el-upload-list__item {
+  width: 72px;
+  height: 72px;
+}
+
+.my_class >>> .el-upload-list__item-preview {
+  width: 20px;
+}
+
+.my_class >>> .el-upload-list__item-delete {
+  width: 20px;
+}
+
+.main_title{
+  font-size: 0.4rem;
+  color: #1D6FE9;
+  margin: 0.2rem 6%;
+  position: relative;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index e464f873..614e2b7b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1291,7 +1291,7 @@ export const constantRoutes = [
       title: '宅基地审批',
       hidden: true,
     },
-    component: (resolve) => require(['@/views/onlineHome/homestead/homeApproval/approvalForm'], resolve)
+    component: (resolve) => require(['@/views/sunVillage_info/homeApplication/proposerLite'], resolve)
   },
   // {
   //   path: '/onlineHome/approvalList',
@@ -2780,7 +2780,7 @@ export const constantRoutes = [
     path: '/proposerLite',
     name: 'proposerLite',
     meta: {
-      title: '农村宅基地申请(简)',
+      title: '农村宅基地申请(信)',
       hidden: true,
     },
     component: (resolve) => require(['@/views/onlineHome/homestead/homeApplication/proposerLite'], resolve)
@@ -3524,6 +3524,24 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/list_vote'], resolve)
   },
+  { ////阳光村务（新）-- 宅基地申请
+    path: '/sunVillage_info/homeApplication/applicationList',
+    name: 'sunVillageInfoApplicationList',
+    meta: {
+      title: '宅基地申请',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/homeApplication/applicationList'], resolve)
+  },
+  {
+    path: '/sunVillage_info/proposerLite',
+    name: 'sunVillageInfoProposerLite',
+    meta: {
+      title: '农村宅基地申请',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/homeApplication/proposerLite'], resolve)
+  },
   { ////阳光村务（新）-- 合同信息
     path: '/sunVillage_info/list_vote_detail',
     name: 'sunVillageInfoListVoteDetail',
diff --git a/src/views/sunVillage_info/homeApplication/applicationAdd.vue b/src/views/sunVillage_info/homeApplication/applicationAdd.vue
new file mode 100644
index 00000000..53e41a5d
--- /dev/null
+++ b/src/views/sunVillage_info/homeApplication/applicationAdd.vue
@@ -0,0 +1,1039 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        title="用地建房申请"
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+      />
+      <p class="topTit">农村宅基地和建房（规划许可）申请表</p>
+      <div class="main">
+        <van-form @submit="onSubmit">
+          <div v-if="applicationDetail.tHouseApplyProposer">
+            <p class="main_title">申请户主信息</p>
+            <div class="main_box">
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="姓名" placeholder="姓名" input-align="right"/>
+            <van-field
+              readonly
+              clickable
+              name="picker"
+              v-model="sexValue"
+              label="性别"
+              placeholder="选择性别"
+              @click=" auditStatus==true ? '' : showSex = true"
+              input-align="right"
+              right-icon="arrow-down"
+              :rules="[{ required: true }]" required
+            />
+            <van-popup v-model="showSex" position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="userSex"
+                @confirm="onConfirmSex"
+                @cancel="showSex = false"
+                :readonly="auditStatus"
+              />
+            </van-popup>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.age" label="年龄" placeholder="年龄" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.phone" label="联系电话" placeholder="联系电话" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.familyAddress" label="家庭住址" placeholder="家庭住址" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.members" label="家庭人口数" placeholder="家庭人口数" input-align="right"/>
+            <van-cell title="是否已有宅基地">
+              <template #right-icon>
+                <van-radio-group :rules="[{ required: true }]" required :disabled="auditStatus" @change="existHomesteadChange" v-model="applicationDetail.tHouseApplyProposer.existHomestead" direction="horizontal">
+                  <van-radio name="Y">是</van-radio>
+                  <van-radio name="N">否</van-radio>
+                </van-radio-group>
+              </template>
+            </van-cell>
+          </div>
+          </div>
+
+          <div v-if="applicationDetail.tHouseApplyFamilyMembers">
+            <p class="main_title">家庭成员信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily" @click="addFamily" v-if="!auditStatus" /></p>
+            <van-collapse  v-model="activeNames" v-if="auditStatus">
+              <van-collapse-item  class="collapse" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index" :name="index+1">
+                <template #title>
+                  <van-row>
+                    <van-col span="8">{{item.memberName}}</van-col>
+                    <van-col span="8">{{item.age}}</van-col>
+                    <van-col span="8">{{item.familyStatusName}}</van-col>
+                  </van-row>
+                </template>
+                <van-field :readonly="auditStatus" v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
+                <van-field :readonly="auditStatus" v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
+                <van-field :readonly="auditStatus" v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
+                <van-field :readonly="auditStatus" v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
+                <van-field :readonly="auditStatus" v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+              </van-collapse-item>
+            </van-collapse>
+            <div class="familyList" v-if="!auditStatus" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index">
+              <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 v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
+                <van-field v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
+                <van-field v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
+                <van-field v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
+                <van-field v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+              </div>
+            </div>
+<!--            <div class=" familyList">-->
+<!--              <van-button icon="minus" size="mini" type="danger" class="deleteFamily" />-->
+<!--              <div class="main_box">-->
+<!--                <van-field label="姓名" placeholder="姓名" input-align="right"/>-->
+<!--                <van-field label="年龄" placeholder="年龄" input-align="right"/>-->
+<!--                <van-field label="与户主关系" placeholder="与户主关系" input-align="right"/>-->
+<!--                <van-field label="身份证号" placeholder="身份证号" input-align="right"/>-->
+<!--                <van-field label="户口所在地" placeholder="户口所在地" input-align="right"/>-->
+<!--              </div>-->
+<!--            </div>-->
+          </div>
+
+          <div v-if="CurrentSituation">
+            <p class="main_title">现宅基地及农房状况</p>
+            <div class="main_box">
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landPerArea" label="人均宅基地面积" placeholder="人均宅基地面积㎡" input-align="right" label-width="auto"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landCertificateNo" label="不动产单元号" placeholder="不动产单元号" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingArea" label="建筑面积" placeholder="建筑面积㎡" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingPerArea" label="人均建筑面积" placeholder="人均建筑面积㎡" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo" label="农民房屋幢号" placeholder="户口所在地" input-align="right"/>
+              <van-field
+                readonly
+                clickable
+                name="picker"
+                :value="landIsposalValue"
+                label="处置情况"
+                placeholder="选择宅基地处置情况"
+                @click=" auditStatus==true ? '' : showLandIsposal = true"
+                input-align="right"
+                right-icon="arrow-down"
+                :readonly="auditStatus"
+                :rules="[{ required: true }]" required
+              />
+              <van-popup v-model="showLandIsposal" position="bottom">
+                <van-picker
+                  show-toolbar
+                  :columns="landIsposal"
+                  @confirm="onConfirmLandIsposal"
+                  @cancel="showLandIsposal = false"
+                  :readonly="auditStatus"
+                />
+              </van-popup>
+
+  <!--            <van-field-->
+  <!--              readonly-->
+  <!--              clickable-->
+  <!--              name="picker"-->
+  <!--              :value="applicationDetail.tHouseApplyCurrentSituation.buildingType"-->
+  <!--              label="建房类型"-->
+  <!--              placeholder="选择建房类型"-->
+  <!--              @click="showBuildingType = true"-->
+  <!--              input-align="right"-->
+  <!--              right-icon="arrow-down"-->
+  <!--            />-->
+  <!--            <van-popup v-model="showBuildingType" position="bottom">-->
+  <!--              <van-picker-->
+  <!--                show-toolbar-->
+  <!--                :columns="buildingType"-->
+  <!--                @confirm="onConfirmBuildingType"-->
+  <!--                @cancel="showBuildingType = false"-->
+  <!--              />-->
+  <!--            </van-popup>-->
+            </div>
+          </div>
+
+          <div v-if="applicationDetail.tHouseApplyProposedSituation">
+            <p class="main_title">拟申请宅基地及建房情况</p>
+            <div class="main_box">
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.location" label="拟建位置" placeholder="拟建位置" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.east" label="东至" placeholder="东至" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.west" label="西至" placeholder="西至" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.south" label="南至" placeholder="南至" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.north" label="北至" placeholder="北至" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingFloors" label="建筑层数" placeholder="建筑层数" input-align="right"/>
+            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingHight" label="建筑高度" placeholder="建筑高度" input-align="right"/>
+            <van-cell title="是否征求相邻权利人意见">
+              <template #right-icon>
+                <van-radio-group :disabled="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.isAdvice" direction="horizontal">
+                  <van-radio name="1">是</van-radio>
+                  <van-radio name="2">否</van-radio>
+                </van-radio-group>
+              </template>
+            </van-cell>
+            <van-field
+              readonly
+              clickable
+              name="picker"
+              v-model="housingStructureValue"
+              label="房屋构造"
+              placeholder="选择房屋构造"
+              @click=" auditStatus==true ? '' : showHousingStructure = true"
+              input-align="right"
+              right-icon="arrow-down"
+              :rules="[{ required: true }]" required
+            />
+            <van-popup v-model="showHousingStructure" position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="housingStructure"
+                @confirm="onConfirmHousingStructure"
+                @cancel="showHousingStructure = false"
+                :readonly="auditStatus"
+              />
+            </van-popup>
+            <van-field
+              readonly
+              clickable
+              name="picker"
+              :value="buildingTypeValue"
+              label="建房类型"
+              placeholder="选择建房类型"
+              @click=" auditStatus==true ? '' : showBuildingType = true"
+              input-align="right"
+              right-icon="arrow-down"
+              :rules="[{ required: true }]" required
+            />
+            <van-popup v-model="showBuildingType" position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="buildingType"
+                @confirm="onConfirmBuildingType"
+                @cancel="showBuildingType = false"
+              />
+            </van-popup>
+            <van-cell title="设计图纸">
+              <template #right-icon>
+                <van-radio-group :disabled="auditStatus" @change="designPaperChange" v-model="applicationDetail.tHouseApplyProposedSituation.designPaper" direction="horizontal">
+                  <van-radio name="1">委托设计</van-radio>
+                  <van-radio name="2">选通用图</van-radio>
+                </van-radio-group>
+              </template>
+            </van-cell>
+            <van-field
+              readonly
+              clickable
+              name="picker"
+              :value="houseTypeValue"
+              placeholder="选择户型图"
+              @click=" auditStatus==true ? '' : showHouseType = true"
+              input-align="right"
+              right-icon="arrow-down"
+              v-if="showHouse"
+              :rules="[{ required: true }]" required
+            />
+            <van-popup v-model="showHouseType" position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="houseType"
+                @confirm="onConfirmHouseType"
+                @cancel="showHouseType = false"
+              />
+            </van-popup>
+          </div>
+            <div class="mapBox">
+              <div id="mapWrap" style="height: 200px;"></div>
+              <div class="mapBox_button">
+                <van-button id="drawPolygon" native-type="button" icon="../../../static/images/icon/icon_ht.png" type="default" block round size="small"></van-button>
+                <van-button id="drawRemove" native-type="button" icon="cross" type="default" block round size="small" style="margin-top: 0.2rem"></van-button>
+              </div>
+            </div>
+          </div>
+
+          <div v-if="applicationDetail.tHouseApplyProposer">
+            <p class="main_title">申请理由</p>
+            <div class="main_box">
+            <van-field
+              rows="3"
+              autosize
+              type="textarea"
+              placeholder="申请理由"
+              input-align="left"
+              v-model="applicationDetail.tHouseApplyProposer.applyReasion"
+              :readonly="auditStatus"
+              :rules="[{ required: true }]" required
+            />
+            <van-row>
+              <van-col span="12"><van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="申请人" placeholder="申请人" input-align="left" label-width="auto"/></van-col>
+              <van-col span="12">
+                <van-field :rules="[{ required: true }]" required :readonly="auditStatus" clickable v-model="applicationDetail.tHouseApplyProposer.applyTime" label-width="auto" placeholder="选择日期" @click="showApplyTime = true">
+                  <template #label>
+                    <van-icon name="notes-o" size="20"/>
+                  </template>
+                </van-field>
+                <van-calendar v-model="showApplyTime" @confirm="onConfirmApplyTime" />
+<!--                <van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.applyTime == '' ? nowTime : applicationDetail.tHouseApplyProposer.applyTime" label-width="auto">-->
+<!--                  <template #label>-->
+<!--                    <van-icon name="notes-o" size="20"/>-->
+<!--                  </template>-->
+<!--                </van-field>-->
+              </van-col>
+            </van-row>
+          </div>
+          </div>
+
+          <div v-for="(item , index) in fileArray" :key="index">
+            <p class="main_title">{{item.fileTypeName}}</p><!-- 未对接 -->
+            <div class="main_box file-box">
+<!--              <van-uploader v-if="item.findList" v-model="item.findList" multiple />-->
+              <van-uploader :after-read="afterRead" :before-delete="deleteFile" v-model="item.findList" multiple />
+            </div>
+          </div>
+          <div v-if="applicationDetail.tHouseApplyProposer" style="margin: 16px;">
+            <van-row>
+              <van-col span="12" align="center">
+                <van-button type="info" native-type="submit" class="submitButton">保存</van-button>
+              </van-col>
+              <van-col span="12" align="center">
+                <van-button type="info" native-type="submit" class="submitButton">保存并提交</van-button>
+              </van-col>
+            </van-row>
+            <div class="clear"></div>
+          </div>
+        </van-form>
+      </div>
+    </div>
+</template>
+
+<script>
+  import { treeSingleProcessView  , saveHouseBaseInfo , houseList , attach , removeFile , getHouseMembers } from "@/api/onlineHome/homestead/application";
+  import {getQueryLand} from "@/api/homesteadSurvey/zjdzd";
+  import $ from "jquery";
+  export default {
+  name: "applicationForm",
+  data() {
+    return {
+      active: 0,
+      nowTime: '',//当前日期
+      fileList: [],
+      fileList2: [],
+      radio:'1',
+      value: '',
+      columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
+      showPicker: false,
+      showBuildingType: false,
+      showLandIsposal: false,
+      showHousingStructure: false,
+      showStartDate: false,
+      showEndDate: false,
+      showApplyTime:false,
+      showHouseType:false,
+      showHouse:false,
+      showSex:false,
+      id:'',
+      applicationDetail:{
+        //上传文件id
+        fileList: [],
+        tHouseApplyProposer: {
+          memberName: '',
+          farmerCode: "",
+          sex: "",
+          age: '',
+          phone: "",
+          idcard: "",
+          householdRegister: "",
+          familyAddress: "",
+          members: '',
+          applyReasion: "",
+          houseSource: '',
+          existHomestead: "Y"
+        },
+        tHouseApplyFamilyMembers: [
+          {
+            memberName: "",
+            age: '',
+            idcard: "",
+            familyStatusName: "",
+            householdRegister: ""
+          }
+        ],
+        tHouseApplyCurrentSituation: {
+          landArea: "",
+          landPerArea: "",
+          landCertificateNo: "",
+          buildingPerArea: "",
+          houseCertificateNo: "",
+          landIsposal: "",
+          reservedArea: "",
+          otherRemark: "",
+          buildingType: "",
+          buildingArea: ""
+        },
+        tHouseApplyProposedSituation: {
+          location: "",
+          landArea: "",
+          east: "",
+          west: "",
+          south: "",
+          north: "",
+          geographicType: "",
+          constructionLandArea: "",
+          unusedLandArea: "",
+          agriculturalLandArea: "",
+          farmLandArea: "",
+          forestLandArea: "",
+          buildingArea: "",
+          buildingFloors: "",
+          buildingHight: "",
+          designPaper: "1",
+          housingStructure: "",
+          isAdvice: "1",
+          buildingType: "",
+          theGeom:''
+        }
+      },
+      //建房类型字典
+      buildingType:[],
+      //处置情况字典
+      landIsposal:[],
+      //房屋构造字典
+      housingStructure:[],
+      //性别字典
+      userSex:[],
+      //户型
+      houseType:[],
+      //请求参数
+      parameter:{
+        businessType: "house",
+        houseApplyStatus: 1,
+        processKey: "baseApply",
+        tableName: "t_house_apply_proposer"
+      },
+      //文件配置
+      fileArray:[],
+      //获取上传附件
+      params:{
+        tableId: '',
+        tableName: "t_house_apply_proposer",
+        fileType: ''
+      },
+      auditStatus:false,
+      activeNames:['1'],
+      housingStructureValue:'',//当前显示房屋构造
+      buildingTypeValue:'',//当前显示建房类型
+      landIsposalValue:'',//当前显示处置情况
+      houseTypeValue:'',//当前显示户型
+      sexValue:'',//当前显示性别
+      CurrentSituation:false,
+    };
+  },
+  created() {
+    this.getDetail()
+  },
+  methods: {
+    afterRead(file) {
+      this.$forceUpdate();
+      return;
+      // 此时可以自行将文件上传至服务器
+      for ( var i = 0 ; i < this.fileList.length ; i++){
+        if(this.fileList[i].url == undefined&&this.fileList!='') {
+          this.fileList[i] = {url:this.fileList[i].content, id: '', isImage: true};
+        }
+      }
+    },
+    //删除图片
+    deleteFile(elIndex){
+      if(elIndex.id != ''){
+        removeFile(elIndex.id).then(response => {});
+      }
+      this.$forceUpdate();
+      return (file, name) => {
+        let fileIndex = name.index
+        this.fileList[elIndex].splice(fileIndex, 1)
+        this.upLoadList[elIndex].splice(fileIndex, 1)
+      }
+    },
+    //获取数据集合
+    getDetail(){
+      //性别字典查询
+      // this.houseGetDicts("sys_user_sex").then((res) => {
+      //   response.data.tHouseApplyProposer.sex = this.selectDictLabel(res.data, response.data.tHouseApplyProposer.sex);
+      // });
+
+      //建房类型字典查询
+      this.houseGetDicts("building_type").then((res) => {
+        res.data.map(item => {
+          this.buildingType.push({ value:item.dictValue, text: item.dictLabel});
+        });
+      });
+      //房屋构造字典查询
+      this.houseGetDicts("housing_structure").then((res) => {
+        res.data.map(item => {
+          this.housingStructure.push({ value:item.dictValue, text: item.dictLabel});
+        });
+      });
+      //处置情况字典查询
+      this.CurrentSituation = true ;
+      this.houseGetDicts("land_isposal").then((res) => {
+        res.data.map(item => {
+          this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});
+        });
+      });
+      //户型图查询
+      houseList().then(res => {
+        res.rows.map(item => {
+          this.houseType.push({ value:item.id, text: item.name});
+        });
+      });
+      //获取上传文件列表
+      treeSingleProcessView(this.parameter).then(res => {
+        this.fileArray = res.rows
+      });
+      //获取上传文件列表
+      getHouseMembers().then(res => {
+        this.applicationDetail.tHouseApplyProposer = res.data.tHouseApplyProposer;
+        this.applicationDetail.tHouseApplyFamilyMembers = res.data.tHouseApplyFamilyMembers;
+        //性别字典查询
+        this.houseGetDicts("sys_user_sex").then((res2) => {
+          res2.data.map(item => {
+            this.userSex.push({ value:item.dictValue, text: item.dictLabel});
+          });
+          this.sexValue = this.selectDictLabel(res2.data, res.data.tHouseApplyProposer.sex);
+        });
+        var that = this ;
+        setTimeout(function(){
+          that.pointDarw();
+        },2000)
+      });
+    },
+    onConfirmApplyTime(date) {
+      this.applicationDetail.tHouseApplyProposer.applyTime = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+      this.showApplyTime = false;
+    },
+    //基地开工时间
+    onConfirmStartDate(date) {
+      this.applicationDetail.tHouseApplyStart.startDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+      this.showStartDate = false;
+    },
+    //基地竣工时间
+    onConfirmEndDate(date) {
+      this.applicationDetail.tHouseApplyStart.endDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+      this.showEndDate = false;
+    },
+    //选择性别
+    onConfirmSex(data){
+      this.sexValue = data.text;
+      this.applicationDetail.tHouseApplyProposer.sex = data.value;
+      this.showSex = false;
+    },
+    //选择建房类型
+    onConfirmBuildingType(data){
+      this.buildingTypeValue = data.text;
+      this.applicationDetail.tHouseApplyProposedSituation.buildingType = data.value;
+      this.showBuildingType = false;
+    },
+    //选择宅基地处置情况
+    onConfirmLandIsposal(data){
+      this.landIsposalValue = data.text;
+      this.applicationDetail.tHouseApplyCurrentSituation.landIsposal = data.value;
+      this.showLandIsposal = false;
+    },
+    //选择房屋构造
+    onConfirmHousingStructure(data){
+      this.housingStructureValue = data.text;
+      this.applicationDetail.tHouseApplyProposedSituation.housingStructure = data.value;
+      this.showHousingStructure = false;
+    },
+    //选择户型
+    onConfirmHouseType(data){
+      this.houseTypeValue = data.text;
+      this.applicationDetail.tHouseApplyProposedSituation.houseTypeId = data.value;
+      this.showHouseType = false;
+    },
+    //添加家庭成员
+    addFamily(){
+      this.applicationDetail.tHouseApplyFamilyMembers.push({
+        applyProposerId:this.applicationDetail.tHouseApplyFamilyMembers[0].applyProposerId,
+        memberName:'',
+        age:'',
+        familyStatusName:'',
+        idcard :'',
+        householdRegister:'',
+      });
+    },
+    //删除家庭成员
+    deleteFamily(index){
+      this.applicationDetail.tHouseApplyFamilyMembers.splice(index,1)
+    },
+    //是否有宅基地选项改变
+    existHomesteadChange(name){
+      if (name == 'Y'){
+        if (this.applicationDetail.tHouseApplyCurrentSituation == null){
+          //现宅基地情况
+          this.applicationDetail.tHouseApplyCurrentSituation = {
+            //宅基地面积
+            landArea: '',
+            //人均宅基地面积
+            landPerArea: '',
+            //不动产单元号
+            landCertificateNo: '',
+            //农民房屋幢号
+            houseCertificateNo: '',
+            //建筑面积
+            buildingArea: '',
+            //人均建筑面积
+            buildingPerArea: '',
+            //现宅基地处置情况 字典 land_isposal
+            landIsposal: ""
+          };
+          this.CurrentSituation = true ;
+          //处置情况字典查询
+          this.houseGetDicts("land_isposal").then((res) => {
+            res.data.map(item => {
+              this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});
+            });
+            this.landIsposalValue= this.selectDictLabel(res.data, this.applicationDetail.tHouseApplyCurrentSituation.landIsposal);
+          });
+        }
+        this.CurrentSituation = true;
+      }else{
+        this.CurrentSituation = false;
+      }
+    },
+    //图纸选择改变
+    designPaperChange(name){
+      if(name == 2){
+        this.showHouse = true;
+      }else{
+        this.showHouse = false;
+      }
+    },
+    base64toFile(dataurl, filename = "file") {
+      let arr = dataurl.split(",");
+      let mime = arr[0].match(/:(.*?);/)[1];
+      let suffix = mime.split("/")[1];
+      let bstr = atob(arr[1]);
+      let n = bstr.length;
+      let u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      return new File([u8arr], `${filename}.${suffix}`, {
+        type: mime,
+      });
+    },
+    //申请提交
+    onSubmit(){
+      var that = this;
+      let form = {};
+      form.fileList=[];
+      if (this.drawInsert != null) {
+        this.applicationDetail.tHouseApplyProposedSituation.theGeom = JSON.stringify(this.drawInsert);
+      }
+      for (let i = 0 ; i < this.fileArray.length ; i++){
+        if (this.fileArray[i].findList == null || this.fileArray[i].findList == undefined || this.fileArray[i].findList == ''){
+          continue
+        }
+        for (let j = 0 ; j < this.fileArray[i].findList.length ; j++){
+          const params = new FormData()
+          params.append('tableId', '')
+          params.append('tableName', 't_house_apply_proposer')
+          params.append('bizPath', 't_house_apply_proposer')
+          params.append('fileType', this.fileArray[i].fileType)
+          if (this.fileArray[i].findList[j].url){
+            continue;
+          }
+          params.append('file', this.base64toFile(this.fileArray[i].findList[j].content))
+          attach(params).then(res => {
+            form.fileList.push(res.id);
+          });
+        }
+      }
+      form.tHouseApplyProposer=this.applicationDetail.tHouseApplyProposer;
+      form.tHouseApplyFamilyMembers=this.applicationDetail.tHouseApplyFamilyMembers;
+      form.tHouseApproveVillageOptions=this.applicationDetail.tHouseApproveVillageOptions;
+      form.tHouseApplyCurrentSituation=this.applicationDetail.tHouseApplyCurrentSituation;
+      form.tHouseApplyProposedSituation=this.applicationDetail.tHouseApplyProposedSituation;
+      setTimeout(function(){
+        saveHouseBaseInfo(form).then(res => {
+          console.log(res)
+          if(res.code = 200){
+            that.$toast.success('保存成功');
+          }
+        });
+      },1000)
+    },
+    pointDarw() {
+      //地图只加载一次
+      this.landOpen = false;
+      //加载地图编辑
+      var that = this;
+      var map;
+      //var hc_land;
+      var draw; // global so we can remove it later
+      var vector_drawing;
+      var minMapZoom;
+      var maxMapZoom;
+      var zoomLook;
+      if (this.formEditor) {
+        zoomLook = 18
+        minMapZoom = 18
+        maxMapZoom = 18
+      } else {
+        zoomLook = 16.9
+        minMapZoom = 16
+        maxMapZoom = 18.9
+      }
+      if (this.applicationDetail.tHouseApplyProposedSituation.theGeom != null && this.applicationDetail.tHouseApplyProposedSituation.theGeom != ""
+        && this.applicationDetail.tHouseApplyProposedSituation.theGeom != undefined) {
+        this.startDarw = true;
+        this.openDarw = false;
+      } else {
+        this.startDarw = false;
+        this.openDarw = true;
+      }
+      if (this.startDarw) {
+        document.getElementById("mapWrap").innerHTML = '';
+        var hc_land;
+        var draw; // global so we can remove it later
+        var vector_drawing;
+        var projection = new ol.proj.Projection({
+          //地图投影类型
+          code: "EPSG:3857",
+          units: "degrees",
+          //extent:extent
+        });
+
+        var 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: "卫星影像图",
+        });
+
+        var 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: "天地图文字标注--卫星影像图",
+        });
+        //加载地图
+        map = new ol.Map({
+          // interactions: ol.interaction.DragPan({
+          //   onFocusOnly: false
+          // }),
+          controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+          layers: [aerial, yingxzi],
+          projection: projection,
+          target: "mapWrap",
+          view: new ol.View({
+            //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+            zoom: zoomLook,
+            minZoom: minMapZoom, //地图缩小限制
+            maxZoom: maxMapZoom, //地图放大限制
+          }),
+        });
+        if (this.formEditor) {
+          let pan = getPan();
+          //false：当前地图不可拖动。true：可拖动
+          pan.setActive(false);
+
+          function getPan() {
+            let pan = '';
+            map.getInteractions().forEach(function (element, index, array) {
+              if (element instanceof ol.interaction.DragPan) {
+                pan = element;
+              }
+            })
+            return pan;
+          }
+        }
+        //图层查询定位开始 ---------start
+        hc_land = new ol.layer.Vector({
+          title: "add Layer",
+          source: new ol.source.Vector({
+            projection: projection,
+            features: new ol.format.GeoJSON().readFeatures("{\n" +
+              "    \"type\": \"Feature\",\n" +
+              "    \"geometry\":" + this.applicationDetail.tHouseApplyProposedSituation.theGeom + "}"),
+          }),
+          style: new ol.style.Style({
+            fill: new ol.style.Fill({
+              //矢量图层填充颜色，以及透明度
+              color: "rgba(204, 255, 204,0.3)",
+            }),
+            stroke: new ol.style.Stroke({
+              //边界样式
+              color: "#47c68f",
+              width: 3,
+            }),
+          }),
+        });
+        map.addLayer(hc_land);
+        var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+        var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+        var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+        var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+        //定位查询位置
+        var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+        map.getView().animate({
+          // 只设置需要的属性即可
+          center: center, // 中心点
+          zoom: 17.9, // 缩放级别
+          rotation: undefined, // 缩放完成view视图旋转弧度
+          duration: 1000, // 缩放持续时间，默认不需要设置
+        });
+        //图层查询定位结束 ---------end
+        //开始绘制地图
+        $("#drawPolygon").click(function () {
+          map.removeLayer(hc_land);
+          map.removeLayer(vector_drawing);
+          that.drawInsert = null;
+          map.removeInteraction(draw);
+          var source = new ol.source.Vector({wrapX: false});
+          vector_drawing = new ol.layer.Vector({
+            source: source,
+          });
+          map.addLayer(vector_drawing);
+          var typeSelect = "Polygon";
+
+          function addInteraction() {
+            var value = typeSelect;
+            draw = new ol.interaction.Draw({
+              source: source,
+              type: typeSelect
+            });
+            draw.on('drawend', function (evt) {
+              console.log(that.drawInsert);
+              if(that.drawInsert != null){
+                $("#drawRemove").trigger('click');
+              }
+              var feature = evt.feature;
+              var geometry = feature.getGeometry();
+              var coordinate = geometry.getCoordinates();
+              that.drawInsert = coordinate;
+              map.removeInteraction(draw);
+            });
+            map.addInteraction(draw);
+          }
+          addInteraction();
+        });
+        //清除画图鼠标点击事件
+        $("#drawRemove").click(function () {
+          that.drawInsert = null;
+          map.addLayer(hc_land);
+          map.removeInteraction(draw);
+          map.removeLayer(vector_drawing);
+        });
+      }
+      if (this.openDarw) {
+        document.getElementById("mapWrap").innerHTML = '';
+        var projection = new ol.proj.Projection({
+          //地图投影类型
+          code: "EPSG:3857",
+          units: "degrees",
+          //extent:extent
+        });
+
+        var 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: "卫星影像图",
+        });
+
+        var 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: "天地图文字标注--卫星影像图",
+        });
+        //获取坐标是否存在
+        var Zb;
+        getQueryLand().then((response) => {
+          if (response.code == 200) {
+            let InsertCode = response.data;
+            console.log(response);
+            if (InsertCode != null) {
+              var lat = InsertCode.lat;
+              var lng = InsertCode.lng;
+              if (lat != null && lng != null && lat != "" && lng != "") {
+                Zb = [lng,lat];
+              } else {
+                Zb = [115.452752, 31.789033];
+              }
+            }
+          }
+          //加载地图
+          map = new ol.Map({
+            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+            layers: [aerial, yingxzi],
+            projection: projection,
+            logo: 'false',
+            target: "mapWrap",
+            view: new ol.View({
+              center: ol.proj.fromLonLat(Zb),
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              zoom: 16.9,
+              minZoom: minMapZoom, //地图缩小限制
+              maxZoom: maxMapZoom, //地图放大限制
+            }),
+          });
+        });
+
+        //图层查询定位结束 ---------end
+        //开始绘制地图
+        $("#drawPolygon").click(function () {
+          //map.removeLayer(hc_land);
+          map.removeLayer(vector_drawing);
+          that.drawInsert = null;
+          map.removeInteraction(draw);
+          var source = new ol.source.Vector({wrapX: false});
+          vector_drawing = new ol.layer.Vector({
+            source: source,
+          });
+          map.addLayer(vector_drawing);
+          var typeSelect = "Polygon";
+
+          function addInteraction() {
+            var value = typeSelect;
+            draw = new ol.interaction.Draw({
+              source: source,
+              type: typeSelect
+            });
+            draw.on('drawend', function (evt) {
+              console.log(that.drawInsert);
+              if(that.drawInsert != null){
+                $("#drawRemove").trigger('click');
+              }
+              var feature = evt.feature;
+              var geometry = feature.getGeometry();
+              var coordinate = geometry.getCoordinates();
+              that.drawInsert = coordinate;
+              map.removeInteraction(draw);
+            });
+            map.addInteraction(draw);
+          }
+          addInteraction();
+        });
+        //清除画图鼠标点击事件
+        $("#drawRemove").click(function () {
+          that.drawInsert = null;
+          map.removeInteraction(draw);
+          map.removeLayer(vector_drawing);
+        });
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding-bottom: 5%;
+  }
+  #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;
+    background-color: #1D6FE9;
+    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%;
+  }
+  .deleteFamily{
+    position: absolute;
+    top: -0.3rem;
+    right: 6%;
+    z-index: 9;
+    border-radius: 50%;
+  }
+  .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;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/homeApplication/applicationForm.vue b/src/views/sunVillage_info/homeApplication/applicationForm.vue
new file mode 100644
index 00000000..fb2caebe
--- /dev/null
+++ b/src/views/sunVillage_info/homeApplication/applicationForm.vue
@@ -0,0 +1,1131 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        title="用地建房申请"
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+      >
+        <template #right>
+          <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+        </template>
+      </van-nav-bar>
+      <van-steps :active="active" active-color="#38f">
+        <van-step>申请</van-step>
+        <van-step>开工</van-step>
+        <van-step>验收</van-step>
+      </van-steps>
+      <p class="topTit">农村宅基地和建房（规划许可）申请表</p>
+      <div class="main">
+        <van-form>
+          <div v-if="applicationDetail.tHouseApplyProposer">
+            <p class="main_title">申请用户信息</p>
+            <div class="main_box">
+            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.memberName" label="姓名" placeholder="姓名" input-align="right"/>
+            <van-field
+              readonly
+              clickable
+              v-model="sexValue"
+              label="性别"
+              placeholder="选择性别"
+              @click=" auditStatus==true ? '' : showSex = true"
+              input-align="right"
+              right-icon="arrow-down"
+              :rules="[{ required: true }]" required
+            />
+            <van-popup v-model="showSex" position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="userSex"
+                @confirm="onConfirmSex"
+                @cancel="showSex = false"
+                :readonly="auditStatus"
+              />
+            </van-popup>
+            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.age" label="年龄" placeholder="年龄" input-align="right"/>
+            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.phone" label="联系电话" placeholder="联系电话" input-align="right"/>
+            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
+            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.familyAddress" label="家庭住址" placeholder="家庭住址" input-align="right"/>
+            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.members" label="家庭人口数" placeholder="家庭人口数" input-align="right"/>
+            <van-cell title="是否已有宅基地">
+              <template #right-icon>
+                <van-radio-group :disabled="auditStatus" @change="existHomesteadChange" v-model="applicationDetail.tHouseApplyProposer.existHomestead" direction="horizontal">
+                  <van-radio name="Y">是</van-radio>
+                  <van-radio name="N">否</van-radio>
+                </van-radio-group>
+              </template>
+            </van-cell>
+          </div>
+          </div>
+
+          <div v-if="applicationDetail.tHouseApplyFamilyMembers && applicationDetail.tHouseApplyFamilyMembers!=''">
+            <p class="main_title">家庭成员信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily" @click="addFamily" v-if="!auditStatus" /></p>
+            <van-collapse  v-model="activeNames" v-if="auditStatus">
+              <van-collapse-item  class="collapse" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index" :name="index+1">
+                <template #title>
+                  <van-row>
+                    <van-col span="8">{{item.memberName}}</van-col>
+                    <van-col span="8">{{item.age}}</van-col>
+                    <van-col span="8">{{item.familyStatusName}}</van-col>
+                  </van-row>
+                </template>
+                <van-field :readonly="auditStatus" v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
+                <van-field :readonly="auditStatus" v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
+                <van-field :readonly="auditStatus" v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
+                <van-field :readonly="auditStatus" v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
+                <van-field :readonly="auditStatus" v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+              </van-collapse-item>
+            </van-collapse>
+            <div class="familyList" v-if="!auditStatus" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index">
+              <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 v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
+                <van-field v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
+                <van-field v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
+                <van-field v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
+                <van-field v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+              </div>
+            </div>
+<!--            <div class=" familyList">-->
+<!--              <van-button icon="minus" size="mini" type="danger" class="deleteFamily" />-->
+<!--              <div class="main_box">-->
+<!--                <van-field label="姓名" placeholder="姓名" input-align="right"/>-->
+<!--                <van-field label="年龄" placeholder="年龄" input-align="right"/>-->
+<!--                <van-field label="与户主关系" placeholder="与户主关系" input-align="right"/>-->
+<!--                <van-field label="身份证号" placeholder="身份证号" input-align="right"/>-->
+<!--                <van-field label="户口所在地" placeholder="户口所在地" input-align="right"/>-->
+<!--              </div>-->
+<!--            </div>-->
+          </div>
+
+          <div v-if="CurrentSituation">
+            <p class="main_title">现宅基地及农房状况</p>
+            <div class="main_box">
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landPerArea" label="人均宅基地面积" placeholder="人均宅基地面积㎡" input-align="right" label-width="auto"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landCertificateNo" label="不动产单元号" placeholder="不动产单元号" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingArea" label="建筑面积" placeholder="建筑面积㎡" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingPerArea" label="人均建筑面积" placeholder="人均建筑面积㎡" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo" label="农民房屋幢号" placeholder="户口所在地" input-align="right"/>
+              <van-field
+                readonly
+                clickable
+                :value="landIsposalValue"
+                label="处置情况"
+                placeholder="选择宅基地处置情况"
+                @click=" auditStatus==true ? '' : showLandIsposal = true"
+                input-align="right"
+                right-icon="arrow-down"
+                :readonly="auditStatus"
+                :rules="[{ required: true }]" required
+              />
+              <van-popup v-model="showLandIsposal" position="bottom">
+                <van-picker
+                  show-toolbar
+                  :columns="landIsposal"
+                  @confirm="onConfirmLandIsposal"
+                  @cancel="showLandIsposal = false"
+                  :readonly="auditStatus"
+                />
+              </van-popup>
+
+  <!--            <van-field-->
+  <!--              readonly-->
+  <!--              clickable-->
+  <!--              name="picker"-->
+  <!--              :value="applicationDetail.tHouseApplyCurrentSituation.buildingType"-->
+  <!--              label="建房类型"-->
+  <!--              placeholder="选择建房类型"-->
+  <!--              @click="showBuildingType = true"-->
+  <!--              input-align="right"-->
+  <!--              right-icon="arrow-down"-->
+  <!--            />-->
+  <!--            <van-popup v-model="showBuildingType" position="bottom">-->
+  <!--              <van-picker-->
+  <!--                show-toolbar-->
+  <!--                :columns="buildingType"-->
+  <!--                @confirm="onConfirmBuildingType"-->
+  <!--                @cancel="showBuildingType = false"-->
+  <!--              />-->
+  <!--            </van-popup>-->
+            </div>
+          </div>
+
+          <div v-if="applicationDetail.tHouseApplyProposedSituation">
+            <p class="main_title">拟申请宅基地及建房情况</p>
+            <div class="main_box">
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.location" label="拟建位置" placeholder="拟建位置" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.east" label="东至" placeholder="东至" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.west" label="西至" placeholder="西至" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.south" label="南至" placeholder="南至" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.north" label="北至" placeholder="北至" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingFloors" label="建筑层数" placeholder="建筑层数" input-align="right"/>
+              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingHight" label="建筑高度" placeholder="建筑高度" input-align="right"/>
+              <van-cell title="是否征求相邻权利人意见">
+                <template #right-icon>
+                  <van-radio-group :disabled="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.isAdvice" direction="horizontal">
+                    <van-radio name="1">是</van-radio>
+                    <van-radio name="2">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-cell>
+              <van-field
+                readonly
+                clickable
+                v-model="housingStructureValue"
+                label="房屋构造"
+                placeholder="选择房屋构造"
+                @click=" auditStatus==true ? '' : showHousingStructure = true"
+                input-align="right"
+                right-icon="arrow-down"
+                :rules="[{ required: true }]" required
+              />
+              <van-popup v-model="showHousingStructure" position="bottom">
+                <van-picker
+                  show-toolbar
+                  :columns="housingStructure"
+                  @confirm="onConfirmHousingStructure"
+                  @cancel="showHousingStructure = false"
+                  :readonly="auditStatus"
+                />
+              </van-popup>
+              <van-field
+                readonly
+                clickable
+                :value="buildingTypeValue"
+                label="建房类型"
+                placeholder="选择建房类型"
+                @click=" auditStatus==true ? '' : showBuildingType = true"
+                input-align="right"
+                right-icon="arrow-down"
+                :rules="[{ required: true }]" required
+              />
+              <van-popup v-model="showBuildingType" position="bottom">
+                <van-picker
+                  show-toolbar
+                  :columns="buildingType"
+                  @confirm="onConfirmBuildingType"
+                  @cancel="showBuildingType = false"
+                />
+              </van-popup>
+              <van-cell title="设计图纸">
+                <template #right-icon>
+                  <van-radio-group :disabled="auditStatus" @change="designPaperChange" v-model="applicationDetail.tHouseApplyProposedSituation.designPaper" direction="horizontal">
+                    <van-radio name="1">委托设计</van-radio>
+                    <van-radio name="2">选通用图</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-cell>
+              <van-field
+                readonly
+                clickable
+                :value="houseTypeValue"
+                placeholder="选择户型图"
+                @click=" auditStatus==true ? '' : showHouseType = true"
+                input-align="right"
+                right-icon="arrow-down"
+                v-if="showHouse"
+                :rules="[{ required: true }]" required
+              />
+              <van-popup v-model="showHouseType" position="bottom">
+                <van-picker
+                  show-toolbar
+                  :columns="houseType"
+                  @confirm="onConfirmHouseType"
+                  @cancel="showHouseType = false"
+                />
+              </van-popup>
+            </div>
+            <div class="mapBox">
+              <div id="mapWrap" style="height: 200px;"></div>
+              <div class="mapBox_button" v-if="auditStatus == false">
+                <van-button id="drawPolygon" native-type="button" icon="../../../static/images/icon/icon_ht.png" type="default" block round size="small"></van-button>
+                <van-button id="drawRemove" native-type="button" icon="cross" type="default" block round size="small" style="margin-top: 0.2rem"></van-button>
+              </div>
+            </div>
+          </div>
+
+          <div v-if="applicationDetail.tHouseApplyProposer">
+            <p class="main_title">申请理由</p>
+            <div class="main_box">
+            <van-field
+              rows="3"
+              autosize
+              type="textarea"
+              placeholder="申请理由"
+              input-align="left"
+              v-model="applicationDetail.tHouseApplyProposer.applyReasion"
+              :readonly="auditStatus"
+              :rules="[{ required: true }]" required
+            />
+            <van-row>
+              <van-col span="12"><van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="申请人" placeholder="申请人" input-align="left" label-width="auto"/></van-col>
+              <van-col span="12">
+                <van-field :rules="[{ required: true }]" required :readonly="auditStatus" clickable v-model="applicationDetail.tHouseApplyProposer.applyTime" label-width="auto" placeholder="选择日期" @click="showApplyTime = true">
+                  <template #label>
+                    <van-icon name="notes-o" size="20"/>
+                  </template>
+                </van-field>
+                <van-calendar v-model="showApplyTime" :readonly="auditStatus" @confirm="onConfirmApplyTime" />
+<!--                <van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.applyTime == '' ? nowTime : applicationDetail.tHouseApplyProposer.applyTime" label-width="auto">-->
+<!--                  <template #label>-->
+<!--                    <van-icon name="notes-o" size="20"/>-->
+<!--                  </template>-->
+<!--                </van-field>-->
+              </van-col>
+            </van-row>
+          </div>
+          </div>
+
+          <div v-if="item.findList" v-for="(item , index) in fileArray" :key="index">
+            <p class="main_title">{{item.fileTypeName}}</p><!-- 未对接 -->
+            <div class="main_box file-box">
+<!--              <van-uploader v-if="item.findList" v-model="item.findList" multiple />-->
+              <van-uploader :after-read="afterRead" :before-delete="deleteFile" v-model="item.findList" multiple />
+            </div>
+          </div>
+<!--          <p class="main_title">宅基地使用承诺书</p>&lt;!&ndash; 未对接 &ndash;&gt;-->
+<!--          <div class="main_box file-box">-->
+<!--            <van-uploader v-model="fileList2" multiple class="aaa" />-->
+<!--          </div>-->
+
+          <div v-if="applicationDetail.tHouseApplyProposer && auditStatus == false" style="margin: 16px;">
+            <van-row>
+              <van-col span="12" align="center">
+                <van-button type="info" native-type="submit" class="submitButton" @click="onSubmit('keep')">保存</van-button>
+              </van-col>
+              <van-col span="12" align="center">
+                <van-button type="info" native-type="submit" class="submitButton" @click="onSubmit('submit')">保存并提交</van-button>
+              </van-col>
+            </van-row>
+            <div class="clear"></div>
+          </div>
+
+          <div v-if="false" :class="active==1?'':'noModify'" >
+            <p class="topTit">宅基地开工</p>
+            <div class="main_box action-box">
+            <van-cell title="计划开工时间">
+              <template #right-icon>
+                <van-radio-group v-model="radio" direction="horizontal">
+                  <van-field readonly clickable style="padding: 0" v-model="applicationDetail.tHouseApplyStart.startDate" label-width="auto" placeholder="选择日期" @click="showStartDate = true">
+                    <template #label>
+                      <van-icon name="notes-o" size="20"/>
+                    </template>
+                  </van-field>
+                  <van-calendar v-model="showStartDate" @confirm="onConfirmStartDate" />
+                </van-radio-group>
+              </template>
+            </van-cell>
+            <van-cell title="计划竣工时间">
+              <template #right-icon>
+                <van-radio-group v-model="radio" direction="horizontal">
+                  <van-field readonly clickable style="padding: 0" v-model="applicationDetail.tHouseApplyStart.endDate" label-width="auto" placeholder="选择日期" @click="showEndDate = true">
+                    <template #label>
+                      <van-icon name="notes-o" size="20"/>
+                    </template>
+                  </van-field>
+                  <van-calendar v-model="showEndDate" @confirm="onConfirmEndDate" />
+                </van-radio-group>
+              </template>
+            </van-cell>
+          </div>
+          </div>
+          <!--applicationDetail.tHouseApplyStart-->
+          <div v-if="false" style="margin: 16px;">
+            <van-row>
+              <van-col span="12" align="center">
+                <van-button type="info" native-type="submit" class="submitButton">保存</van-button>
+              </van-col>
+              <van-col span="12" align="center">
+                <van-button type="info" native-type="submit" class="submitButton">保存并提交</van-button>
+              </van-col>
+            </van-row>
+            <div class="clear"></div>
+          </div>
+
+          <div v-if="false" :class="active==2?'':'noModify'">
+            <p class="topTit">宅基地验收申请</p>
+            <div class="main_box check-box">
+            <van-field v-model="applicationDetail.tHouseApplyEnd.memberName" label="申请户主姓名" placeholder="申请户主姓名" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.idcard" label="身份证号" placeholder="身份证号" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.location" label="用地建房位置" placeholder="用地建房位置" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.licenseKey" label="乡村建设规划许可证号" placeholder="乡村建设规划许可证号" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.approvalNumber" label="农村宅基地批准书号" placeholder="农村宅基地批准书号" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.startDate" label="开工日期" readonly clickable input-align="right" label-width="auto" placeholder="选择开工日期" @click="showCalendar = true"></van-field>
+            <van-calendar />
+            <van-field v-model="applicationDetail.tHouseApplyEnd.endDate" label="竣工日期" readonly clickable input-align="right" label-width="auto" placeholder="选择竣工日期" @click="showCalendar = true"></van-field>
+            <van-calendar />
+            <van-field v-model="applicationDetail.tHouseApplyEnd.houseCertificateNo" label="权属证书号（不动产）" placeholder="权属证书号（不动产）" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.landCertificateNo" label="权属证书号（宅基地）" placeholder="权属证书号（宅基地）" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.buildingHight" label="批建高度" placeholder="建筑高度" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.buildingFloors" label="批建层数" placeholder="批建层数" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.actualBuildingHight" label="竣工高度" placeholder="竣工高度" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.actualBuildingFloors" label="竣工层数" placeholder="竣工层数" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right" label-width="auto"/>
+            <van-field v-model="applicationDetail.tHouseApplyEnd.designPaper" label="建筑风貌" placeholder="建筑风貌" input-align="right" label-width="auto"/>
+            <van-cell title="旧宅基地退还情况">
+              <template #right-icon>
+                <van-radio-group v-model="applicationDetail.tHouseApplyEnd.oldHouseStatus" direction="horizontal">
+                  <van-radio name="0">是</van-radio>
+                  <van-radio name="1">否</van-radio>
+                </van-radio-group>
+              </template>
+            </van-cell>
+            <van-field label="备注" placeholder="" input-align="right"/>
+          </div>
+          </div>
+          <!--applicationDetail.tHouseApplyEnd-->
+          <div v-if="false" style="margin: 16px;">
+            <van-row>
+              <van-col span="12" align="center">
+                <van-button type="info" native-type="submit" class="submitButton">保存</van-button>
+              </van-col>
+              <van-col span="12" align="center">
+                <van-button type="info" native-type="submit" class="submitButton">保存并提交</van-button>
+              </van-col>
+            </van-row>
+            <div class="clear"></div>
+          </div>
+
+        </van-form>
+
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { allInformation , treeSingleProcessView , attachmentFind , saveHouseBaseInfo , houseList , attach , removeFile , saveHouseBaseInfoThenSubmit} from "@/api/onlineHome/homestead/application";
+  import $ from "jquery";
+  export default {
+  name: "applicationForm",
+  data() {
+    return {
+      active: 0,
+      nowTime: '',//当前日期
+      fileList: [],
+      fileList2: [],
+      radio:'1',
+      value: '',
+      columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
+      showPicker: false,
+      showBuildingType: false,
+      showLandIsposal: false,
+      showHousingStructure: false,
+      showStartDate: false,
+      showEndDate: false,
+      showApplyTime:false,
+      showHouseType:false,
+      showHouse:false,
+      showSex:false,
+      id:'',
+      applicationDetail:[],
+      //建房类型字典
+      buildingType:[],
+      //性别字典
+      userSex:[],
+      //处置情况字典
+      landIsposal:[],
+      //房屋构造字典
+      housingStructure:[],
+      //户型
+      houseType:[],
+      //请求参数
+      parameter:{
+        businessType: "house",
+        houseApplyStatus: '',
+        processKey: "baseApply",
+        tableName: "t_house_apply_proposer"
+      },
+      //文件配置
+      fileArray:[],
+      //获取上传附件
+      params:{
+        tableId: '',
+        tableName: "t_house_apply_proposer",
+        fileType: ''
+      },
+      auditStatus:false,
+      activeNames:['1'],
+      housingStructureValue:'',//当前显示房屋构造
+      buildingTypeValue:'',//当前显示建房类型
+      landIsposalValue:'',//当前显示处置情况
+      houseTypeValue:'',//当前显示户型
+      sexValue:'',//当前显示性别
+      CurrentSituation:false,
+    };
+  },
+  created() {
+    this.id = this.$route.query.id;
+    this.type = this.$route.query.type;
+    this.getDetail();
+  },
+  methods: {
+    goFlow(){
+      window.location='flowChart?id='+this.id;
+    },
+    //更新文件回显
+    afterRead(file) {
+      this.$forceUpdate();
+    },
+    //删除图片
+    deleteFile(elIndex){
+      if(elIndex.id != ''){
+        removeFile(elIndex.id).then(response => {});
+      }
+      this.$forceUpdate();
+      return (file, name) => {
+        let fileIndex = name.index
+        this.fileList[elIndex].splice(fileIndex, 1)
+        this.upLoadList[elIndex].splice(fileIndex, 1)
+      }
+    },
+    //获取数据集合
+    getDetail(){
+      allInformation(this.id).then(response => {
+        //性别字典查询
+        this.houseGetDicts("sys_user_sex").then((res) => {
+          res.data.map(item => {
+            this.userSex.push({ value:item.dictValue, text: item.dictLabel});
+          });
+          this.sexValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposer.sex);
+        });
+        //建房类型字典查询
+        this.houseGetDicts("building_type").then((res) => {
+          res.data.map(item => {
+            this.buildingType.push({ value:item.dictValue, text: item.dictLabel});
+          });
+          this.buildingTypeValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposedSituation.buildingType);
+        });
+        //房屋构造字典查询
+        this.houseGetDicts("housing_structure").then((res) => {
+          res.data.map(item => {
+            this.housingStructure.push({ value:item.dictValue, text: item.dictLabel});
+          });
+          this.housingStructureValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposedSituation.housingStructure);
+        });
+        //处置情况字典查询
+        if(response.data.tHouseApplyProposer.existHomestead == 'Y'){
+          this.CurrentSituation = true ;
+          this.houseGetDicts("land_isposal").then((res) => {
+            res.data.map(item => {
+              this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});
+            });
+            this.landIsposalValue= this.selectDictLabel(res.data, response.data.tHouseApplyCurrentSituation.landIsposal);
+          });
+        }
+        //户型图查询
+        houseList().then(res => {
+          res.rows.map(item => {
+            this.houseType.push({ value:item.id, text: item.name});
+          });
+          if(response.data.tHouseApplyProposedSituation.houseTypeId != null){
+            for (let i = 0 ; i < res.rows.length ; i++){
+              if (res.rows[i].id = response.data.tHouseApplyProposedSituation.houseTypeId){
+                this.houseTypeValue = res.rows[i].name
+              }
+            }
+            this.showHouse = true;
+          }
+        });
+        console.log(response.data.tHouseApplyProposer.auditStatus != 0)
+        this.applicationDetail = response.data;
+        this.parameter.houseApplyStatus = response.data.tHouseApplyProposer.houseApplyStatus;
+        let currentProcessKey = response.data.currentProcessKey;
+        this.auditStatus =  response.data.tHouseApplyProposer.auditStatus != 0;
+        //判断当前审核进行到哪一步
+        if (currentProcessKey == 'baseApply'){
+          this.active = 0;
+        }
+        if (currentProcessKey == 'landscope'){
+          this.active = 1;
+        }
+        if (currentProcessKey == 'accepting'){
+          this.active = 2;
+        }
+        //获取上传文件列表
+        treeSingleProcessView(this.parameter).then(res => {
+          this.fileArray = res.rows
+          this.params.tableId = this.id;
+          for (let i = 0 ; i < res.rows.length ; i++){
+            this.params.fileType = res.rows[i].fileType;
+            this.fileArray[i].findList = [];
+            //获取文件集合
+            attachmentFind(this.params).then(res2 => {
+              for (let j = 0 ; j < res2.data.length ; j++){
+                this.fileArray[i].findList[j] = {url: process.env.VUE_APP_BASE_ROUTING_URL + res2.data[j].fileUrl, isImage: true , id:res2.data[j].id} ;
+                this.$forceUpdate();
+                console.log(this.fileArray[i].findList[j])
+              }
+            });
+          }
+        });
+        var that = this ;
+        setTimeout(function(){
+          that.pointDarw();
+        },2000)
+      });
+    },
+    onConfirmApplyTime(date) {
+      this.applicationDetail.tHouseApplyProposer.applyTime = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+      this.showApplyTime = false;
+    },
+    //基地开工时间
+    onConfirmStartDate(date) {
+      this.applicationDetail.tHouseApplyStart.startDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+      this.showStartDate = false;
+    },
+    //基地竣工时间
+    onConfirmEndDate(date) {
+      this.applicationDetail.tHouseApplyStart.endDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+      this.showEndDate = false;
+    },
+    //选择建房类型
+    onConfirmBuildingType(data){
+      this.buildingTypeValue = data.text;
+      this.applicationDetail.tHouseApplyProposedSituation.buildingType = data.value;
+      this.showBuildingType = false;
+    },
+    //选择宅基地处置情况
+    onConfirmLandIsposal(data){
+      this.landIsposalValue = data.text;
+      this.applicationDetail.tHouseApplyCurrentSituation.landIsposal = data.value;
+      this.showLandIsposal = false;
+    },
+    //选择房屋构造
+    onConfirmHousingStructure(data){
+      this.housingStructureValue = data.text;
+      this.applicationDetail.tHouseApplyProposedSituation.housingStructure = data.value;
+      this.showHousingStructure = false;
+    },
+    //选择户型
+    onConfirmHouseType(data){
+      this.houseTypeValue = data.text;
+      this.applicationDetail.tHouseApplyProposedSituation.houseTypeId = data.value;
+      this.showHouseType = false;
+    },
+    //选择性别
+    onConfirmSex(data){
+      this.sexValue = data.text;
+      this.applicationDetail.tHouseApplyProposer.sex = data.value;
+      this.showSex = false;
+    },
+    //添加家庭成员
+    addFamily(){
+      this.applicationDetail.tHouseApplyFamilyMembers.push({
+        applyProposerId:this.applicationDetail.tHouseApplyFamilyMembers[0].applyProposerId,
+        memberName:'',
+        age:'',
+        familyStatusName:'',
+        idcard :'',
+        householdRegister:'',
+      });
+    },
+    //删除家庭成员
+    deleteFamily(index){
+      this.applicationDetail.tHouseApplyFamilyMembers.splice(index,1)
+    },
+    //是否有宅基地选项改变
+    existHomesteadChange(name){
+      if (name == 'Y'){
+        if (this.applicationDetail.tHouseApplyCurrentSituation == null){
+          //现宅基地情况
+          this.applicationDetail.tHouseApplyCurrentSituation = {
+            //宅基地面积
+            landArea: '',
+            //人均宅基地面积
+            landPerArea: '',
+            //不动产单元号
+            landCertificateNo: '',
+            //农民房屋幢号
+            houseCertificateNo: '',
+            //建筑面积
+            buildingArea: '',
+            //人均建筑面积
+            buildingPerArea: '',
+            //现宅基地处置情况 字典 land_isposal
+            landIsposal: ""
+          };
+          this.CurrentSituation = true ;
+          //处置情况字典查询
+          this.houseGetDicts("land_isposal").then((res) => {
+            res.data.map(item => {
+              this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});
+            });
+            this.landIsposalValue= this.selectDictLabel(res.data, this.applicationDetail.tHouseApplyCurrentSituation.landIsposal);
+          });
+        }
+        this.CurrentSituation = true;
+      }else{
+        this.CurrentSituation = false;
+      }
+    },
+    //图纸选择改变
+    designPaperChange(name){
+      if(name == 2){
+        this.showHouse = true;
+      }else{
+        this.showHouse = false;
+      }
+    },
+    base64toFile(dataurl, filename = "file") {
+      let arr = dataurl.split(",");
+      let mime = arr[0].match(/:(.*?);/)[1];
+      let suffix = mime.split("/")[1];
+      let bstr = atob(arr[1]);
+      let n = bstr.length;
+      let u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      return new File([u8arr], `${filename}.${suffix}`, {
+        type: mime,
+      });
+    },
+    //申请提交
+    onSubmit(type){
+      var that = this;
+      let form = {};
+      form.fileList=[];
+      this.fileList.tableId = this.id;
+      if (this.drawInsert != null) {
+        this.applicationDetail.tHouseApplyProposedSituation.theGeom = JSON.stringify(this.drawInsert);
+      }
+      for (let i = 0 ; i < this.fileArray.length ; i++){
+        if (this.fileArray[i].findList == null || this.fileArray[i].findList == undefined || this.fileArray[i].findList == ''){
+          continue
+        }
+        for (let j = 0 ; j < this.fileArray[i].findList.length ; j++){
+          const params = new FormData()
+          params.append('tableId', this.id)
+          params.append('tableName', 't_house_apply_proposer')
+          params.append('bizPath', 't_house_apply_proposer')
+          params.append('fileType', this.fileArray[i].fileType)
+          if (this.fileArray[i].findList[j].url){
+            continue;
+          }
+          params.append('file', this.base64toFile(this.fileArray[i].findList[j].content))
+          attach(params).then(res => {
+            form.fileList.push(res.id);
+          });
+        }
+      }
+      form.tHouseApplyProposer=this.applicationDetail.tHouseApplyProposer;
+      form.tHouseApplyFamilyMembers=this.applicationDetail.tHouseApplyFamilyMembers;
+      form.tHouseApproveVillageOptions=this.applicationDetail.tHouseApproveVillageOptions;
+      form.tHouseApplyCurrentSituation=this.applicationDetail.tHouseApplyCurrentSituation;
+      form.tHouseApplyProposedSituation=this.applicationDetail.tHouseApplyProposedSituation;
+      setTimeout(function(){
+        if (type == 'keep'){
+          saveHouseBaseInfo(form).then(res => {
+            if(res.code = 200){
+              that.$toast.success('保存成功');
+            }
+          });
+        }
+        if (type == 'submit'){
+          saveHouseBaseInfoThenSubmit(form).then(res => {
+            if(res.code = 200){
+              that.$toast.success('提交成功');
+              that.getDetail();
+            }
+          });
+        }
+
+      },1000)
+
+    },
+    pointDarw() {
+      //地图只加载一次
+      this.landOpen = false;
+      //加载地图编辑
+      var that = this;
+      var map;
+      //var hc_land;
+      var draw; // global so we can remove it later
+      var vector_drawing;
+      var minMapZoom;
+      var maxMapZoom;
+      var zoomLook;
+      if (this.formEditor) {
+        zoomLook = 18
+        minMapZoom = 18
+        maxMapZoom = 18
+      } else {
+        zoomLook = 16.9
+        minMapZoom = 16
+        maxMapZoom = 18.9
+      }
+      if (this.applicationDetail.tHouseApplyProposedSituation.theGeom != null && this.applicationDetail.tHouseApplyProposedSituation.theGeom != ""
+        && this.applicationDetail.tHouseApplyProposedSituation.theGeom != undefined) {
+        this.startDarw = true;
+        this.openDarw = false;
+      } else {
+        this.startDarw = false;
+        this.openDarw = true;
+      }
+      if (this.startDarw) {
+        document.getElementById("mapWrap").innerHTML = '';
+        var hc_land;
+        var draw; // global so we can remove it later
+        var vector_drawing;
+        var projection = new ol.proj.Projection({
+          //地图投影类型
+          code: "EPSG:3857",
+          units: "degrees",
+          //extent:extent
+        });
+
+        var 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: "卫星影像图",
+        });
+
+        var 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: "天地图文字标注--卫星影像图",
+        });
+        //加载地图
+        map = new ol.Map({
+          // interactions: ol.interaction.DragPan({
+          //   onFocusOnly: false
+          // }),
+          controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+          layers: [aerial, yingxzi],
+          projection: projection,
+          target: "mapWrap",
+          view: new ol.View({
+            //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+            zoom: zoomLook,
+            minZoom: minMapZoom, //地图缩小限制
+            maxZoom: maxMapZoom, //地图放大限制
+          }),
+        });
+        if (this.formEditor) {
+          let pan = getPan();
+          //false：当前地图不可拖动。true：可拖动
+          pan.setActive(false);
+
+          function getPan() {
+            let pan = '';
+            map.getInteractions().forEach(function (element, index, array) {
+              if (element instanceof ol.interaction.DragPan) {
+                pan = element;
+              }
+            })
+            return pan;
+          }
+        }
+        //图层查询定位开始 ---------start
+        hc_land = new ol.layer.Vector({
+          title: "add Layer",
+          source: new ol.source.Vector({
+            projection: projection,
+            features: new ol.format.GeoJSON().readFeatures("{\n" +
+              "    \"type\": \"Feature\",\n" +
+              "    \"geometry\":" + this.applicationDetail.tHouseApplyProposedSituation.theGeom + "}"),
+          }),
+          style: new ol.style.Style({
+            fill: new ol.style.Fill({
+              //矢量图层填充颜色，以及透明度
+              color: "rgba(204, 255, 204,0.3)",
+            }),
+            stroke: new ol.style.Stroke({
+              //边界样式
+              color: "#47c68f",
+              width: 3,
+            }),
+          }),
+        });
+        map.addLayer(hc_land);
+        var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+        var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+        var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+        var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+        //定位查询位置
+        var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+        map.getView().animate({
+          // 只设置需要的属性即可
+          center: center, // 中心点
+          zoom: 17.9, // 缩放级别
+          rotation: undefined, // 缩放完成view视图旋转弧度
+          duration: 1000, // 缩放持续时间，默认不需要设置
+        });
+        //图层查询定位结束 ---------end
+        //开始绘制地图
+        $("#drawPolygon").click(function () {
+          map.removeLayer(hc_land);
+          map.removeLayer(vector_drawing);
+          that.drawInsert = null;
+          map.removeInteraction(draw);
+          var source = new ol.source.Vector({wrapX: false});
+          vector_drawing = new ol.layer.Vector({
+            source: source,
+          });
+          map.addLayer(vector_drawing);
+          var typeSelect = "Polygon";
+
+          function addInteraction() {
+            var value = typeSelect;
+            draw = new ol.interaction.Draw({
+              source: source,
+              type: typeSelect
+            });
+            draw.on('drawend', function (evt) {
+              console.log(that.drawInsert);
+              if(that.drawInsert != null){
+                $("#drawRemove").trigger('click');
+              }
+              var feature = evt.feature;
+              var geometry = feature.getGeometry();
+              var coordinate = geometry.getCoordinates();
+              that.drawInsert = coordinate;
+              map.removeInteraction(draw);
+            });
+            map.addInteraction(draw);
+          }
+          addInteraction();
+        });
+        //清除画图鼠标点击事件
+        $("#drawRemove").click(function () {
+          that.drawInsert = null;
+          map.addLayer(hc_land);
+          map.removeInteraction(draw);
+          map.removeLayer(vector_drawing);
+        });
+      }
+      if (this.openDarw) {
+        document.getElementById("mapWrap").innerHTML = '';
+        var projection = new ol.proj.Projection({
+          //地图投影类型
+          code: "EPSG:3857",
+          units: "degrees",
+          //extent:extent
+        });
+
+        var 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: "卫星影像图",
+        });
+
+        var 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: "天地图文字标注--卫星影像图",
+        });
+        //获取坐标是否存在
+        var Zb;
+        if (this.tGeoOrganizationLng != null && this.tGeoOrganizationLat != null) {
+          Zb = [this.tGeoOrganizationLng, this.tGeoOrganizationLat]
+        } else {
+          Zb = [115.452752, 31.789033];
+        }
+        //加载地图
+        map = new ol.Map({
+          controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+          layers: [aerial, yingxzi],
+          projection: projection,
+          logo: 'false',
+          target: "mapWrap",
+          view: new ol.View({
+            center: ol.proj.fromLonLat(Zb),
+            //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+            zoom: 16.9,
+            minZoom: minMapZoom, //地图缩小限制
+            maxZoom: maxMapZoom, //地图放大限制
+          }),
+        });
+
+        //图层查询定位结束 ---------end
+        //开始绘制地图
+        $("#drawPolygon").click(function () {
+          //map.removeLayer(hc_land);
+          map.removeLayer(vector_drawing);
+          that.drawInsert = null;
+          map.removeInteraction(draw);
+          var source = new ol.source.Vector({wrapX: false});
+          vector_drawing = new ol.layer.Vector({
+            source: source,
+          });
+          map.addLayer(vector_drawing);
+          var typeSelect = "Polygon";
+
+          function addInteraction() {
+            var value = typeSelect;
+            draw = new ol.interaction.Draw({
+              source: source,
+              type: typeSelect
+            });
+            draw.on('drawend', function (evt) {
+              console.log(that.drawInsert);
+              if(that.drawInsert != null){
+                $("#drawRemove").trigger('click');
+              }
+              var feature = evt.feature;
+              var geometry = feature.getGeometry();
+              var coordinate = geometry.getCoordinates();
+              that.drawInsert = coordinate;
+              map.removeInteraction(draw);
+            });
+            map.addInteraction(draw);
+          }
+          addInteraction();
+        });
+        //清除画图鼠标点击事件
+        $("#drawRemove").click(function () {
+          that.drawInsert = null;
+          map.removeInteraction(draw);
+          map.removeLayer(vector_drawing);
+        });
+      }
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding-bottom: 5%;
+  }
+  .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;
+    background-color: #1D6FE9;
+    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%;
+  }
+  .deleteFamily{
+    position: absolute;
+    top: -0.3rem;
+    right: 6%;
+    z-index: 9;
+    border-radius: 50%;
+  }
+  .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;
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/homeApplication/applicationList.vue b/src/views/sunVillage_info/homeApplication/applicationList.vue
new file mode 100644
index 00000000..e13cc60f
--- /dev/null
+++ b/src/views/sunVillage_info/homeApplication/applicationList.vue
@@ -0,0 +1,241 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+        @click-right="goAddLite()"
+      >
+        <template #title>
+          <p style="font-weight: bold;">宅基地申请</p>
+        </template>
+        <template #right>
+          <van-icon name="add" size="18"/>
+        </template>
+      </van-nav-bar>
+
+      <van-pull-refresh v-model="refreshing" @refresh="getList()">
+        <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="getList('+1')"
+      >
+        <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
+          <van-cell :title="item.ywh" center @click="viewItem(item)">
+<!--          <van-cell :title="item.ywh" :value="item.houseApplyStatusName" center @click="viewItem(item)">-->
+<!--            <template #icon>-->
+<!--              <van-icon name="../../../static/images/onlineHome/icon_zjd1.png" size="30" color="#539FFD" style="margin-right: 10px;" />-->
+<!--            </template>-->
+<!--            <template #label>-->
+<!--              <p>{{item.projectName}}</p>-->
+<!--            </template>-->
+            <template #icon>
+              <van-icon name="../../../static/images/onlineHome/icon_zjd1.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+            </template>
+            <span v-if="item.auditStatus === '0'">{{ formatDict(houseApplyStatus, item.homeApplyStatus) }} </span>
+            <span v-else-if="item.auditStatus === '2' " style="color: #F56C6C">{{ formatDict(houseApplyStatus, item.homeApplyStatus) + ' ● 已驳回' }} </span>
+            <span  v-else style="color: #67c23a;">{{ formatDict(houseApplyStatus, item.homeApplyStatus) }} </span>
+            <template #label>
+              <p>{{item.projectName}}</p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square text="提交" type="primary" v-if="item.homeApplyStatus=='11' || item.homeApplyStatus=='31' || item.homeApplyStatus=='71'" @click="submitApplyProposer(item)" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="修改" type="info" v-if="item.homeApplyStatus=='11' || item.homeApplyStatus=='31' || item.homeApplyStatus=='71'" :to="{name:'sunVillageInfoProposerLite', query: {id:item.id, type: 'modify'}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="删除" type="danger" v-if="item.homeApplyStatus=='11'" @click="deleteList(item.id,index)" class="delete-button" />
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+      </van-pull-refresh>
+    </div>
+</template>
+
+<script>
+import { getList , removeList } from "@/api/sunVillage_info/homestead/application";
+import { customSubmit, customSubmitWLHT} from "@/api/sunVillage_info/homestead/application";
+import {updateOpretion} from "@/api/sunVillage_info/homestead/application";
+import Cookies from "js-cookie";
+export default {
+  name: "applicationList",
+  data() {
+    return {
+      applicationList:[],
+      houseApplyStatus:[],
+      loading: false,
+      finished: false,
+      refreshing: false,
+      deptId:null,
+      total: 0,
+      queryParams:{
+        pageNum:1,
+        pageSize:10,
+        deptId:null,
+        orderByColumn:'createTime',
+        isAsc:'desc'
+      }
+    };
+  },
+  created() {
+    this.houseGetDicts("home_stage_status").then((response) => {
+      this.houseApplyStatus = response.data;
+    });
+    this.deptId = Cookies.get('deptId')
+    this.$set(this.queryParams, "deptId", this.deptId);
+    this.getList();
+  },
+  methods: {
+    goAdd(){
+      window.location = 'applicationAdd';
+    },
+    goAddLite(){
+      //window.location = 'applicationAdd'
+      this.$router.push({name:'sunVillageInfoProposerLite',query:{type:"add"}})
+    },
+    viewItem(row){
+      let type = row.houseApplyStatus == '11' // 申请草稿
+        || row.houseApplyStatus == '1F' // 申请通过
+        || row.houseApplyStatus == '31' // 开工草稿
+        || row.houseApplyStatus == '3F' // 开工通过
+        || row.houseApplyStatus == '71' // 验收草稿
+          ? 'modify' : 'view';
+      this.$router.push({name:'sunVillageInfoProposerLite',query:{type:type,id:row.id}})
+    },
+    getList(target){
+      let type = typeof (target);
+      console.log(type, target);
+      if(target && this.finished)
+        return;
+      if (target === 0) {
+        this.refreshing = true;
+        this.finished = true;
+        this.total = 0;
+        this.queryParams.pageNum = 1;
+        this.applicationList = [];
+      }
+      else if (type === 'number')
+        this.queryParams.pageNum = target;
+      else if (type === 'string') {
+        this.queryParams.pageNum = eval(this.queryParams.pageNum + target)
+      }
+      else
+      {
+        this.refreshing = true;
+        this.finished = true;
+        this.total = 0;
+        this.queryParams.pageNum = 1;
+        this.applicationList = []
+      }
+      getList(this.queryParams).then(response => {
+        console.log(response)
+        if (response.rows.length === 0) {
+          this.finished = true;
+          return;
+        }
+        for (var i = 0; i < response.rows.length; i++) {
+          /*var houseApplyStatusName = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus);
+          // if(response.rows[i].auditStatus !== '0' && response.rows[i].auditStatus === '2'){
+          //   houseApplyStatusName = houseApplyStatusName+ ' ● 已驳回';
+          // }
+          response.rows[i].houseApplyStatusName = houseApplyStatusName;*/
+          this.applicationList.push(response.rows[i]);
+        }
+        this.total += response.rows.length;
+        this.finished = this.total >= response.total;
+      }).finally(() => {
+        this.loading = false;
+        this.refreshing = false;
+      });
+    },
+    formatDict(dict, value) {
+      return this.selectDictLabel(dict, value);
+    },
+    deleteList(id,index){
+      this.$dialog.confirm({
+        message: '您确认删除申请草稿？',
+      })
+      .then(() => {
+        // on confirm
+        this.applicationList.splice(index,1)
+        removeList(id).then(res => {
+          if(res.code = 200){
+            this.$toast.success('删除成功');
+          }
+        });
+      })
+      .catch(() => {
+        // on cancel
+      });
+    },
+    refresh() {
+      this.getList(); return;
+      this.applicationList = [];
+      this.queryParams.pageNum = 1;
+      this.refreshing = true;
+      this.finished = false;
+    },
+    submitApplyProposer(item) {
+      this.$dialog.confirm({
+        message: '您确认提交申请草稿？',
+      }).then(() => {
+        let func = 1 || item.processKey.endsWith('WLHT') ? customSubmitWLHT : customSubmit; //TODO: 总是走简化流程
+        if(item.auditStatus == '2'){
+          updateOpretion(item.id).then();
+        }
+        func(item.id).then((resp) => {
+          this.$toast.success("提交成功");
+          this.refresh();
+        }).catch((e) => {
+          this.$toast.fail("提交失败!");
+        });
+      }).catch(() => {});
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0.2rem 3%;
+  }
+  /deep/.van-cell__title{
+    flex: 0.7;
+  }
+  /deep/.van-cell__title span{
+    font-family: Arial;
+    font-size: 0.4rem;
+    font-weight: normal;
+  }
+  /deep/.van-cell__value{
+    flex: 0.3;
+    color: #1D6FE9;
+    font-weight: bold;
+  }
+  /deep/.van-swipe-cell{
+    margin-bottom: 0.2rem;
+    border-radius: 0.2rem;
+    overflow: hidden;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  }
+  /deep/van-ellipsis{
+    font-weight: bold;
+  }
+  .van-row{
+    height: 100%;
+  }
+  .van-col{
+    height: 100%;
+  }
+  .delete-button {
+    height: 100%;
+  }
+</style>
diff --git a/src/views/sunVillage_info/homeApplication/proposerLite.vue b/src/views/sunVillage_info/homeApplication/proposerLite.vue
new file mode 100644
index 00000000..b519757a
--- /dev/null
+++ b/src/views/sunVillage_info/homeApplication/proposerLite.vue
@@ -0,0 +1,5072 @@
+<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>
+      <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="!formEnabled.baseApplyForm.baseFormEnabled" 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="!formEnabled.baseApplyForm.baseFormEnabled"
+                      remote-url="/system/dict/data/type/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 }]"/>
+<!--                    <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="/system/dict/data/type/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="/system/dict/data/type/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 :rules="[{ required: true }]" required :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="/system/dict/data/type/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="/system/dict/data/type/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="/system/dict/data/type/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="/system/dict/data/type/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="/system/dict/data/type/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="/system/dict/data/type/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">-->
+<!--                    <common-map ref="pointDarwMap" style="height:200px;"-->
+<!--                                :allowDraw="formEnabled.baseApplyForm.baseFormEnabled"-->
+<!--                                @drawReseted="onMapDrawReseted"-->
+<!--                                @drawFinished="onMapDrawFinished"-->
+<!--                    >-->
+<!--                    </common-map>-->
+<!--                  </div>-->
+                </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.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-field :rules="[{ required: true }]" v-if="applicationDetail.cjxzscr !='' && applicationDetail.cjxzscr !=null && !applicationDetail.cjxzscr.endsWith('jpeg')"
+                      required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" @click="formEnabled.baseApplyForm.villageFormEnabled && searchCommit('cjxzscr')" v-model="applicationDetail.cjxzscr" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
+                      <van-cell title="负责人:" v-if="applicationDetail.cjxzscr =='' || applicationDetail.cjxzscr ==null || applicationDetail.cjxzscr.endsWith('jpeg')" :rules="[{ required: true }]">
+                        <van-button color="#7AC943" v-if="applicationDetail.cjxzscr =='' || applicationDetail.cjxzscr ==null || !applicationDetail.cjxzscr.endsWith('jpeg')" v-model="applicationDetail.cjxzscr" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('cjxzscr')">签名确认</van-button>
+                        <van-image
+                          width="100"
+                          height="50"
+                          :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
+                          v-if="applicationDetail.cjxzscr !='' && applicationDetail.cjxzscr !=null
+                              && applicationDetail.cjxzscr.endsWith('jpeg')"
+                          :src="$store.getters.baseRoutingUrl+applicationDetail.cjxzscr"
+                          @click="formEnabled.baseApplyForm.villageFormEnabled && searchCommit('cjxzscr')"
+                        ></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_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">乡镇<br/>自然<br/>资源<br/>部门<br/>意见</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="/system/dict/data/type/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-field v-if="applicationDetail.ydjfsp.zrzybmscrxm !='' && applicationDetail.ydjfsp.zrzybmscrxm !=null && !applicationDetail.ydjfsp.zrzybmscrxm.endsWith('jpeg')"
+                                 required :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled" @click="formEnabled.baseApplyForm.nature_resourceFormEnabled && searchCommit(ydjfsp.zrzybmscrxm)" :rules="[{ required: true }]" v-model="applicationDetail.tHouseApproveNatureOptions.approveLeader" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
+                      <van-cell title="负责人:" v-if="applicationDetail.ydjfsp.zrzybmscrxm =='' || applicationDetail.ydjfsp.zrzybmscrxm ==null || applicationDetail.ydjfsp.zrzybmscrxm.endsWith('jpeg')" :rules="[{ required: true }]" >
+                      <van-button :disabled="!formEnabled.baseApplyForm.nature_resourceFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfsp.zrzybmscrxm =='' || applicationDetail.ydjfsp.zrzybmscrxm ==null || !applicationDetail.ydjfsp.zrzybmscrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfsp.zrzybmscrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfsp.zrzybmscrxm')">签名确认</van-button>
+                        <van-image
+                          width="100"
+                          height="50"
+                          :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled"
+                          v-if="applicationDetail.ydjfsp.zrzybmscrxm !='' && applicationDetail.ydjfsp.zrzybmscrxm !=null
+                              && applicationDetail.ydjfsp.zrzybmscrxm.endsWith('jpeg')"
+                          :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.zrzybmscrxm"
+                          @click="formEnabled.baseApplyForm.nature_resourceFormEnabled && searchCommit('ydjfsp.zrzybmscrxm')"
+                        ></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.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">乡镇<br/>住建<br/>部门<br/>意见<br/></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="/system/dict/data/type/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="/system/dict/data/type/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-field :rules="[{ required: true }]" v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm !='' && applicationDetail.ydjfsp.zfcxjsbmscrxm !=null && !applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('jpeg')"
+                                 @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('ydjfsp.zfcxjsbmscrxm')" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.ydjfsp.zfcxjsbmscrxm" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
+                      <van-cell title="负责人:"  v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm =='' || applicationDetail.ydjfsp.zfcxjsbmscrxm ==null || applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('jpeg')" :rules="[{ required: true }]">
+                        <van-button color="#7AC943" :disabled="!formEnabled.baseApplyForm.buildingFormEnabled"  v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm =='' || applicationDetail.ydjfsp.zfcxjsbmscrxm ==null || !applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfsp.zfcxjsbmscrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfsp.zfcxjsbmscrxm')">签名确认</van-button>
+                        <van-image
+                          width="100"
+                          height="50"
+                          :readonly="!formEnabled.baseApplyForm.buildingFormEnabled"
+                          v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm !='' && applicationDetail.ydjfsp.zfcxjsbmscrxm !=null
+                              && applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('jpeg')"
+                          :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.zfcxjsbmscrxm"
+                          @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('ydjfsp.zfcxjsbmscrxm')"
+                        ></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.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">乡镇<br/>农业<br/>农村<br/>部门<br/>审查<br/>意见</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-field :rules="[{ required: true }]"  v-if="applicationDetail.ydjfsp.nyncbmscrxm !='' && applicationDetail.ydjfsp.nyncbmscrxm !=null && !applicationDetail.ydjfsp.nyncbmscrxm.endsWith('jpeg')"
+                                 @click="formEnabled.baseApplyForm.agricultureFormEnabled && searchCommit('ydjfsp.nyncbmscrxm')" required :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled" v-model="applicationDetail.ydjfsp.nyncbmscrxm" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
+                      <van-cell title="负责人:"  v-if="applicationDetail.ydjfsp.nyncbmscrxm =='' || applicationDetail.ydjfsp.nyncbmscrxm ==null || applicationDetail.ydjfsp.nyncbmscrxm.endsWith('jpeg')"  :rules="[{ required: true }]">
+                        <van-button :disabled="!formEnabled.baseApplyForm.agricultureFormEnabled" color="#7AC943"  v-if="applicationDetail.ydjfsp.nyncbmscrxm =='' || applicationDetail.ydjfsp.nyncbmscrxm ==null || !applicationDetail.ydjfsp.nyncbmscrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfsp.nyncbmscrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfsp.nyncbmscrxm')">签名确认</van-button>
+                        <van-image
+                          width="100"
+                          height="50"
+                          :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled"
+                          v-if="applicationDetail.ydjfsp.nyncbmscrxm !='' && applicationDetail.ydjfsp.nyncbmscrxm !=null
+                              && applicationDetail.ydjfsp.nyncbmscrxm.endsWith('jpeg')"
+                          :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.nyncbmscrxm"
+                          @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('ydjfsp.nyncbmscrxm')"
+                        ></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.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-field :rules="[{ required: true }]"  v-if="applicationDetail.ydjfsp.xzzfshpzrxm !='' && applicationDetail.ydjfsp.xzzfshpzrxm !=null && !applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('jpeg')"
+                                 @click="formEnabled.baseApplyForm.agricultureFormEnabled && searchCommit('ydjfsp.xzzfshpzrxm')" required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.ydjfsp.xzzfshpzrxm" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>
+                      <van-cell title="负责人:" v-if="applicationDetail.ydjfsp.xzzfshpzrxm =='' || applicationDetail.ydjfsp.xzzfshpzrxm ==null || applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('jpeg')"   :rules="[{ required: true }]">
+                        <van-button :disabled="!formEnabled.baseApplyForm.townFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfsp.xzzfshpzrxm =='' || applicationDetail.ydjfsp.xzzfshpzrxm ==null || !applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfsp.xzzfshpzrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfsp.xzzfshpzrxm')">签名确认</van-button>
+                        <van-image
+                          width="100"
+                          height="50"
+                          :readonly="!formEnabled.baseApplyForm.townFormEnabled"
+                          v-if="applicationDetail.ydjfsp.xzzfshpzrxm !='' && applicationDetail.ydjfsp.xzzfshpzrxm !=null
+                              && applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('jpeg')"
+                          :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.xzzfshpzrxm"
+                          @click="formEnabled.baseApplyForm.townFormEnabled && searchCommit('ydjfsp.xzzfshpzrxm')"
+                        ></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.ydjfsp.xzzfshpzsj"
+                        label="审批日期"
+                        placeholder="选择日期"
+                        :rules="[{ required: true }]"
+                        formatter="yyyy-MM-dd"
+                        required
+                        :readonly="!formEnabled.baseApplyForm.townFormEnabled"
+                      />
+                    </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/>踏勘</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_homeapply_ydjfsp"
+                                                @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.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-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>
+                </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="/system/dict/data/type/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 }]"/>
+                    </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="/system/dict/data/type/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="/system/dict/data/type/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 :rules="[{ required: true }]" required :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="/system/dict/data/type/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="/system/dict/data/type/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="/system/dict/data/type/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>-->
+
+<!--              &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.tHouseApplyEnd.buildingOtherArea" label="配套附属设施建筑面积" placeholder="配套附属设施建筑面积" input-align="right" label-width="auto" type="number" :rules="[{ required: true }]"><template #right-icon>㎡</template></van-field>-->
+<!--                  <field-select-->
+<!--                    v-model="applicationDetail.tHouseApplyEnd.designPaper"-->
+<!--                    label="建筑风貌"-->
+<!--                    value-key="dictLabel"-->
+<!--                    data-key="dictValue"-->
+<!--                    placeholder="选择建筑风貌"-->
+<!--                    :rules="[{ required: true }]"-->
+<!--                    required-->
+<!--                    :readonly="!formEnabled.acceptingForm.baseFormEnabled"-->
+<!--                    remote-url="/system/dict/data/type/design_paper"-->
+<!--                    :on-remote-response="'data'"-->
+<!--                  />-->
+                  <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="/system/dict/data/type/old_house_status"
+                    :on-remote-response="'data'"
+                  />
+<!--                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.houseCost" 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.tHouseApplyEnd.facadeColor" label="外立面颜色" placeholder="外立面颜色" input-align="right" label-width="auto" :rules="[{ required: true }]"/>-->
+<!--                  <field-radio-->
+<!--                    v-model="applicationDetail.tHouseApplyEnd.isEnjoySubsidy"-->
+<!--                    label="是否享受住房建设补助政策"-->
+<!--                    value-key="dictLabel"-->
+<!--                    data-key="dictValue"-->
+<!--                    :rules="[{ required: true }]"-->
+<!--                    required-->
+<!--                    :readonly="!formEnabled.acceptingForm.baseFormEnabled"-->
+<!--                    :columns="yesNoOptions"-->
+<!--                  />-->
+<!--                  <field-select-->
+<!--                    v-if="applicationDetail.tHouseApplyEnd.isEnjoySubsidy === 'Y'"-->
+<!--                    v-model="applicationDetail.tHouseApplyEnd.enjoySubsidyContent"-->
+<!--                    label="住房建设补助政策"-->
+<!--                    value-key="dictLabel"-->
+<!--                    data-key="dictValue"-->
+<!--                    placeholder="选择住房建设补助政策"-->
+<!--                    :rules="[{ required: true }]"-->
+<!--                    required-->
+<!--                    :readonly="!formEnabled.acceptingForm.baseFormEnabled"-->
+<!--                    remote-url="/system/dict/data/type/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>
+              </div>
+            </template>
+
+<!--              <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">
+                                  <field-checkbox
+                                    v-model="applicationDetail.tHouseApplyEnd.isProjectFinished"
+                                    label="1.是否已完成工程设计和合同约定的各项内容"
+                                    true-label="Y"
+                                    false-label="N"
+                                    :rules="[{ required: true }]"
+                                    :readonly="!formEnabled.acceptingForm.townFormEnabled"
+                                    label-width="5.6rem"
+                                  />
+                                  <field-checkbox
+                                    v-model="applicationDetail.tHouseApplyEnd.isQualifiedQuality"
+                                    label="2.承揽人对完工住房质量自查是否合格"
+                                    true-label="Y"
+                                    false-label="N"
+                                    :rules="[{ required: true }]"
+                                    :readonly="!formEnabled.acceptingForm.townFormEnabled"
+                                    label-width="5.6rem"
+                                  />
+                                  <field-checkbox
+                                    v-model="applicationDetail.tHouseApplyEnd.hasBuildingRecord"
+                                    label="3.是否有施工记录资料"
+                                    true-label="Y"
+                                    false-label="N"
+                                    :rules="[{ required: true }]"
+                                    :readonly="!formEnabled.acceptingForm.townFormEnabled"
+                                    label-width="5.6rem"
+                                  />
+                                  <field-checkbox
+                                    v-model="applicationDetail.tHouseApplyEnd.isSignWarranty"
+                                    label="4.建房村民和承揽人是否已经共同签署农村住房质量保修书"
+                                    true-label="Y"
+                                    false-label="N"
+                                    :rules="[{ required: true }]"
+                                    :readonly="!formEnabled.acceptingForm.townFormEnabled"
+                                    label-width="5.6rem"
+                                  />
+                                  <field-checkbox
+                                    v-model="applicationDetail.tHouseApplyEnd.isHandleProblem"
+                                    label="5.住房城乡建设行政主管部门或乡（镇）人民政府责令整改的问题是否全部整改完毕"
+                                    true-label="Y"
+                                    false-label="N"
+                                    :rules="[{ required: true }]"
+                                    :readonly="!formEnabled.acceptingForm.townFormEnabled"
+                                    label-width="5.6rem"
+                                  />
+                                  <field-checkbox
+                                    v-model="applicationDetail.tHouseApplyEnd.isDesignPaperSame"
+                                    label="6.建筑风貌是否与设计图基本一致"
+                                    true-label="Y"
+                                    false-label="N"
+                                    :rules="[{ required: true }]"
+                                    :readonly="!formEnabled.acceptingForm.townFormEnabled"
+                                    label-width="5.6rem"
+                                  />
+                                  <field-checkbox
+                                    v-model="applicationDetail.tHouseApplyEnd.isOtherAcceptanceFinished"
+                                    label="7.法律、法规规定的其他验收条件完成情况"
+                                    true-label="Y"
+                                    false-label="N"
+                                    :rules="[{ required: true }]"
+                                    :readonly="!formEnabled.acceptingForm.townFormEnabled"
+                                    label-width="5.6rem"
+                                  />
+                                </van-col>
+                              </van-row>
+                            </div>-->
+
+            <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">乡镇<br/>农业<br/>农村<br/>部门<br/>意见</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-field :rules="[{ required: true }]"  v-if="applicationDetail.ydjfys.nyncbmysjbrxm !='' && applicationDetail.ydjfys.nyncbmysjbrxm !=null && !applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('jpeg')"
+                               @click="formEnabled.acceptingForm.agricultureFormEnabled && searchCommit('ydjfys.nyncbmysjbrxm')"  required :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled" v-model="applicationDetail.ydjfys.nyncbmysjbrxm" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>
+                    <van-cell title="负责人:" v-if="applicationDetail.ydjfys.nyncbmysjbrxm =='' || applicationDetail.ydjfys.nyncbmysjbrxm ==null || applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('jpeg')"   :rules="[{ required: true }]">
+                      <van-button :disabled="!formEnabled.acceptingForm.agricultureFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfys.nyncbmysjbrxm =='' || applicationDetail.ydjfys.nyncbmysjbrxm ==null || !applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfys.nyncbmysjbrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfys.nyncbmysjbrxm')">签名确认</van-button>
+                      <van-image
+                        width="100"
+                        height="50"
+                        :readonly="!formEnabled.acceptingForm.agricultureFormEnabled"
+                        v-if="applicationDetail.ydjfys.nyncbmysjbrxm !='' && applicationDetail.ydjfys.nyncbmysjbrxm !=null
+                              && applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('jpeg')"
+                        :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.nyncbmysjbrxm"
+                        @click="formEnabled.acceptingForm.agricultureFormEnabled && searchCommit('ydjfys.nyncbmysjbrxm')"
+                      ></van-image>
+                    </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.baseApplyForm.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">乡镇<br/>自然<br/>资源<br/>部门<br/>意见</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-field :rules="[{ required: true }]"  v-if="applicationDetail.ydjfys.zrzybmysjbrxm !='' && applicationDetail.ydjfys.zrzybmysjbrxm !=null && !applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('jpeg')"
+                               @click="formEnabled.acceptingForm.nature_resourceFormEnabled && searchCommit('ydjfys.zrzybmysjbrxm')" required :readonly="!formEnabled.acceptingForm.nature_resourceFormEnabled" v-model="applicationDetail.ydjfys.zrzybmysjbrxm" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>
+                    <van-cell title="负责人:" v-if="applicationDetail.ydjfys.zrzybmysjbrxm =='' || applicationDetail.ydjfys.zrzybmysjbrxm ==null || applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('jpeg')"   :rules="[{ required: true }]">
+                      <van-button :disabled="!formEnabled.acceptingForm.nature_resourceFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfys.zrzybmysjbrxm =='' || applicationDetail.ydjfys.zrzybmysjbrxm ==null || !applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfys.zrzybmysjbrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfys.zrzybmysjbrxm')">签名确认</van-button>
+                      <van-image
+                        width="100"
+                        height="50"
+                        :readonly="!formEnabled.acceptingForm.nature_resourceFormEnabled"
+                        v-if="applicationDetail.ydjfys.zrzybmysjbrxm !='' && applicationDetail.ydjfys.zrzybmysjbrxm !=null
+                              && applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('jpeg')"
+                        :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.zrzybmysjbrxm"
+                        @click="formEnabled.acceptingForm.nature_resourceFormEnabled && searchCommit('ydjfys.zrzybmysjbrxm')"
+                      ></van-image>
+                    </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.baseApplyForm.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">乡镇<br/>住建<br/>部门<br/>意见</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-field :rules="[{ required: true }]" v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm !='' && applicationDetail.ydjfys.zfcxjsbmysjbrxm !=null && !applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('jpeg')"
+                               @click="formEnabled.acceptingForm.buildingFormEnabled && searchCommit('ydjfys.zfcxjsbmysjbrxm')" required :readonly="!formEnabled.acceptingForm.acceptingForm" v-model="applicationDetail.ydjfys.zfcxjsbmysjbrxm" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
+                    <van-cell title="负责人:"  v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm =='' || applicationDetail.ydjfys.zfcxjsbmysjbrxm ==null || applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('jpeg')" :rules="[{ required: true }]">
+                      <van-button color="#7AC943" :disabled="!formEnabled.acceptingForm.buildingFormEnabled"  v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm =='' || applicationDetail.ydjfys.zfcxjsbmysjbrxm ==null || !applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfys.zfcxjsbmysjbrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfys.zfcxjsbmysjbrxm')">签名确认</van-button>
+                      <van-image
+                        width="100"
+                        height="50"
+                        :readonly="!formEnabled.acceptingForm.buildingFormEnabled"
+                        v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm !='' && applicationDetail.ydjfys.zfcxjsbmysjbrxm !=null
+                              && applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('jpeg')"
+                        :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.zfcxjsbmysjbrxm"
+                        @click="formEnabled.acceptingForm.buildingFormEnabled && searchCommit('ydjfys.zfcxjsbmysjbrxm')"
+                      ></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.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/>
+                    (标注<br/>长宽<br/>及四至)</van-col>
+                  <van-col span="19">
+                    <house-location-plan-comp ref="pictureUploadAccepting" :uploadDisabled="!formEnabled.acceptingForm.townFormEnabled" :jsonData="uploadImgAccepting.fileList" :proposer-id="uploadImgAccepting.proposerId" tableName="t_homeapply_ydjfys"
+                                              @uploadFileChanged="(x) => {this.uploadImgAccepting.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgAccepting.removeFileList = x;}"
+                    />
+                    <van-field required :readonly="!formEnabled.acceptingForm.townFormEnabled" v-model="applicationDetail.ydjfys.jgpmjtjbr"  placeholder="经办人" label="经办人" input-align="left" :rules="[{ required: true }]"/>
+                  </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/>政府<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-field :rules="[{ required: true }]" v-if="applicationDetail.ydjfys.xzzfysjbrxm !='' && applicationDetail.ydjfys.xzzfysjbrxm !=null && !applicationDetail.ydjfys.xzzfysjbrxm.endsWith('jpeg')"
+                               @click="formEnabled.acceptingForm.agricultureFormEnabled && searchCommit('ydjfys.xzzfysjbrxm')" required :readonly="!formEnabled.acceptingForm.townFormEnabled" v-model="applicationDetail.ydjfys.xzzfysjbrxm" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>
+                    <van-cell title="负责人:" v-if="applicationDetail.ydjfys.xzzfysjbrxm =='' || applicationDetail.ydjfys.xzzfysjbrxm ==null || applicationDetail.ydjfys.xzzfysjbrxm.endsWith('jpeg')"   :rules="[{ required: true }]">
+                      <van-button :disabled="!formEnabled.acceptingForm.townFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfys.xzzfysjbrxm =='' || applicationDetail.ydjfys.xzzfysjbrxm ==null || !applicationDetail.ydjfys.xzzfysjbrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfys.xzzfysjbrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfys.xzzfysjbrxm')">签名确认</van-button>
+                      <van-image
+                        width="100"
+                        height="50"
+                        :readonly="!formEnabled.acceptingForm.townFormEnabled"
+                        v-if="applicationDetail.ydjfys.xzzfysjbrxm !='' && applicationDetail.ydjfys.xzzfysjbrxm !=null
+                              && applicationDetail.ydjfys.xzzfysjbrxm.endsWith('jpeg')"
+                        :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.xzzfysjbrxm"
+                        @click="formEnabled.acceptingForm.townFormEnabled && searchCommit('ydjfys.xzzfysjbrxm')"
+                      ></van-image>
+                    </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.baseApplyForm.baseFormEnabled"
+                    />
+                  </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
+                :business-type="houseApplyUploadComp.businessType"
+                :house-apply-status="houseApplyUploadComp.homeApplyStatus"
+                :process-key="houseApplyUploadComp.processKey"
+                :proposer-id="houseApplyUploadComp.proposerId"
+                :table-name="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"
+                :full="houseApplyUploadCompStart.full"
+              >
+              </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"
+                :readonly="houseApplyUploadCompEnd.readonly"
+                :full="houseApplyUploadCompEnd.full"
+              >
+              </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 { listHomeapplytype,getQueryLand, saveHomeBaseInfo  , getHomeMembers , allInformationWLHT, checkDuplicateBuilding, checkDuplicateBuildingQuery, customSubmitWLHT, submitStartWLHT, updateStart, submitEndWLHT, getWorkflow ,selectProposerNh} from "@/api/sunVillage_info/homestead/application";
+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 {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 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},
+    data() {
+    return {
+      // 当前流程步骤
+      active: 0,
+      // 申请ID
+      id: '',
+      // 表单数据
+      applicationDetail: {},
+      // 当前家庭成员展开
+      activeNames:['1'],
+      showNhxx:false,
+      showTyt:false,
+      tytzName:null,
+      //农户信息集合
+      nhxxList:[],
+      zjddmColumns:[],
+      zjdzdxxList:[],
+      zjdzdxxDetailed:{
+        zdszd:null,
+        zdszn:null,
+        zdszx:null,
+        zdszb:null
+      },
+      tytzList: [],
+      jflxColumns:[],
+      zjdzdxxDetailedShow:false,
+      deptId:null,
+      sysFarmer:JSON.parse(Cookies.get('user')),
+      showZjddm:null,
+      showZjdzk:false,
+      // 当前显示流程
+      selectedTabName: 0,
+      processKeyField: null,
+      // 表单意图
+      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,
+        },
+        acceptingVisible: false,
+        acceptingForm: {
+          baseFormVisible: false,
+          townFormVisible: false,
+          agricultureFormVisible: false,
+          nature_resourceFormVisible: false,
+          buildingFormVisible: false,
+        },
+        auditVisible: false,
+      },
+      // 表单启用控制
+      formEnabled: {
+        baseApplyEnabled: false,
+        submitEnabled: false,
+        baseApplyForm: {
+          baseFormEnabled: false,
+          homesteadFormEnabled: false,
+          groupFormEnabled: false,
+          villageFormEnabled: false,
+          townFormEnabled: false,
+          agricultureFormEnabled: false,
+          buildingFormEnabled: false,
+          nature_resourceFormEnabled: false,
+        },
+        landscopeEnabled: false,
+        landscopeForm: {
+          baseFormEnabled: 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: 'Y'},
+        {dictLabel: '否', dictValue: 'N'},
+      ],
+      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.instanceId = this.$route.query.instanceId;
+    console.log(this.$cookies)
+    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;
+    });
+    listHomeapplytype({deptId: JSON.parse(Cookies.get('user')).deptId}).then(response => {
+      let _this = this;
+      _this.tytzList = response.rows;
+    });
+    this.getFormIntent();
+    this.getLandCoord();
+    this.getDetail();
+  },
+  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);
+      });
+    },
+    // 打开工作流程
+    goFlow(){
+      this.flowVisible = true;
+      //window.location='flowChart?id='+this.id + '&processKey=WLHT';
+    },
+    // 初始化当前数据, 有ID则查询, 否则新增
+    getDetail(){
+      this.reset();
+      if(this.id)
+      {
+        allInformationWLHT(this.id).then(response => {
+          this.init(response.data);
+          for (let i = 0; i < this.tytzList.length; i++) {
+            //_this.infoList[i].push({text: response.rows[i].name, value: response.rows[i].code});
+          if(this.tytzList[i].id = response.data.tyhxt){
+            this.tytzName = this.tytzList[i].name;
+            }
+          }
+        });
+      }
+      else
+      {
+        this.init();
+        // this.getApplyerDetail();
+      }
+      console.info(this.applicationDetail);
+    },
+    // 绘制申请地图
+    pointDarw(data) {
+      this.$nextTick(() => {
+        let map = this.$refs.pointDarwMap;
+        if(data === null)
+          data = this.applicationDetail.theGeom;
+        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(sessionStorage);
+      const role = this.$store.getters.roles;
+      this.currentUserRole = role[0];
+      console.log("当前用户角色: " + role);
+      console.info(value);
+      // 局部变量
+      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.baseApplyForm.homesteadFormVisible = value ? value.sfyyzjd ==='Y' : false;
+
+      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"]);
+          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.isProposeStatus(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", "79", "7C", "7F"]);
+          this.formVisible.acceptingForm.baseFormVisible = this.isProposeStatus(homeApplyStatus, ["71", "72", "74", "79", "7C", "7F"]);
+          this.formVisible.acceptingForm.townFormVisible = this.isProposeStatus(homeApplyStatus, [this.isInRoles(role, 'town_leader') ? '7C' : -99, "26"]);
+          this.formVisible.acceptingForm.agricultureFormVisible = this.isProposeStatus(homeApplyStatus, [this.isInRoles(role, ['town_leader', 'agriculture']) ? '79' : -99, this.isInRoles(role, ['town_leader', 'agriculture']) ? '25' : -99, "26"]);
+          this.formVisible.acceptingForm.nature_resourceFormVisible = this.isProposeStatus(homeApplyStatus, [this.isInRoles(role, ['town_leader', 'nature_resource']) ? '79' : -99, this.isInRoles(role, ['town_leader', 'nature_resource']) ? '25' : -99, "26"]);
+          if(this.type =='done') {
+            this.formVisible.editVisible = false;
+          }
+          this.houseApplyUploadComp.full = true;
+          this.houseApplyUploadComp.readonly = true;
+          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;
+
+          // // 初始化自然资源审批现场图
+          // 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.tHouseApproveLocationplanOptions ? value.tHouseApproveLocationplanOptions.locationPlan : '';
+          // this.uploadImg.proposerId = value.tHouseApplyProposer.id;
+          // // 初始化验收平面图
+          // this.uploadImgAccepting.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.locationPlan : '';
+          // this.uploadImgAccepting.proposerId = value.tHouseApplyProposer.id;
+
+          //地图查看
+          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;
+            }
+          }
+
+          console.info(this.selectedTabName);
+          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;
+          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('、');
+            console.info(this.form)
+            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"]))
+          // {
+          //   if(!this.applicationDetail.tHouseApplyEnd)
+          //   {
+          //     this.$set(this.applicationDetail, 'tHouseApplyEnd', {
+          //       //TODO: 开工结束时后台必定生成
+          //     });
+          //   }
+          //   if(this.applicationDetail.tHouseApplyEnd.oldHouseStatus == '0')
+          //     this.applicationDetail.tHouseApplyEnd.oldHouseStatus = null;
+          // }
+          // 验收镇级审批
+          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.xzzfysjbrxm) //this.applicationDetail.tHouseApplyEnd.zhenName = handlerName;
+              if(!this.applicationDetail.ydjfys.xzzfyssj) this.applicationDetail.ydjfys.xzzfyssj = handlerTime;
+            }
+
+            if(this.isInRoles(role, ['agriculture']))
+            {
+              if(!this.applicationDetail.ydjfys.nyncbmysjbrxm) //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.zrzybmysjbrxm) //this.applicationDetail.tHouseApplyEnd.natureName = handlerName;
+              if(!this.applicationDetail.ydjfys.zrzybmyssj) this.applicationDetail.ydjfys.zrzybmyssj = handlerTime;
+            }
+
+            if(this.isInRoles(role, ['building']))
+            {
+              if(!this.applicationDetail.ydjfys.zfcxjsbmysjbrxm) //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.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:this.sysFarmer.deptId}).then(res => {
+            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, ['32']) && this.isInRoles(role, 'village_group_leader');
+          this.formEnabled.baseApplyForm.villageFormEnabled = this.isProposeStatus(homeApplyStatus, ["31"]) && 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.tHouseApproveLocationplanOptions ? value.tHouseApproveLocationplanOptions.locationPlan : '';
+          this.uploadImg.proposerId = this.applicationDetail.id;
+
+          this.uploadImgAccepting.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.locationPlan : '';
+          this.uploadImgAccepting.proposerId = this.applicationDetail.id;
+
+          //地图编辑
+          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.pointDarw();
+          getWorkflow().then((resp) => {
+            this.$set(this.applicationDetail, 'proposerActiveIndex', -1);
+            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.initData();
+          break;
+      }
+
+      // 通用设置
+      // if(this.type =='done' && this.applicationDetail.tHouseApplyEnd == null && this.applicationDetail.tHouseApplyEnd.taskId ==null){
+      if(this.type =='done' && this.applicationDetail.tHouseApplyEnd == 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 {
+        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, ["20"])){
+            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 == '10')
+          {
+            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: "",
+       instanceId: "",
+       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) {
+      this.drawInsert = data;
+    },
+    // 当申请地图被重置时
+    onMapDrawReseted() {
+      this.drawInsert = null;
+      if(this.applicationDetail.tHouseApplyProposedSituation.theGeom)
+      {
+        let lastData = JSON.parse(this.applicationDetail.tHouseApplyProposedSituation.theGeom);
+        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) {
+      this.$set(this.applicationDetail, "fileList", fileIdList);
+    },
+    // 获取申请人信息
+    getApplyerDetail(val){
+      console.info(val)
+      getHomeMembers({idcard:val.hzzjhm}).then(res => {
+        if(res.data)
+        {
+          this.applicationDetail = res.data;
+          this.$set(this.applicationDetail, 'sqhhzhkszd',  val.hkszd);
+          this.$set(this.applicationDetail, 'sqhjtzz',  val.txdz);
+          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',  this.sysFarmer.suyqrdm);
+          this.$set(this.applicationDetail, 'deptName',  this.sysFarmer.deptName);
+          this.$set(this.applicationDetail, 'createBy',  this.sysFarmer.memberName);
+          if(!this.applicationDetail.sfyyzjd)
+            this.applicationDetail.sfyyzjd = 'N';
+          this.applicationDetail.applyTime = this.getDate();
+          this.getMemberCurrentSituation(val.id);
+          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(() => {
+        let msg = this.validateBaseApplyFormBase();
+        console.info(msg)
+        if(msg)
+        {
+          this.notify(msg, 'danger');
+          return;
+        }
+        //地图判断
+        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);
+          }
+        }
+
+        console.log("进行保存", this.applicationDetail);
+        this.$set(this.applicationDetail, 'applyUserId',  this.sysFarmer.id);
+        saveHomeBaseInfo(this.applicationDetail).then((response) => {
+          if(submit)
+          {
+            this.id = response.data;
+            this.submitApplyProposer();
+          }
+          else
+          {
+            this.$set(this.applicationDetail, 'auditStatus',  "0");
+            this.notify("保存成功", 'success');
+            this.goBack();
+          }
+        }).catch((e) => {
+          this.notify("保存失败!", 'danger');
+        }).finally(() => {
+        });
+      }).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);
+                resp.data.zjdzdxxList.forEach(function(item){
+                  _this.zjddmColumns.push({text:item.zjddm,value:item.zjddm});
+                })
+              }
+
+              // 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();
+      }
+      customSubmitWLHT(this.id).then((resp) => {
+          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=>{
+                  if (msg) {
+                    return;
+                  }
+                    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;
+              }
+              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.$refs.pictureUploadApplying && _this.$refs.pictureUploadApplying.isValid()) {
+                                // _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);
+                                  // });
+                                // });
+                              }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:
+          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.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.$refs.pictureUploadAccepting && _this.$refs.pictureUploadAccepting.isValid()) {
+                  saveHomeBaseInfo(_this.applicationDetail).then((response) => {
+                        _this.complete(pass, comment);
+                      }).catch(err => {
+                        _this.notify('保存失败', 'danger');
+                      });
+                }else{
+                  if (this.checkString(this.applicationDetail.tHouseApplyEnd.locationPlan)) {
+                    msg =  "竣工平面简图不能为空";
+                  }
+
+                }
+
+              break;
+            default:
+              comment = '同意';
+              saveHomeBaseInfo(this.applicationDetail).then((response) => {
+                this.complete(pass, comment);
+              }).catch(err => {
+                this.notify('保存失败', 'danger');
+              });
+              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.tHouseApproveLocationplanOptions.locationPlan = 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.tHouseApproveLocationplanOptions.locationPlan = JSON.stringify(list);
+        }).catch((x) => {
+        this.notify("上传宅基地坐落平面位置图失败!", 'danger');
+      });
+    },
+    // 带平面图附件上传的镇级验收审批
+    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.instanceId)
+      {
+        console.error(this.taskId, this.instanceId);
+        return false;
+      }
+      let data = {
+        taskId: this.taskId,
+        instanceId: this.instanceId,
+        variables: JSON.stringify({
+          pass: pass ? "true" : "false",
+          comment: comment ? comment : (pass ? '同意' : '驳回'),
+        }),
+      };
+      request({
+        url: "/activiti/process/complete",
+        method: "post",
+        params: data,
+      }).then((response) => {
+        this.notify("操作成功", 'success');
+        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;
+      }
+      //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);
+        saveHomeBaseInfo(this.applicationDetail).then((resp) => {
+          if(submit)
+          {
+            submitStartWLHT(this.applicationDetail.id).then(resp => {
+              this.notify("操作成功", 'success');
+              this.goBack();
+            }).catch((e) => {
+              this.notify("操作失败!", 'danger');
+            });
+          }
+          else
+          {
+            this.notify("保存成功", 'success');
+            this.goBack();
+          }
+        }).catch((e) => {
+          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);
+        //   }
+        // }
+        saveHomeBaseInfo(this.applicationDetail).then(resp => {
+          if(submit)
+          {
+            submitEndWLHT(this.applicationDetail.id).then(resp => {
+              this.notify("操作成功", 'success');
+              this.goBack();
+            }).catch(err => {
+              this.notify("操作失败!", 'danger');
+            });
+          }
+          else
+          {
+            this.notify("保存成功", 'success');
+            this.goBack();
+          }
+        }).catch(err => {
+          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 {
+        this.deptId = this.sysFarmer.deptId;
+        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];
+        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.qszsh)) {
+          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 "申请理由不能为空";
+      }
+
+      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.zfcxjsbmscyj)) {
+        return "镇政府审批意见不能为空";
+      }
+      if (this.checkString(this.applicationDetail.ydjfsp.xzzfshpzrxm)) {
+        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 "享受住房建设补助政策不能为空";
+      // }
+
+      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(0)
+      {
+        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(pass)
+      {
+        // 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.value);
+      this.tytzName = val.name;
+      this.showTyt = false;
+    },
+    validateStartFormBase() {
+      if (this.checkString(this.applicationDetail.ydjfkg.kgrq)) {
+        return "计划开工时间不能为空";
+      }
+      if (this.checkString(this.applicationDetail.ydjfkg.jgrq)) {
+        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 == 'tHouseApproveVillage'){
+        zb  = this.applicationDetail.tHouseApproveVillageOptions.theGeom;
+      }
+      if (data == 'tHouseApproveNature'){
+        zb = this.applicationDetail.tHouseApproveNatureOptions.theGeomPoint;
+      }
+      if(data == 'tHouseApproveAgriculture'){
+        zb = this.applicationDetail.tHouseApproveAgricultureOptions.theGeomPoint;
+      }
+      if(data == 'tHouseApproveOther'){
+        zb = this.applicationDetail.tHouseApproveOtherOptions.theGeomPoint;
+      }
+      if(data == 'tHouseApproveTown'){
+        zb = this.applicationDetail.tHouseApproveTownOptions.theGeomPoint;
+      }
+      //验收申请定位
+      if(data == 'tHouseApplyEndNongye'){
+        zb = this.applicationDetail.tHouseApplyEnd.nongyeGeom;
+      }
+      if(data == 'tHouseApplyEndNature'){
+        zb = this.applicationDetail.tHouseApplyEnd.natureGeom;
+      }
+      if(data == 'tHouseApplyEndZhen'){
+        zb = this.applicationDetail.tHouseApplyEnd.zhenGeom;
+      }
+      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%;
+  }
+  .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>
diff --git a/src/views/sunVillage_info/index_code_rights.vue b/src/views/sunVillage_info/index_code_rights.vue
index 639f0f36..6ee302f1 100644
--- a/src/views/sunVillage_info/index_code_rights.vue
+++ b/src/views/sunVillage_info/index_code_rights.vue
@@ -27,6 +27,7 @@
               <p class="nav_tit">我的权利</p>
               <div class="nav_list">
                 <router-link :to="{name:'sunVillageInfoListVote',query:{type:'code'}}" class="nav_item n_4">投票表决</router-link>
+                <router-link :to="{name:'sunVillageInfoApplicationList',query:{type:'code'}}" class="nav_item n_6">宅基地申请</router-link>
               </div>
             </div>
         </div>
@@ -233,6 +234,10 @@
                 background: url('../../assets/images/sunVillage_info/index_block_5.png') no-repeat;
                 background-size: 100% 100%;
               }
+              &.n_6 {
+                 background: url('../../assets/images/sunVillage_info/index_block_06.png') no-repeat center top;
+                 background-size: 34.5PX;
+               }
             }
           }
         }
diff --git a/src/views/yinnong/doneCompleted/completed.vue b/src/views/yinnong/doneCompleted/completed.vue
index 898f6072..4ed3af35 100644
--- a/src/views/yinnong/doneCompleted/completed.vue
+++ b/src/views/yinnong/doneCompleted/completed.vue
@@ -93,7 +93,7 @@
         },
         getList() {
           this.taskList = []
-          this.$set(this.queryParams, "systemType", '4');
+          // this.$set(this.queryParams, "systemType", '4');
           ListTodo(this.queryParams).then((response) => {
             response.rows.map(res => {
               if(res.tableName?res.tableName.indexOf('house')>0:""){
@@ -118,6 +118,13 @@
           console.log(item)
           let type = item.formData.processKey;
           switch (type) {
+            case 'home_check':
+            case 'home_start':
+              this.$router.push({name:'approvalForm',query: {id:item.formData.ydjfsqId,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
+              break;
+            case 'home_apply':
+              this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
+              break;
             case 'baseApply':
             case 'landscope':
             case 'accepting':
diff --git a/src/views/yinnong/doneCompleted/done.vue b/src/views/yinnong/doneCompleted/done.vue
index 787975dc..1494fa5e 100644
--- a/src/views/yinnong/doneCompleted/done.vue
+++ b/src/views/yinnong/doneCompleted/done.vue
@@ -93,7 +93,7 @@
         },
         getList() {
           this.taskList = []
-          this.$set(this.queryParams, "systemType", '4');
+          // this.$set(this.queryParams, "systemType", '4');
           ListDone(this.queryParams).then((response) => {
             response.rows.map(res => {
               if(res.tableName?res.tableName.indexOf('house')>0:""){
@@ -118,6 +118,13 @@
           console.log(item)
           let type = item.formData.processKey;
           switch (type) {
+            case 'home_check':
+            case 'home_start':
+              this.$router.push({name:'approvalForm',query: {id:item.formData.ydjfsqId,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
+              break;
+            case 'home_apply':
+              this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
+              break;
             case 'baseApply':
             case 'landscope':
             case 'accepting':

From 5ff623ff09e9644f56e925e17513fe0fb8216374 Mon Sep 17 00:00:00 2001
From: xyq <392009588@qq.com>
Date: Tue, 3 Jan 2023 15:16:43 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E5=AE=85=E5=9F=BA=E5=9C=B0=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E6=89=8B=E6=9C=BA=E7=AB=AF=E8=AE=BF=E9=97=AE=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/permission.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/permission.js b/src/permission.js
index 16218d55..437666aa 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -128,6 +128,9 @@ const whiteList = [
   '/sunVillage_info/list_vote',   //详情页
   '/sunVillage_info/list_vote_detail',   //详情页
   '/sunVillage_info/list_vote_form',   //详情页
+  '/sunVillage_info/homeApplication/applicationList',   //列表页面
+  '/sunVillage_info/applicationAdd',   //列表页面
+  '/sunVillage_info/proposerLite',
   // 新型经营主体
   'newBusinessEntity/newsBulletin', //新闻公告
   '/newBusinessEntity/index',      //首页

From b9fa71fed68c8c50092421302ab42bee21941c5a Mon Sep 17 00:00:00 2001
From: xyq <392009588@qq.com>
Date: Tue, 3 Jan 2023 15:17:35 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E5=AE=85=E5=9F=BA=E5=9C=B0=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E6=89=8B=E6=9C=BA=E7=AB=AF=E8=AE=BF=E9=97=AE=E6=9D=83?=
 =?UTF-8?q?=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/permission.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/permission.js b/src/permission.js
index 437666aa..7e4a2710 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -129,7 +129,6 @@ const whiteList = [
   '/sunVillage_info/list_vote_detail',   //详情页
   '/sunVillage_info/list_vote_form',   //详情页
   '/sunVillage_info/homeApplication/applicationList',   //列表页面
-  '/sunVillage_info/applicationAdd',   //列表页面
   '/sunVillage_info/proposerLite',
   // 新型经营主体
   'newBusinessEntity/newsBulletin', //新闻公告