diff --git a/src/api/onlineHome/homestead/application.js b/src/api/onlineHome/homestead/application.js
index 9d5a35e4..c9ff9477 100644
--- a/src/api/onlineHome/homestead/application.js
+++ b/src/api/onlineHome/homestead/application.js
@@ -121,3 +121,104 @@ export function getHouseMembers(id){
     method:'get'
   })
 }
+
+//获取申请单明细 WLHT
+export function allInformationWLHT(id){
+  return request({
+    url:'/house/allinformation/getAllInformation/'+id,
+    method:'get',
+  })
+}
+
+// 查询文件配置树
+export function getAttachmentConfigTree(query) {
+  return request({
+    url: '/system/attachmentConfig/getAttachmentConfigTree',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增地房申请-申请人
+export function addProposer(data) {
+  return request({
+    url: '/house/custom/saveHouseBaseInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+//检查是否重复建房
+export function checkDuplicateBuilding(query) {
+  return request({
+    url: '/house/custom/checkDuplicateBuilding',
+    method: 'get',
+    params: query
+  })
+}
+
+//查询宅地信息
+export function checkDuplicateBuildingQuery(query) {
+  return request({
+    url: '/house/custom/checkDuplicateBuildingQuery',
+    method: 'get',
+    params: query
+  })
+}
+
+//乌兰浩特申请单人操作
+export function customSubmitWLHT(id) {
+  return request({
+    url: '/house/custom/submitWLHT/' + id,
+    method: 'post'
+  })
+}
+// 新增地房申请-开工申请
+export function submitStartWLHT(id) {
+  return request({
+    url: '/house/start/submitWLHT/'+id,
+    method: 'post',
+  })
+}
+
+// 修改地房申请-开工申请
+export function updateStart(data) {
+  return request({
+    url: '/house/start/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改地房申请-验收意见
+export function updateEnd(data) {
+  return request({
+    url: '/house/end/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 提交地房申请-验收意见(乌兰浩特 简化流程)
+export function submitEndWLHT(id) {
+  return request({
+    url: '/house/end/submitWLHT/'+id,
+    method: 'post',
+  })
+}
+
+//查询当前登录账号坐标
+export function getQueryLand() {
+  return request({
+    url: '/system/dept/get/current',
+    method: 'get'
+  })
+}
+
+//查询当前登录账号坐标
+export function getWorkflow() {
+  return request({
+    url: '/house/custom/workflow',
+    method: 'get'
+  })
+}
diff --git a/src/api/onlineHome/homestead/houseAnnounce.js b/src/api/onlineHome/homestead/houseAnnounce.js
new file mode 100644
index 00000000..06d4d151
--- /dev/null
+++ b/src/api/onlineHome/homestead/houseAnnounce.js
@@ -0,0 +1,61 @@
+import request from '@/utils/request'
+
+// 查询地房申请-村组公示列表
+export function listAnnounce(query) {
+  return request({
+    url: '/house/announce/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询地房申请-村组公示详细
+export function getAnnounce(id) {
+  return request({
+    url: '/house/announce/get/' + id,
+    method: 'get'
+  })
+}
+
+// 新增地房申请-村组公示
+export function addAnnounce(data) {
+  return request({
+    url: '/house/announce/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改地房申请-村组公示
+export function updateAnnounce(data) {
+  return request({
+    url: '/house/announce/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除地房申请-村组公示
+export function delAnnounce(id) {
+  return request({
+    url: '/house/announce/remove/' + id,
+    method: 'get'
+  })
+}
+
+// 导出地房申请-村组公示
+export function exportAnnounce(query) {
+  return request({
+    url: '/house/announce/export',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询地房申请-申请人详细
+export function getProposer(id) {
+  return request({
+    url: '/house/proposer/get/' + id,
+    method: 'get'
+  })
+}
diff --git a/src/api/onlineHome/homestead/houseProposer.js b/src/api/onlineHome/homestead/houseProposer.js
new file mode 100644
index 00000000..82c8a2bf
--- /dev/null
+++ b/src/api/onlineHome/homestead/houseProposer.js
@@ -0,0 +1,143 @@
+import request from '@/utils/request'
+
+// 查询地房申请-申请人列表
+export function listProposer(query) {
+  return request({
+    url: '/house/proposer/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询地房申请-申请人列表
+export function queryAdmin(query) {
+  return request({
+    url: '/house/proposer/queryAdmin',
+    method: 'get',
+    params: query
+  })
+}
+
+
+// 查询地房申请-申请人详细
+export function getProposer(id) {
+  return request({
+    url: '/house/proposer/get/' + id,
+    method: 'get'
+  })
+}
+
+// 新增地房申请-申请人
+export function addProposer(data) {
+  return request({
+    url: '/house/custom/saveHouseBaseInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改地房申请-申请人
+export function updateProposer(data) {
+  return request({
+    url: '/house/proposer/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除地房申请-申请人
+export function delProposer(id) {
+  return request({
+    url: '/house/proposer/remove/' + id,
+    method: 'get'
+  })
+}
+
+// 导出地房申请-申请人
+export function exportProposer(query) {
+  return request({
+    url: '/house/proposer/export',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出地房申请-申请人
+export function exportAdmin(query) {
+  return request({
+    url: '/house/proposer/exportAdmin',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询地房申请-申请人详细
+export function selectProposer(id, data) {
+  return request({
+    url: '/house/allinformation/' + id,
+    method: 'get',
+    params: data
+  })
+}
+
+
+// 查询地房申请-申请人详细
+export function selectAllLicense(id) {
+  return request({
+    url: '/house/allinformation/license/' + id,
+    method: 'get'
+  })
+}
+
+
+//申请单人操作
+export function customSubmit(id) {
+  return request({
+    url: '/house/custom/submit/' + id,
+    method: 'post'
+  })
+}
+
+//模糊查询申请人
+export function getHouseMembers(query) {
+  return request({
+    url: '/house/custom/getHouseMembers',
+    method: 'get',
+    params: query
+  })
+}
+
+//检查是否重复建房
+export function checkDuplicateBuilding(query) {
+  return request({
+    url: '/house/custom/checkDuplicateBuilding',
+    method: 'get',
+    params: query
+  })
+}
+
+//查询宅地信息
+export function checkDuplicateBuildingQuery(query) {
+  return request({
+    url: '/house/custom/checkDuplicateBuildingQuery',
+    method: 'get',
+    params: query
+  })
+}
+
+//乌兰浩特申请单人操作
+export function customSubmitWLHT(id) {
+  return request({
+    url: '/house/custom/submitWLHT/' + id,
+    method: 'post'
+  })
+}
+
+// 查询地房申请-申请人详细
+export function selectProposerWLHT(id, data) {
+  return request({
+    url: '/house/allinformation/getAllInformation/' + id,
+    method: 'get',
+    params: data
+  })
+}
diff --git a/src/api/onlineHome/homestead/license.js b/src/api/onlineHome/homestead/license.js
new file mode 100644
index 00000000..86aac418
--- /dev/null
+++ b/src/api/onlineHome/homestead/license.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+// 新增地房申请-规划许可证
+export function addPermit(data) {
+  return request({
+    url: '/house/permit/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改地房申请-规划许可证
+export function updatePermit(data) {
+  return request({
+    url: '/house/permit/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+// 新增地房申请-宅基地批准书
+export function addRatification(data) {
+  return request({
+    url: '/house/ratification/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改地房申请-宅基地批准书
+export function updateRatification(data) {
+  return request({
+    url: '/house/ratification/edit',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/src/api/system/config.js b/src/api/system/config.js
index a4e2db3d..94089732 100644
--- a/src/api/system/config.js
+++ b/src/api/system/config.js
@@ -7,3 +7,11 @@ export function getGeoServerConfigKey() {
     method: 'get'
   })
 }
+
+// 附件地址前缀
+export function getSystemAttachmentUrl() {
+  return request({
+    url: '/system/config/configKey/system.attachment.url',
+    method: 'get'
+  })
+}
diff --git a/src/components/form/FieldCalender.vue b/src/components/form/FieldCalender.vue
new file mode 100644
index 00000000..120859a7
--- /dev/null
+++ b/src/components/form/FieldCalender.vue
@@ -0,0 +1,105 @@
+<template>
+  <!-- !!!注: 不支持逝去的日子, 以`FieldDatePicker`代替 !!! -->
+  <div>
+    <van-field
+      :readonly="true"
+      :clickable="!readonly"
+      :name="name"
+      :value="visibleValue"
+      :label="label"
+      :placeholder="placeholder"
+      @click="openPopup"
+      input-align="right"
+      right-icon="arrow-down"
+      :rules="rules"
+      :required="required"
+      :label-width="labelWidth || 'auto'"
+    >
+<!--      <template #button>
+        <van-icon name="notes-o" size="20"/>
+      </template>-->
+    </van-field>
+    <van-calendar
+      ref="calender"
+      v-model="popupVisible"
+      :title="label"
+      :default-date="internalValue"
+      :readonly="readonly"
+      @confirm="onConfirm" />
+  </div>
+</template>
+
+<script>
+
+import { formatDate } from "element-ui/src/utils/date-util.js"
+
+export default {
+  name: "FieldCalender",
+  props: [
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'formatter', 'labelWidth'
+  ],
+  watch: {
+    value: function (newVal, oldVal) {
+      this.visibleValue = newVal;
+      this.internalValue = new Date(newVal);
+    },
+  },
+  created() {
+    if(this.value)
+    {
+      this.visibleValue = this.value;
+      this.internalValue = new Date(this.value);
+    }
+  },
+  data() {
+    return {
+      popupVisible: false,
+      internalValue: new Date(this.value || Date.now()),
+      visibleValue: this.value,
+      loading: false,
+    };
+  },
+  methods: {
+    openPopup() {
+      if(!this.readonly)
+      {
+        this.popupVisible = true;
+        this.$nextTick(() => {
+          this.$refs.calender.scrollToDate(this.internalValue);
+        })
+      }
+    },
+    closePopup() {
+      this.popupVisible = false;
+    },
+    onConfirm(data) {
+      this.syncValue(data);
+      this.$emit('input', this.visibleValue);
+      this.$emit('confirm', this.visibleValue, this.internalValue);
+      this.closePopup();
+    },
+    onCancel() {
+      this.closePopup();
+      this.$emit('cancel');
+    },
+    getValue(data) {
+      let type = typeof(this.formatter);
+      if(type === 'function')
+        return this.formatter(data);
+      else if(type === 'string')
+        return formatDate(data, this.formatter);
+      else
+        return data;
+    },
+    syncValue(data) {
+      this.internalValue = data;
+      this.visibleValue = this.getValue(data);
+      console.log(this.internalValue, this.visibleValue);
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/form/FieldCheckbox.vue b/src/components/form/FieldCheckbox.vue
new file mode 100644
index 00000000..26e93d8e
--- /dev/null
+++ b/src/components/form/FieldCheckbox.vue
@@ -0,0 +1,88 @@
+<template>
+  <div>
+    <van-field
+      :readonly="true"
+      :clickable="!readonly"
+      :name="name"
+      :label="label"
+      :placeholder="placeholder"
+      input-align="right"
+      :required="required"
+      :label-width="labelWidth || 'auto'"
+      @click="toggle"
+    >
+      <template #right-icon>
+        <van-checkbox v-model="checked"
+                      :disabled="readonly"
+                      shape="square"
+        ></van-checkbox>
+      </template>
+    </van-field>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "fieldCheckbox",
+  props: [
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules',
+    'trueLabel', 'falseLabel', 'labelWidth'
+  ],
+  watch: {
+    value: function (newVal, oldVal) {
+      this.parseValue(newVal);
+    },
+    checked: function (newVal, oldVal) {
+      if(newVal !== undefined)
+        this.onChanged(newVal);
+    },
+  },
+  created() {
+    this.parseValue(this.value);
+  },
+  data() {
+    return {
+      internalValue: this.value,
+      remoteColumns: null,
+      remoteResponse: null,
+      checked: false,
+    };
+  },
+  methods: {
+    onChanged(data) {
+      let trueLabel = this.getTrueLabel();
+      let falseLabel = this.getFalseLabel();
+      let res = data ? trueLabel : falseLabel;
+      if(res != this.internalValue)
+      {
+        this.internalValue = res;
+        this.$emit('change', this.internalValue);
+        this.$emit("input", this.internalValue);
+      }
+    },
+    getFalseLabel() {
+      return this.falseLabel !== undefined ? this.falseLabel : false;
+    },
+    getTrueLabel() {
+      return this.trueLabel !== undefined ? this.trueLabel : true;
+    },
+    parseValue(data) {
+      let trueLabel = this.getTrueLabel();
+      let falseLabel = this.getFalseLabel();
+      let res = data == trueLabel;
+      this.internalValue = res ? trueLabel : falseLabel;
+      this.checked = res;
+    },
+    toggle() {
+      console.log(123);
+      if(!this.readonly)
+        this.checked = !this.checked;
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/form/FieldDatePicker.vue b/src/components/form/FieldDatePicker.vue
new file mode 100644
index 00000000..2fe03b0d
--- /dev/null
+++ b/src/components/form/FieldDatePicker.vue
@@ -0,0 +1,132 @@
+<template>
+  <div>
+    <van-field
+      :readonly="true"
+      :clickable="!readonly"
+      :name="name"
+      :value="visibleValue"
+      :label="label"
+      :placeholder="placeholder"
+      @click="openPopup"
+      input-align="right"
+      right-icon="arrow-down"
+      :rules="rules"
+      :required="required"
+      :label-width="labelWidth || 'auto'"
+    >
+<!--      <template #button>
+        <van-icon name="notes-o" size="20"/>
+      </template>-->
+    </van-field>
+    <van-popup v-model="popupVisible" position="bottom">
+      <van-datetime-picker
+        ref="picker"
+        v-model="internalValue"
+        :type="type || 'date'"
+        :readonly="readonly"
+        :title="label"
+        @confirm="onConfirm"
+        @cancel="onCancel"
+        @change="onChanged"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+
+import { formatDate } from "element-ui/src/utils/date-util.js"
+
+export default {
+  name: "fieldDatePicker",
+  props: [
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'formatter', 'labelWidth',
+    'type', // datetime date time year-month month-day datehour
+  ],
+  watch: {
+    value: function (newVal, oldVal) {
+      this.visibleValue = newVal;
+      this.internalValue = new Date(newVal);
+    },
+  },
+  created() {
+    if(this.value)
+    {
+      this.visibleValue = this.value;
+      this.internalValue = new Date(this.value);
+    }
+    // 默认当前
+/*    else {
+      this.syncValue(new Date);
+    }*/
+  },
+  data() {
+    return {
+      popupVisible: false,
+      internalValue: new Date(this.value || Date.now()),
+      visibleValue: this.value,
+      loading: false,
+    };
+  },
+  methods: {
+    openPopup() {
+      if(!this.readonly)
+      {
+        console.log(this.internalValue);
+        this.popupVisible = true;
+        this.$nextTick(() => {
+          try
+          {
+            if(1)
+            {
+              let values = (this.visibleValue || this.getValue(new Date)).split(/\D+/); //TODO: 按非数字符号粗略分割解析初始值, 仅对于类似yyyy-MM-dd
+              console.log(values);
+              this.$refs.picker.getPicker().setValues(values);
+            }
+            else {
+              //TODO: 打开时保存初始值, 取消或点击遮罩未确定的时候恢复该初始值到v-model
+            }
+          }
+          catch (e)
+          {
+            console.error(e);
+          }
+        })
+      }
+    },
+    closePopup() {
+      this.popupVisible = false;
+    },
+    onConfirm(data) {
+      this.syncValue(data);
+      this.$emit('input', this.visibleValue);
+      this.$emit('confirm', this.visibleValue, this.internalValue);
+      this.closePopup();
+    },
+    onCancel() {
+      this.closePopup();
+      this.$emit('cancel');
+    },
+    onChanged(data) {
+      this.$emit('change', this.getValue(data), data);
+    },
+    getValue(data) {
+      let type = typeof(this.formatter);
+      if(type === 'function')
+        return this.formatter(data);
+      else if(type === 'string')
+        return formatDate(data, this.formatter);
+      else
+        return data;
+    },
+    syncValue(data) {
+      this.internalValue = data;
+      this.visibleValue = this.getValue(data);
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/form/FieldRadio.vue b/src/components/form/FieldRadio.vue
new file mode 100644
index 00000000..bc2b4417
--- /dev/null
+++ b/src/components/form/FieldRadio.vue
@@ -0,0 +1,106 @@
+<template>
+  <div>
+    <van-field
+      :readonly="true"
+      :name="name"
+      :label="label"
+      :placeholder="placeholder"
+      input-align="right"
+      :required="required"
+      :label-width="labelWidth || 'auto'"
+    >
+      <template #right-icon>
+        <van-radio-group :disabled="readonly" @change="onChanged" v-model="internalValue" direction="horizontal" :rules="rules">
+          <van-radio v-for="(item, index) in (columns ? columns : remoteColumns)" :name="getValue(item)" :key="index">{{getLabel(item)}}</van-radio>
+        </van-radio-group>
+      </template>
+    </van-field>
+  </div>
+</template>
+
+<script>
+import request from "@/utils/request";
+
+export default {
+  name: "fieldRadio",
+  props: [
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'columns',
+    'valueKey', 'dataKey', 'remoteUrl', 'onRemoteResponse', 'labelWidth'
+  ],
+  watch: {
+    value: function (newVal, oldVal) {
+      this.internalValue = newVal;
+    },
+    columns: function (newVal, oldVal) {
+    },
+    remoteUrl: function (newVal, oldVal) {
+      this.requestRemote();
+    },
+    onRemoteResponse: function (newVal, oldVal) {
+      this.parseRemote();
+    }
+  },
+  created() {
+    if(this.remoteUrl)
+      this.requestRemote();
+  },
+  data() {
+    return {
+      internalValue: this.value,
+      remoteColumns: null,
+      remoteResponse: null,
+    };
+  },
+  methods: {
+    onChanged(data) {
+      this.$emit("input", this.internalValue);
+      this.$emit('change', this.internalValue);
+    },
+    getValue(data) {
+      return typeof(data) === 'object' && this.dataKey ? data[this.dataKey] : data;
+    },
+    getLabel(data) {
+      return typeof(data) === 'object' && this.valueKey ? data[this.valueKey] : data;
+    },
+    getColumns() {
+      return this.columns ? this.columns : this.remoteColumns;
+    },
+    requestRemote() {
+      if(!this.remoteUrl)
+        return;
+      this.remoteColumns = [];
+      let promise = typeof(this.remoteUrl) === 'function' ? this.remoteUrl() : (this.remoteUrl instanceof Promise ? this.remoteUrl : request(this.remoteUrl));
+      promise.then((resp) => {
+        this.remoteResponse = resp;
+        this.parseRemote();
+      }).catch((e) => {
+        console.error(e);
+      }).finally(() => {
+      })
+    },
+    parseRemote() {
+      if(!this.remoteResponse)
+        return;
+      let type = typeof(this.onRemoteResponse);
+      if(type === 'function')
+        this.remoteColumns = this.onRemoteResponse(this.remoteResponse);
+      else if(type === 'string')
+      {
+        let arr = this.onRemoteResponse.split('.');
+        let ptr = this.remoteResponse;
+        for(let i in arr)
+        {
+          ptr = this.remoteResponse[arr[i]];
+        }
+        this.remoteColumns = ptr;
+      }
+      else
+        this.remoteColumns = this.remoteResponse;
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/form/FieldSelect.vue b/src/components/form/FieldSelect.vue
new file mode 100644
index 00000000..770d50c1
--- /dev/null
+++ b/src/components/form/FieldSelect.vue
@@ -0,0 +1,169 @@
+<template>
+  <div>
+    <van-field
+      :readonly="true"
+      :clickable="!readonly"
+      :name="name"
+      :value="visibleValue"
+      :label="label"
+      :placeholder="placeholder"
+      @click="openPopup"
+      input-align="right"
+      right-icon="arrow-down"
+      :rules="rules"
+      :required="required"
+      :label-width="labelWidth || 'auto'"
+    >
+    </van-field>
+    <van-popup v-model="popupVisible" position="bottom">
+      <van-picker
+        ref="picker"
+        :title="label"
+        show-toolbar
+        :columns="columns ? columns : remoteColumns"
+        :readonly="readonly"
+        :value-key="valueKey"
+        :loading="loading"
+        @confirm="onConfirm"
+        @cancel="onCancel"
+        @change="onChanged"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import request from "@/utils/request";
+
+export default {
+  name: "fieldSelect",
+  props: [
+    'name', 'readonly', 'value', 'label', 'placeholder', 'required', 'rules', 'columns',
+    'valueKey', 'dataKey', 'remoteUrl', 'onRemoteResponse', 'labelWidth'
+  ],
+  watch: {
+    value: function (newVal, oldVal) {
+      this.internalValue = newVal;
+      this.visibleValue = newVal;
+      this.syncIndex();
+    },
+    columns: function (newVal, oldVal) {
+      this.syncIndex();
+    },
+    remoteUrl: function (newVal, oldVal) {
+      this.requestRemote();
+    },
+    onRemoteResponse: function (newVal, oldVal) {
+      this.parseRemote();
+    }
+  },
+  created() {
+    if(this.remoteUrl)
+      this.requestRemote();
+  },
+  data() {
+    return {
+      popupVisible: false,
+      internalValue: this.value,
+      visibleValue: '',
+      defaultIndex: 0,
+      remoteColumns: null,
+      loading: false,
+      remoteResponse: null,
+    };
+  },
+  methods: {
+    openPopup() {
+      if(!this.readonly)
+      {
+        this.popupVisible = true;
+        this.$nextTick(() => {
+          this.$refs.picker.setIndexes([this.defaultIndex]);
+        })
+      }
+    },
+    closePopup() {
+      this.popupVisible = false;
+    },
+    onChanged(data) {
+      this.$emit('change', data);
+    },
+    onConfirm(data) {
+      this.syncValue(data);
+      this.$emit('input', this.internalValue);
+      this.$emit('confirm', this.internalValue);
+      this.closePopup();
+    },
+    onCancel() {
+      this.closePopup();
+      this.$emit('cancel');
+    },
+    getValue(data) {
+      return typeof(data) === 'object' && this.dataKey ? data[this.dataKey] : data;
+    },
+    getLabel(data) {
+      return typeof(data) === 'object' && this.valueKey ? data[this.valueKey] : data;
+    },
+    syncValue(data) {
+      this.internalValue = this.getValue(data);
+      this.visibleValue = this.getLabel(data);
+    },
+    syncIndex() {
+      let columns = this.getColumns();
+      if(!columns)
+        return 0;
+      for(let i in columns)
+      {
+        if(this.getValue(columns[i]) == this.internalValue) {
+          this.defaultIndex = i;
+          this.visibleValue = this.getLabel(columns[i]);
+          break;
+        }
+      }
+      return 0;
+    },
+    getColumns() {
+      return this.columns ? this.columns : this.remoteColumns;
+    },
+    requestRemote() {
+      if(!this.remoteUrl)
+        return;
+      this.loading = true;
+      this.remoteColumns = [];
+      let promise = typeof(this.remoteUrl) === 'function' ? this.remoteUrl() : (this.remoteUrl instanceof Promise ? this.remoteUrl : request(this.remoteUrl));
+      promise.then((resp) => {
+        this.remoteResponse = resp;
+        this.parseRemote();
+        this.syncIndex();
+      }).catch((e) => {
+        console.error(e);
+      }).finally(() => {
+        this.loading = false;
+      })
+    },
+    parseRemote() {
+      if(!this.remoteResponse)
+        return;
+      let type = typeof(this.onRemoteResponse);
+      if(type === 'function')
+        this.remoteColumns = this.onRemoteResponse(this.remoteResponse);
+      else if(type === 'string')
+      {
+        let arr = this.onRemoteResponse.split('.');
+        let ptr = this.remoteResponse;
+        for(let i in arr)
+        {
+          ptr = this.remoteResponse[arr[i]];
+        }
+        this.remoteColumns = ptr;
+      }
+      else
+        this.remoteColumns = this.remoteResponse;
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/house/CommonMap.vue b/src/components/house/CommonMap.vue
new file mode 100644
index 00000000..10dcabfc
--- /dev/null
+++ b/src/components/house/CommonMap.vue
@@ -0,0 +1,340 @@
+<template>
+  <div class="mapBox">
+    <div :id="'map-element' + elementId" class="map-element" style="width: 100%; height: 100%;"></div>
+    <div :id="'draw-toolbar' + elementId" class="mapBox_button" v-if="allowDraw">
+      <van-button :id="'drawPolygon' + elementId" native-type="button" icon="../../../static/images/icon/icon_ht.png" type="default" block round size="small"></van-button>
+      <van-button :id="'drawRemove' + elementId" native-type="button" icon="cross" type="default" block round size="small" style="margin-top: 0.2rem"></van-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import $ from "jquery";
+
+const COMMON_MAP_DRAW_LAYER_NAME = '_Draw_layer';
+
+export default {
+  name: "CommonMap",
+  props: {
+    minMapZoom: {
+      type: Number,
+      default: 16,
+    },
+    maxMapZoom: {
+      type: Number,
+      default: 18.9,
+    },
+    allowDraw: {
+      type: Boolean,
+      default: false,
+    },
+    coord: {
+      type: Array,
+      default: function() {
+        return [115.452752, 31.789033];
+      },
+    },
+  },
+  data() {
+    return {
+      isInited: false,
+      mapObject: null,
+      userLayers: [],
+      drawResult: null,
+      elementId: ('_' + Math.random()).replaceAll('.', ''),
+    };
+  },
+  created() {
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      if(this.isInited)
+        return;
+      this.createMap();
+      this.setDraw(true);
+      this.isInited = true;
+    },
+    destroyMap() {
+      if(!this.mapObject)
+        return;
+      delete this.mapObject;
+      document.getElementById("map-element" + this.elementId).innerHTML = '';
+      this.mapObject = null;
+    },
+    createMap() {
+      if(this.mapObject)
+        return;
+
+      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({
+        // interactions: ol.interaction.DragPan({
+        //   onFocusOnly: false
+        // }),
+        controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+        layers: [aerial, yingxzi],
+        projection: projection,
+        target: "map-element" + this.elementId,
+        logo: 'false',
+        view: new ol.View({
+          center: ol.proj.fromLonLat(this.coord),
+          //zoom: false,
+          zoom: 17.9,
+          minZoom: this.minMapZoom, //地图缩小限制
+          maxZoom: this.maxMapZoom, //地图放大限制
+        }),
+      });
+
+      this.mapObject = map;
+      //(map);
+      //console.log(map.getProperties());
+    },
+    setCoord(lng, lat) {
+      if(!this.mapObject)
+        return false;
+      this.mapObject.getView().setCenter(ol.proj.fromLonLat([lng, lat]));
+      //console.log('setCoord', lng, lat,this.mapObject);
+    },
+    getProjection() {
+      if(!this.mapObject)
+        return null;
+      return this.mapObject.get('view').getProjection();
+    },
+    pushLayer(name, layer) {
+      if(!this.mapObject)
+        return false;
+      if(this.checkNameExists(name))
+      {
+        console.error(name + ' is dup!');
+        return false;
+      }
+      this.userLayers.push({
+        name: name,
+        layer: layer,
+        visible: true,
+      });
+      this.mapObject.addLayer(layer);
+      //console.log(name, layer);
+      return true;
+    },
+    checkNameExists(name) {
+      if(this.userLayers.length === 0)
+        return false;
+      let res = this.userLayers.findIndex((x) => {
+        return x.name === name;
+      });
+      return res !== -1;
+    },
+    findLayer(name = null) {
+      if(this.userLayers.length === 0)
+        return null;
+      if(name) {
+        for(let i in this.userLayers) {
+          if(this.userLayers[i].name == name) {
+            return this.userLayers[i];
+          }
+        }
+      }
+      else {
+        let last = this.userLayers.length - 1;
+        return this.userLayers[last];
+      }
+      return null;
+    },
+    takeLayer(name = null) {
+      if(this.userLayers.length === 0)
+        return null;
+      if(name) {
+        for(let i in this.userLayers) {
+          if(this.userLayers[i].name == name) {
+            let layer = this.userLayers[i];
+            this.userLayers.splice(i, 1);
+            return layer;
+          }
+        }
+      }
+      else {
+        let last = this.userLayers.length - 1;
+        let layer = this.userLayers[last];
+        this.userLayers.splice(last, 1);
+        return layer;
+      }
+      return null;
+    },
+    popLayer(name = null) {
+      let layer = this.takeLayer(name);
+      if(layer)
+        this.mapObject.removeLayer(layer.layer);
+    },
+    setLayerVisible(name, on) {
+      let layer = this.findLayer(name);
+      //console.log(layer.layer);
+      if(!layer)
+        return false;
+      layer.layer.setVisible(on);
+      return true;
+    },
+    hideLayer(name = null) {
+      return this.setLayerVisible(name, false);
+    },
+    showLayer(name = null) {
+      return this.setLayerVisible(name, true);
+    },
+    setDraw(on) {
+      if(!this.mapObject)
+        return;
+/*      if(this.allowDraw === on)
+        return;*/
+      if(on) {
+        let self = this;
+        let draw;
+
+        // 不要使用 $('DOM-selector').click(function), 动态加载按钮时手机端会失效
+        $(document).on('click', "#drawPolygon" + this.elementId, function () {
+          self.drawResult = null;
+          self.$emit("drawStarted");
+
+          self.popLayer(COMMON_MAP_DRAW_LAYER_NAME);
+          let drawLayer = new ol.layer.Vector({
+              source: new ol.source.Vector(),
+            });
+
+          self.pushLayer(COMMON_MAP_DRAW_LAYER_NAME, drawLayer);
+          draw = new ol.interaction.Draw({
+            source: drawLayer.getSource(),
+            type: "Polygon"
+          });
+          draw.on('drawend', function (evt) {
+            if(self.drawInsert != null){
+              $("#drawRemove" + self.elementId).trigger('click');
+            }
+            let feature = evt.feature;
+            let geometry = feature.getGeometry();
+            let coordinate = geometry.getCoordinates();
+            self.drawResult = coordinate;
+            self.$emit("drawFinished", coordinate);
+          });
+          self.mapObject.addInteraction(draw);
+          //console.log("drawPolygon");
+        });
+        //清除画图鼠标点击事件
+        $(document).on('click', "#drawRemove" + this.elementId, function () {
+          self.drawInsert = null;
+          self.mapObject.removeInteraction(draw);
+          self.popLayer(COMMON_MAP_DRAW_LAYER_NAME);
+          //console.log("drawRemove");
+        });
+        //还原之前图层
+        /*$("#drawReset" + this.elementId).click(function () {
+          self.popLayer(COMMON_MAP_DRAW_LAYER_NAME);
+          self.drawResult = null;
+          self.$emit("drawReseted");
+          //console.log("drawReset");
+        });*/
+      }
+      else
+      {
+        self.popLayer(COMMON_MAP_DRAW_LAYER_NAME);
+        self.drawResult = null;
+      }
+    },
+
+    setLayer(name, theGeom = null) {
+      this.popLayer(name);
+      if(theGeom)
+        this.addLayer(name, theGeom);
+    },
+    addLayer(name, theGeom) {
+      if(!this.mapObject)
+        return false;
+
+      //地图只加载一次
+      //加载地图编辑
+      //图层查询定位开始 ---------start
+      let hc_land = new ol.layer.Vector({
+        title: name,
+        source: new ol.source.Vector({
+          projection: this.getProjection(),
+          features: new ol.format.GeoJSON().readFeatures("{\n" +
+            "    \"type\": \"Feature\",\n" +
+            "    \"geometry\":" + 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,
+          }),
+        }),
+      });
+      if(!this.pushLayer(name, hc_land))
+        return false;
+      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]); //获取边界区域的中心位置
+      this.mapObject.getView().animate({
+        // 只设置需要的属性即可
+        center: center, // 中心点
+        zoom: 17.9, // 缩放级别
+        rotation: undefined, // 缩放完成view视图旋转弧度
+        duration: 1000, // 缩放持续时间，默认不需要设置
+      });
+      return true;
+    },
+    update() {
+      if(!this.mapObject)
+        return;
+      this.mapObject.updateSize();
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+.map-element {
+  width: 100%;
+  height: 100%;
+}
+.mapBox{
+  position: relative;
+  .mapBox_button{
+    position: absolute;
+    top: 0.2rem;
+    right: 2%;
+  }
+}
+</style>
diff --git a/src/components/house/HouseApplyUploadComp.vue b/src/components/house/HouseApplyUploadComp.vue
new file mode 100644
index 00000000..3d200979
--- /dev/null
+++ b/src/components/house/HouseApplyUploadComp.vue
@@ -0,0 +1,270 @@
+<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"
+              :disabled="disabled || !item.current"
+              :show-upload="!disabled && item.current"
+              :before-delete="handleRemove"
+            >
+              <!-- accept=".jpg,.png,.gif,.pdf,.doc,.docx,.xlsx,.xls" 设置了无法拉起相机/下载 -->
+            </van-uploader>
+          </van-collapse-item>
+        </van-collapse>
+      </van-step>
+    </van-steps>
+
+  </div>
+</template>
+
+<script>
+import { treeSingleProcessView  , attach , removeFile , getAttachmentConfigTree, attachmentFind } from "@/api/onlineHome/homestead/application";
+import {getToken} from "@/utils/auth";
+import request from '@/utils/request'
+/** 导入JS方法 */
+
+export default {
+  name: "houseApplyUploadComp",
+  components: {},
+  props: ["businessType", "proposerId", "houseApplyStatus", "processKey", "tableName", "readonly", 'full'],
+  data() {
+    return {
+      disabled: this.readonly,
+      loading: false,
+      attachmentList: [],
+      uploadImg: {
+        //上传图片配置
+        uploadImgUrl: "/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() {
+    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);
+      request({
+        url: this.uploadImg.uploadImgUrl,
+        method: "post",
+        params: item.postData,
+        data: formData,
+      }).then((resp) => {
+        file.response = resp;
+        console.log(resp);
+        file.fileList = item.fileList;
+        this.onFileListChanged("ADD", resp.id);
+        this.setFileStatus(file, 'done', '文件上传成功');
+        this.$emit('onUploadSuccess', file);
+      }).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);
+          });
+        });
+      }
+    },
+    setFileStatus(file, status, message) {
+      file.status = status;
+      file.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/components/house/HouseLocationPlanComp.vue b/src/components/house/HouseLocationPlanComp.vue
new file mode 100644
index 00000000..2151927a
--- /dev/null
+++ b/src/components/house/HouseLocationPlanComp.vue
@@ -0,0 +1,155 @@
+<template>
+  <div>
+    <van-uploader
+      ref="pictureUpload"
+      :disabled="uploadDisabled"
+      :readonly="uploadDisabled"
+      :deletable="!uploadDisabled"
+      :show-upload="!uploadDisabled"
+      :data="uploadImg.locationplanPostData"
+      :before-delete="handleRemove"
+      v-model="uploadImg.fileList"
+      :after-read="onUploadChanged"
+    >
+<!--      :accept="uploadImg.accept"-->
+    </van-uploader>
+  </div>
+</template>
+
+<script>
+import {getToken} from "@/utils/auth";
+import request from "@/utils/request";
+
+export default {
+  name: "HouseLocationPlanComp",
+  props: ["uploadDisabled", 'jsonData', 'proposerId', 'tableName'],
+  watch: {
+    jsonData: {
+      handler: function (newVal, oldVal) {
+        this.reset();
+        this.uploadImg.fileList = this.makeUploadFileList(newVal);
+      },
+      immediate: true,
+    },
+    proposerId: function (newVal, oldVal) {
+      this.reset();
+      this.uploadImg.locationplanPostData.tableId = newVal;
+      console.log(newVal);
+    },
+  },
+  created() {
+  },
+  data() {
+    return {
+      uploadImg: {
+        //上传图片配置
+        uploadLocationPlanFiles: "/house/custom/uploadLocationPlanFiles",
+        uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/attachs",
+        uploadImgHeaders: {
+          Authorization: "Bearer " + getToken(),
+        },
+        accept: '.jpg,.png,.gif,.jpeg',
+        fileList: [],
+        locationplanPostData: {
+          tableId: this.proposerId,
+          tableName: this.tableName,
+          bizPath: 't_house_apply_proposer',
+          fileType: '0',
+        },
+        uploadFileList: [],
+        removeFileList: [],
+      },
+    }
+  },
+  methods: {
+    reset() {
+      this.uploadImg.uploadFileList = [];
+      this.uploadImg.removeFileList = [];
+    },
+    onUploadChanged(file, detail) {
+      console.log(file, detail);
+      this.uploadImg.uploadFileList = [];
+      this.uploadImg.fileList.forEach((item, key, index) => {
+        if(!item.hasOwnProperty('_Data'))
+          this.uploadImg.uploadFileList.push(item.file);
+      });
+      this.$emit('uploadFileChanged', this.uploadImg.uploadFileList);
+      return true;
+    },
+    //删除平面位置图
+    handleRemove(file, detail) {
+      console.log(file, detail);
+      if(file.hasOwnProperty('_Data')) // from server
+      {
+        this.uploadImg.removeFileList.push(file._Data.id);
+        this.$emit('removeFileChanged', this.uploadImg.removeFileList);
+      }
+      else
+      {
+        //this.onUploadChanged(file, this.uploadImg.fileList);
+      }
+      return true;
+    },
+    // 图片上传尺寸大小检验
+    beforeUpload(file) {
+      const isLt50M = file.size / 1024 / 1024 < 30;
+      if (!isLt50M) {
+        this.$message({
+          message: "上传文件大小不能超过 30MB!",
+          type: "error",
+        });
+        return false;
+      } else if (file.name.length > 100) {
+        // 图片上传文件名长度检验(配合后台上传方法的验证,否则上传不成功但是前台无提示)
+        this.$message({
+          message: "上传文件的文件名长度不能超过 100个字符!",
+          type: "error",
+        });
+        return false;
+      }
+      return isLt50M;
+    },
+    makeUploadFileList(json) {
+      if(!json) return [];
+      const Host = this.$store.getters.baseRoutingUrl;
+      let fileList = JSON.parse(json);
+      let res = [];
+      fileList.forEach((x) => {
+        let item = {
+          name: x.fileName,
+          url: Host + x.fileUrl,
+          id: x.id,
+          _Data: x,
+          fileList: res,
+        };
+        console.log(item);
+        res.push(item);
+      });
+      return res;
+    },
+    updatePlanFiles() {
+      console.log('新增', this.uploadImg.uploadFileList);
+      console.log('移除', this.uploadImg.removeFileList);
+      // 手动上传
+      let formData = new FormData;
+      this.uploadImg.uploadFileList.forEach((x) => {
+        formData.append('file', x);
+      });
+      formData.append('removeIds', this.uploadImg.removeFileList);
+      return request({
+        url: this.uploadImg.uploadLocationPlanFiles + '/' + this.uploadImg.locationplanPostData.tableId,
+        method: "post",
+        params: this.uploadImg.locationplanPostData,
+        data: formData,
+      });
+    },
+    isValid() {
+      return(this.uploadImg.uploadFileList.length > 0 || this.uploadImg.removeFileList.length > 0);
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/house/RawImageCarousel.vue b/src/components/house/RawImageCarousel.vue
new file mode 100644
index 00000000..d01b1a2e
--- /dev/null
+++ b/src/components/house/RawImageCarousel.vue
@@ -0,0 +1,75 @@
+<template>
+  <div style="display: flex; align-items: center; justify-content: center;" @click="next">
+    <img style="width: 100%;" :src="currentImage.url" :alt="currentImage.name"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RawImageCarousel",
+  props: ['images', 'nameLabel', 'urlLabel'],
+  watch: {
+    images: {
+      deep: true,
+      handler: function (newVal, oldVal) {
+        if(this.internalImages !== newVal)
+          this.index = 0;
+        this.getCurrentImage();
+      },
+    }
+  },
+  created() {
+    this.getCurrentImage();
+  },
+  data() {
+    return {
+      index: 0,
+      internalImages: null,
+      currentImage: {
+        name: '',
+        url: '',
+      },
+    };
+  },
+  methods: {
+    next() {
+      this.index++;
+      if(this.index >= this.images.length)
+        this.index = 0;
+      this.getCurrentImage();
+    },
+    getCurrentImage() {
+      let img = this.index >= this.images.length ? null : this.images[this.index];
+      if(img)
+      {
+        if(typeof(img) === 'object')
+        {
+          this.currentImage.url = this.getValue(img, this.urlLabel);
+          this.currentImage.name = this.getValue(img, this.nameLabel);
+        }
+        else
+          this.currentImage.url = img;
+      }
+      else
+      {
+        this.currentImage.url = '';
+      }
+    },
+    getValue(obj, field) {
+      switch (typeof field)
+      {
+        case 'string':
+          return obj[field] || '';
+          case 'function':
+            return field(obj) || '';
+            default:
+              return obj || '';
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 4e344a0a..0f9b9923 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2374,6 +2374,60 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/homesteadSurvey/settle'], resolve)
   },
+  {
+    path: '/houseAnnounce',
+    name: 'houseAnnounce',
+    meta: {
+      title: '公示查询',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homestead/homeApplication/houseAnnounce'], resolve)
+  },
+  {
+    path: '/houseLicense',
+    name: 'houseLicense',
+    meta: {
+      title: '证书查看',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homestead/homeApplication/houseLicense'], resolve)
+  },
+  {
+    path: '/houseLicenseDetail',
+    name: 'houseLicenseDetail',
+    meta: {
+      title: '证书查看',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homestead/homeApplication/houseLicenseDetail'], resolve)
+  },
+  {
+    path: '/licensePermitEdit',
+    name: 'licensePermitEdit',
+    meta: {
+      title: '修改许可证',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homestead/homeApplication/licensePermitEdit'], resolve)
+  },
+  {
+    path: '/licenseRatificationEdit',
+    name: 'licenseRatificationEdit',
+    meta: {
+      title: '修改批准书',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homestead/homeApplication/licenseRatificationEdit'], resolve)
+  },
+  {
+    path: '/proposerLite',
+    name: 'proposerLite',
+    meta: {
+      title: '农村宅基地申请(简)',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homestead/homeApplication/proposerLite'], resolve)
+  },
 
 ];
 
diff --git a/src/store/getters.js b/src/store/getters.js
index 36e7cdb7..86179852 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -6,5 +6,8 @@ const getters = {
   roles: state => state.user.roles,
   permissions: state => state.user.permissions,
   bookName: state => state.user.bookName,
+
+  nickName: state => state.user.nickName,
+  baseRoutingUrl: state => state.user.baseRoutingUrl,
 }
 export default getters
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index a9a765e2..c8415260 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -1,6 +1,7 @@
 import { login, logout, getInfo, smsLogin } from '@/api/login';
 import { registerOn } from "@/api/register";
 import { getToken, setToken, removeToken } from '@/utils/auth'
+import { getSystemAttachmentUrl } from '@/api/system/config'
 
 const user = {
   state: {
@@ -9,7 +10,10 @@ const user = {
     avatar: '',
     roles: [],
     permissions: [],
-    bookName: ''
+    bookName: '',
+
+    nickName: '',
+    baseRoutingUrl: '',
   },
 
   mutations: {
@@ -39,7 +43,13 @@ const user = {
     },
     SET_BOOKNAME: (state, bookName) => {
       state.bookName = bookName
-    }
+    },
+    SET_NICKNAME: (state, nickName) => {
+      state.nickName = nickName
+    },
+    SET_baseRoutingUrl: (state, baseRoutingUrl) => {
+      state.baseRoutingUrl = baseRoutingUrl
+    },
   },
 
   actions: {
@@ -113,6 +123,11 @@ const user = {
           commit('SET_LOGINBOOKID', user.loginBookId)
           commit('SET_DEPTNAME', user.deptName)
           commit('SET_AVATAR', avatar)
+          commit('SET_NICKNAME', user.nickName);
+
+          getSystemAttachmentUrl().then((resp) => {
+            commit('SET_baseRoutingUrl', resp.msg);
+          });
           resolve(res)
         }).catch(error => {
           reject(error)
diff --git a/src/views/onlineHome/done.vue b/src/views/onlineHome/done.vue
index c67fc373..291a3eec 100644
--- a/src/views/onlineHome/done.vue
+++ b/src/views/onlineHome/done.vue
@@ -2,16 +2,26 @@
   <div>
     <van-nav-bar
       title="我的事项"
+      fixed
+      placeholder
       left-arrow
       @click-left="goOnlineHomeIndex"
     />
-    <van-tabs v-model="activeName" title-active-color="#1D6FE9" color="#1D6FE9" line-width="20px" swipeable @click="getList">
+    <van-tabs v-model="activeName" title-active-color="#1D6FE9" color="#1D6FE9" line-width="20px" swipeable @click="getList(0)">
       <van-tab title="待办" name="1" >
       </van-tab>
       <van-tab title="已办" name="2">
       </van-tab>
     </van-tabs>
-    <van-cell-group @click="goDetail(item)" v-for="(item,index) in taskList" :key="index" style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
+    <van-pull-refresh v-model="refreshing" @refresh="getList(0)">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        :immediate-check="false"
+        @load="getList('+1')"
+      >
+        <van-cell-group @click="goDetail(item)" v-for="(item,index) in taskList" :key="index" style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
       <van-cell>
         <template #title>
           <van-row style="">
@@ -43,6 +53,8 @@
         </template>
       </van-cell>
     </van-cell-group>
+      </van-list>
+    </van-pull-refresh>
   </div>
 </template>
 
@@ -65,6 +77,9 @@
             pageSize: 100,
           },
           activityBusinessTypeOptions:[],
+          refreshing: false,
+          loading: false,
+          finished: false,
         }
       },
       created() {
@@ -81,12 +96,28 @@
         goOnlineHomeIndex(){
           this.$router.push({name:'onlineHomeWorkbench'})
         },
-        getList() {
-          this.taskList = []
-          this.$set(this.queryParams, "systemType", '4');
+        getList(target) {
+          if(!target)
+          {
+            this.refreshing = true;
+            this.finished = false;
+            this.queryParams.pageNum = 1;
+            this.taskList = []
+          }
+          else if(typeof(target) === 'number')
+            this.queryParams.pageNum = target;
+          else {
+            this.queryParams.pageNum = eval(this.queryParams.pageNum + target.toString())
+          }
+          this.$set(this.queryParams, "systemType", '11'); // 4
           if(this.activeName=='1'){
             ListTodo(this.queryParams).then((response) => {
               console.log(response)
+              if(response.rows.length === 0)
+              {
+                this.finished = true;
+                return;
+              }
               response.rows.map(res => {
                 if(res.tableName?res.tableName.indexOf('house')>0:""){
                   res.tableName = '来自农村宅基地管理系统'
@@ -104,10 +135,18 @@
                   });
                 }
               })
-            })
+            }).finally(() => {
+              this.loading = false;
+              this.refreshing = false;
+            });
           }else{
             ListDone(this.queryParams).then((response) => {
               console.log(response)
+              if(response.rows.length === 0)
+              {
+                this.finished = true;
+                return;
+              }
               response.rows.map(res => {
                 if(res.tableName?res.tableName.indexOf('house')>0:""){
                   res.tableName = '来自农村宅基地管理系统'
@@ -125,7 +164,10 @@
                   });
                 }
               })
-            })
+            }).finally(() => {
+              this.loading = false;
+              this.refreshing = false;
+            });
           }
         },
         goDetail(item){
@@ -136,6 +178,11 @@
             case 'landscope':
             case 'accepting':
               this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
+                  break;
+            case 'baseApplyWLHT':
+            case 'landscopeWLHT':
+            case 'acceptingWLHT':
+              this.$router.push({name:'proposerLite',query: {id:item.formData.applyProposerId || item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type, processKey: item.formData.processKey}})
               break;
             case 'yinnong_transfer':
               this.$router.push({name:'approvalApproval',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
diff --git a/src/views/onlineHome/homestead/flowChart/index.vue b/src/views/onlineHome/homestead/flowChart/index.vue
index f1f47a2a..763c7c7b 100644
--- a/src/views/onlineHome/homestead/flowChart/index.vue
+++ b/src/views/onlineHome/homestead/flowChart/index.vue
@@ -35,23 +35,25 @@
 </template>
 
 <script>
-  import { allInformation } from "@/api/onlineHome/homestead/application";
+  import { allInformation, allInformationWLHT } from "@/api/onlineHome/homestead/application";
   export default {
     name: "flowChart",
   data() {
     return {
       applicationDetail:[],
-      id:''
+      id:'',
+      processKey: '',
     };
   },
   created() {
     this.id = this.$route.query.id;
+    this.processKey = this.$route.query.processKey;
     this.getDetail();
   },
   methods: {
 //获取数据集合
     getDetail(){
-      allInformation(this.id).then(response => {
+      (this.processKey && this.processKey.endsWith('WLHT') ? allInformationWLHT : allInformation)(this.id).then(response => {
         console.log(response)
         this.applicationDetail = response.data;
       });
diff --git a/src/views/onlineHome/homestead/homeApplication/applicationList.vue b/src/views/onlineHome/homestead/homeApplication/applicationList.vue
index c2364c18..6da2ebcb 100644
--- a/src/views/onlineHome/homestead/homeApplication/applicationList.vue
+++ b/src/views/onlineHome/homestead/homeApplication/applicationList.vue
@@ -5,7 +5,7 @@
         fixed
         placeholder
         @click-left="$router.back(-1)"
-        @click-right="goAdd()"
+        @click-right="goAddLite()"
       >
         <template #title>
           <p style="font-weight: bold;">宅基地申请</p>
@@ -15,14 +15,15 @@
         </template>
       </van-nav-bar>
 
-      <van-list
+      <van-pull-refresh v-model="refreshing" @refresh="refresh">
+        <van-list
         v-model="loading"
         :finished="finished"
         finished-text="没有更多了"
         @load="getList"
       >
         <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
-          <van-cell :title="item.ywh" :value="item.houseApplyStatus" center :to="{name:'applicationForm', query: {id:item.id,type:'modify'}}">
+          <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>
@@ -33,20 +34,25 @@
           <template #right>
             <van-row>
               <van-col>
-                <van-button square text="修改" type="info" v-if="item.houseApplyStatus=='申请草稿'" :to="{name:'applicationForm', query: {id:item.id}}" class="delete-button" />
+                <van-button square text="提交" type="primary" v-if="item.houseApplyStatusName=='申请草稿'" @click="submitApplyProposer(item)" class="delete-button" />
               </van-col>
               <van-col>
-                <van-button square text="删除" type="danger" v-if="item.houseApplyStatus=='申请草稿'" @click="deleteList(item.id,index)" class="delete-button" />
+                <van-button square text="修改" type="info" v-if="item.houseApplyStatusName=='申请草稿'" :to="{name:'proposerLite', query: {id:item.id, type: 'modify'}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="删除" type="danger" v-if="item.houseApplyStatusName=='申请草稿'" @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/onlineHome/homestead/application";
+import { customSubmit, customSubmitWLHT} from "@/api/onlineHome/homestead/application";
 export default {
   name: "applicationList",
   data() {
@@ -55,6 +61,7 @@ export default {
       houseApplyStatus:[],
       loading: false,
       finished: false,
+      refreshing: false,
       queryParams:{
         pageNum:1,
         pageSize:10,
@@ -73,13 +80,26 @@ export default {
     goAdd(){
       window.location = 'applicationAdd';
     },
+    goAddLite(){
+      //window.location = 'applicationAdd';
+      window.location = 'proposerLite?type=add';
+    },
+    viewItem(row){
+      let type = /*row.houseApplyStatus == '1' // 申请草稿
+        ||*/ row.houseApplyStatus == '10' // 申请通过
+        || row.houseApplyStatus == '12' // 开工草稿
+        || row.houseApplyStatus == '18' // 开工通过
+        || row.houseApplyStatus == '20' // 验收草稿
+          ? 'modify' : 'view';
+      window.location = 'proposerLite?type=' + type + '&id=' + row.id;
+    },
     getList(){
       setTimeout(() => {
         getList(this.queryParams).then(response => {
           console.log(response)
           for (var i = 0; i < response.rows.length; i++) {
-            var houseApplyStatus = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus);
-            response.rows[i].houseApplyStatus = houseApplyStatus;
+            var houseApplyStatusName = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus);
+            response.rows[i].houseApplyStatusName = houseApplyStatusName;
             this.applicationList.push(response.rows[i]);
           }
           console.log(this.applicationList.length >= response.total)
@@ -90,6 +110,9 @@ export default {
             this.loading = false;
             this.queryParams.pageNum += 1 ;
           }
+        }).finally(() => {
+          this.loading = false;
+          this.refreshing = false;
         });
       }, 1000);
     },
@@ -109,7 +132,26 @@ export default {
       .catch(() => {
         // on cancel
       });
-    }
+    },
+    refresh() {
+      this.refreshing = true;
+      this.finished = false;
+      this.applicationList = []
+    },
+    submitApplyProposer(item) {
+      this.$dialog.confirm({
+        message: '您确认提交申请草稿？',
+      }).then(() => {
+        let func = 1 || item.processKey.endsWith('WLHT') ? customSubmitWLHT : customSubmit; //TODO: 总是走简化流程
+        func(item.id).then((resp) => {
+          this.$toast.success("提交成功");
+          this.refresh();
+          this.getList();
+        }).catch((e) => {
+          this.$toast.fail("提交失败!");
+        });
+      }).catch(() => {});
+    },
   },
 }
 </script>
diff --git a/src/views/onlineHome/homestead/homeApplication/houseAnnounce.vue b/src/views/onlineHome/homestead/homeApplication/houseAnnounce.vue
new file mode 100644
index 00000000..d0cf0e41
--- /dev/null
+++ b/src/views/onlineHome/homestead/homeApplication/houseAnnounce.vue
@@ -0,0 +1,254 @@
+<template>
+  <div>
+    <van-nav-bar
+      left-arrow
+      title="公示查询"
+      fixed
+      placeholder
+      @click-left="$router.back()"
+    >
+      <template #right>
+        <van-icon name="@/../static/images/icon/icon_flow.png" size="20" @click="openFilter"/>
+      </template>
+    </van-nav-bar>
+
+    <van-search
+      v-model="queryParams.memberName"
+      placeholder="请输入姓名"
+      shape="round"
+      @search="getList(0)"
+    />
+
+    <van-pull-refresh v-model="refreshing" @refresh="getList()">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        :immediate-check="false"
+        finished-text="没有更多了"
+        @load="getList('+1')"
+      >
+        <van-swipe-cell v-for="(item,index) in list" :key="index" class="delegate">
+          <van-cell :title="item.projectName" center @click="viewItem(item)">
+            <template #icon>
+              <van-icon :name="{
+                '1': '@/../static/images/onlineHome/icon_zjd8.png',
+                '2': '@/../static/images/onlineHome/icon_zjd8.png',
+                '3': '@/../static/images/onlineHome/icon_zjd8.png',
+                '4': '@/../static/images/onlineHome/icon_zjd8.png',
+                }[item.announceStatus]" size="30" color="#539FFD" style="margin-right: 10px;" />
+            </template>
+            <template #label>
+              <p style="font-weight: bold;">{{formatDict(options.announce_type, item.announceType)}}&nbsp;&nbsp;&nbsp;&nbsp;{{item.startDate}} - {{item.endDate}}</p>
+            </template>
+            <template #title>
+              <p style="font-weight: bold;">{{item.projectName}}</p>
+            </template>
+            <template #right-icon>
+              <p :style="{'font-weight': 'bold',
+                color: {
+                  '1': '#000000',
+                  '2': '#0066FF',
+                  '3': 'orange',
+                  '4': '#33cc33',
+                }[item.announceStatus],
+              }">{{formatDict(options.announce_status, item.announceStatus)}}</p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row style="height: 100%;">
+              <van-col style="height: 100%;">
+                <van-button square text="二维码" type="info" style="height: 100%;" @click="openQrCodePreview(item.id)"/>
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+    </van-pull-refresh>
+
+    <onlineHomeIndex :current="1"></onlineHomeIndex>
+
+    <van-popup
+      v-model="filterVisible"
+      closeable
+      position="top"
+      :close-on-click-overlay="true"
+      :lazy-render="false"
+    >
+      <van-form>
+        <van-cell title="筛选查询"></van-cell>
+        <field-select
+          v-model="queryParams.announceStatus"
+          label="公示状态"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="公示状态筛选"
+          :columns="options.announce_status"
+        />
+        <field-select
+          v-model="queryParams.announceType"
+          label="公示类型"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="公示类型筛选"
+          :columns="options.announce_type"
+        />
+        <field-date-picker
+          v-model="queryParams.startDate"
+          label="起始日期"
+          formatter="yyyy-MM-dd"
+          placeholder="起始日期"
+        />
+        <field-date-picker
+          v-model="queryParams.endDate"
+          label="结束日期"
+          formatter="yyyy-MM-dd"
+          placeholder="结束日期"
+        />
+        <div style="margin: 0.2rem; text-align: right;">
+          <van-button type="info" native-type="submit" size="small" @click="resetQuery"> 重置 </van-button>
+          <van-button type="primary" native-type="submit" size="small" @click="getList(0)"> 查询 </van-button>
+        </div>
+      </van-form>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import {listAnnounce, getProposer} from "@/api/onlineHome/homestead/houseAnnounce";
+import FieldSelect from "@/components/form/FieldSelect";
+import { formatDate } from "element-ui/src/utils/date-util.js"
+import { ImagePreview } from 'vant';
+import onlineHomeIndex from "@/views/onlineHomeIndex";
+import FieldDatePicker from "@/components/form/FieldDatePicker";
+
+export default {
+  components: {FieldSelect, onlineHomeIndex, FieldDatePicker},
+  name: "HouseAnnounce",
+  data() {
+    return {
+      list: [],
+      total: 0,
+      // ?pageNum=1&pageSize=10&orderByColumn=createTime&isAsc=desc&startDate=2022-04-13&endDate=2022-04-12&announceStatus=2
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        orderByColumn: 'createTime',
+        isAsc: 'desc',
+        startDate: '',
+        endDate: '',
+        announceStatus: null,
+        memberName: '',
+        announceType: null,
+      },
+      refreshing: false,
+      loading: false,
+      finished: false,
+      options: {
+        announce_status: [],
+        announce_type: [],
+      },
+      filterVisible: false,
+    }
+  },
+  created() {
+    this.initOptions();
+    this.getList();
+  },
+  methods: {
+    getList(target) {
+      let type = typeof (target);
+      console.log(type, target);
+      if (target === 0) {
+        this.refreshing = true;
+        this.finished = false;
+        this.total = 0;
+        this.queryParams.pageNum = 1;
+        this.list = [];
+        this.filterVisible = false;
+      }
+      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 = false;
+        this.resetQuery();
+        this.total = 0;
+        this.queryParams.pageNum = 1;
+        this.list = []
+      }
+      listAnnounce(this.queryParams).then((response) => {
+        console.log(response)
+        if (response.rows.length === 0) {
+          this.finished = true;
+          return;
+        }
+        response.rows.forEach((e) => {
+          this.list.push(e);
+        });
+        this.total += response.rows.length;
+        if (this.total >= response.total) {
+          this.finished = true;
+        }
+      }).finally(() => {
+        this.loading = false;
+        this.refreshing = false;
+      });
+    },
+    viewItem(item) {
+      window.location = 'proposerLite?type=view&id=' + item.applyProposerId;
+    },
+    initOptions() {
+      for(let k in this.options)
+      {
+        this.houseGetDicts(k).then((res) => {
+          this.options[k] = res.data;
+        });
+      }
+    },
+    formatDict(dict, value) {
+      return this.selectDictLabel(dict, value);
+    },
+    openFilter() {
+      this.filterVisible = true;
+    },
+    onDatePickerConfirm(data) {
+      if(data)
+      {
+        this.queryParams.startDate = formatDate(data[0], 'yyyy-MM-dd');
+        this.queryParams.endDate = formatDate(data[1], 'yyyy-MM-dd');
+      }
+      else {
+        this.queryParams.startDate = '';
+        this.queryParams.endDate = '';
+      }
+    },
+    resetQuery() {
+      this.onDatePickerConfirm();
+      this.queryParams.announceStatus = null;
+      this.queryParams.announceType = null;
+    },
+    openQrCodePreview(id) {
+      getProposer(id).then((resp) => {
+        console.log(this.$store.getters.baseRoutingUrl + resp.data.qrCodeUrl);
+        ImagePreview([this.$store.getters.baseRoutingUrl + resp.data.qrCodeUrl]);
+      }).catch((e) => {
+        this.$toast.fail('获取二维码失败!');
+      });
+    },
+  },
+}
+</script>
+
+<style scoped>
+.delegate {
+  width: 96%;
+  margin: 3% 2% 3% 2%;
+  border-radius: 0.18rem;
+  overflow: hidden;
+  box-shadow: 0.1rem 0.1rem 0.15rem 0.02rem rgba(0,0,0,0.16);
+}
+</style>
diff --git a/src/views/onlineHome/homestead/homeApplication/houseLicense.vue b/src/views/onlineHome/homestead/homeApplication/houseLicense.vue
new file mode 100644
index 00000000..cf0f9e94
--- /dev/null
+++ b/src/views/onlineHome/homestead/homeApplication/houseLicense.vue
@@ -0,0 +1,195 @@
+<template>
+  <div>
+    <van-nav-bar
+      left-arrow
+      title="证书查看"
+      fixed
+      placeholder
+      @click-left="$router.back()"
+    >
+      <template #right>
+        <van-icon name="@/../static/images/icon/icon_flow.png" size="20" @click="openFilter"/>
+      </template>
+    </van-nav-bar>
+
+    <van-pull-refresh v-model="refreshing" @refresh="getList()">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        :immediate-check="false"
+        finished-text="没有更多了"
+        @load="getList('+1')"
+      >
+        <van-swipe-cell v-for="(item,index) in list" :key="index" class="delegate">
+          <van-cell :label="item.idcard" center>
+            <template #icon>
+              <van-icon name="@/../static/images/onlineHome/icon_zjd7.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+            </template>
+            <template #title>
+              <p style="font-weight: bold;">{{item.projectName}}</p>
+            </template>
+            <template #right-icon>
+              <van-button plain type="info" style="border: 0; font-weight: bold;" @click="openLicense(item)">查看证书</van-button>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row style="height: 100%;">
+              <van-col style="height: 100%;">
+                <van-button square text="查看申请" type="primary" style="height: 100%;" @click="viewItem(item)"/>
+              </van-col>
+              <van-col style="height: 100%;">
+                <van-button square text="许可证修改" type="info" style="height: 100%;" @click="editLicensePermit(item)"/>
+              </van-col>
+              <van-col style="height: 100%;">
+                <van-button square text="批准书修改" type="info" style="height: 100%;" @click="editLicenseRatification(item)"/>
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+    </van-pull-refresh>
+
+    <onlineHomeIndex :current="1"></onlineHomeIndex>
+
+    <van-popup
+      v-model="filterVisible"
+      closeable
+      position="top"
+      :close-on-click-overlay="true"
+      :lazy-render="false"
+    >
+      <van-form>
+        <van-cell title="筛选查询"></van-cell>
+        <van-field v-model="queryParams.memberName" label="申请户主" placeholder="申请户主" input-align="right"/>
+        <van-field v-model="queryParams.phone" label="联系电话" placeholder="联系电话" input-align="right"/>
+        <div style="margin: 0.2rem; text-align: right;">
+          <van-button type="info" native-type="submit" size="small" @click="resetQuery"> 重置 </van-button>
+          <van-button type="primary" native-type="submit" size="small" @click="getList(0)"> 查询 </van-button>
+        </div>
+      </van-form>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import {listProposer, getProposer} from "@/api/onlineHome/homestead/houseProposer";
+import FieldSelect from "@/components/form/FieldSelect";
+import { ImagePreview } from 'vant';
+import onlineHomeIndex from "@/views/onlineHomeIndex";
+
+export default {
+  components: {FieldSelect, onlineHomeIndex},
+  name: "HouseLicense",
+  data() {
+    return {
+      list: [],
+      total: 0,
+      // ?pageNum=1&pageSize=10&orderByColumn=createTime&isAsc=desc&printLicense=Y
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        printLicense: 'Y',
+        orderByColumn: 'createTime',
+        isAsc: 'desc',
+        phone: '',
+        memberName: '',
+      },
+      refreshing: false,
+      loading: false,
+      finished: false,
+      options: {
+      },
+      filterVisible: false,
+    }
+  },
+  created() {
+    this.initOptions();
+    this.getList();
+  },
+  methods: {
+    getList(target) {
+      let type = typeof (target);
+      console.log(type, target);
+      if (target === 0) {
+        this.refreshing = true;
+        this.finished = false;
+        this.total = 0;
+        this.queryParams.pageNum = 1;
+        this.list = [];
+        this.filterVisible = false;
+      }
+      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 = false;
+        this.resetQuery();
+        this.total = 0;
+        this.queryParams.pageNum = 1;
+        this.list = []
+      }
+      listProposer(this.queryParams).then((response) => {
+        console.log(response)
+        if (response.rows.length === 0) {
+          this.finished = true;
+          return;
+        }
+        response.rows.forEach((e) => {
+          this.list.push(e);
+        });
+        this.total += response.rows.length;
+        if (this.total >= response.total) {
+          this.finished = true;
+        }
+      }).finally(() => {
+        this.loading = false;
+        this.refreshing = false;
+      });
+    },
+    viewItem(item) {
+      window.location = 'proposerLite?type=view&id=' + item.id;
+    },
+    initOptions() {
+      for(let k in this.options)
+      {
+        this.houseGetDicts(k).then((res) => {
+          this.options[k] = res.data;
+        });
+      }
+    },
+    formatDict(dict, value) {
+      return this.selectDictLabel(dict, value);
+    },
+    openFilter() {
+      this.filterVisible = true;
+    },
+    resetQuery() {
+      this.queryParams.phone = '';
+      this.queryParams.memberName = '';
+    },
+    openLicense(item) {
+      location.href = '/houseLicenseDetail?id=' + item.id;
+    },
+    editLicensePermit(item) {
+      window.location = 'licensePermitEdit?id=' + item.id;
+    },
+    editLicenseRatification(item) {
+      window.location = 'licenseRatificationEdit?id=' + item.id;
+    },
+  },
+}
+</script>
+
+<style scoped>
+.delegate {
+  width: 96%;
+  margin: 3% 2% 3% 2%;
+  border-radius: 0.18rem;
+  overflow: hidden;
+  box-shadow: 0.1rem 0.1rem 0.15rem 0.02rem rgba(0,0,0,0.16);
+}
+</style>
diff --git a/src/views/onlineHome/homestead/homeApplication/houseLicenseDetail.vue b/src/views/onlineHome/homestead/homeApplication/houseLicenseDetail.vue
new file mode 100644
index 00000000..ef68b3c1
--- /dev/null
+++ b/src/views/onlineHome/homestead/homeApplication/houseLicenseDetail.vue
@@ -0,0 +1,395 @@
+<template>
+  <div>
+    <van-nav-bar
+      left-arrow
+      title="证书查看"
+      fixed
+      placeholder
+      @click-left="$router.back()"
+    >
+    </van-nav-bar>
+
+
+    <van-tabs color="#1D6FE9" :lazy-render="false" v-model="activeName">
+      <van-tab title="规划许可证" key="0">
+        <div class="planningPermit-wrap wrap-root">
+          <div class="planningPermit-first">
+            <div class="permit-main section">
+              <div class="details_first_main part">
+                <div class="details_first_title title">中华人民共和国</div>
+                <div class="details_first_title title">乡村建设规划许可证</div>
+                <div class="details_first_page no-label">乡字第 <i class="no">{{this.licenseForm.licensePermit.licenseKey}}</i> 号</div>
+                <div class="details_first_cont content">根据《中华人民共和国土地管理法》《中华人民共和国城乡规划法》和国家有关规定，经审核，本建设工程符合国土空间规划和用途管制要求，颁发此证。</div>
+                <div class="licence_first_jg label" style="padding-top: 3.5rem;">填发机关:&nbsp;&nbsp;&nbsp;{{this.licenseForm.licensePermit.issuingAuthority}}</div>
+                <div class="licence_first_time label">日 期:&nbsp;&nbsp;&nbsp;{{this.licenseForm.licensePermit.issueDate}}</div>
+              </div>
+            </div>
+
+            <div class="details_page section">
+              <div class="details_page_main part">
+                <table>
+                  <tr>
+                    <td style="width: 2.6rem;">建设单位(个人)</td> <td >{{this.licenseForm.licensePermit.constructionUnit}}</td>
+                  </tr>
+                  <tr>
+                    <td>建设项目名称</td> <td>{{this.licenseForm.licensePermit.constructionUnit}}</td>
+                  </tr>
+                  <tr>
+                    <td>建设位置</td> <td>{{this.licenseForm.licensePermit.constructionLocation}}</td>
+                  </tr>
+                  <tr>
+                    <td>建设规模</td> <td>{{ this.licenseForm.licensePermit.constructionScale }}</td>
+                  </tr>
+                  <!--                <tr>
+                                    <td>{{ this.licenseForm.licenseRatification.west }}</td><td>{{ this.licenseForm.licenseRatification.north }}</td>
+                                  </tr>-->
+                  <tr>
+                    <td>附图及附件名称</td>
+                    <td>
+                      <ul class="list">
+                        <li v-for="file in attachmentList" class="list__item-content">
+                          {{file.fileName}}
+                        </li>
+                      </ul>
+                    </td>
+                  </tr>
+                </table>
+                <div class="details_first_title title" style="text-align: left; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.52rem; line-height: 0.8rem;">遵守事项</div>
+                <ul class="list" style="padding: 0.1rem 0.1rem; font-size: 0.35rem; line-height: 0.6rem;">
+                  <li>一、 本证是经自然资源主管部门依法审核，在乡、村庄规划区内有关建设工程符合国土空间规划和用途管制要求的法律凭证。</li>
+                  <li>二、 依法应当取得本证，但未取得本证或违反本证规定的，均属违法行为。</li>
+                  <li>三、 未经发证机关审核同意，本证的各项规定不得随意变更。</li>
+                  <li>四、 自然资源主管部门依法有权查验本证，建设单位（个人）有责任提交查验。</li>
+                  <li>五、 本证所需附图及附件由发证机关依法确定，与本证具有同等法律效力。</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+          <div class="planningPermit-two" style="display: block; overflow: hidden;">
+            <div class="details_page">
+              <table>
+                <tr>
+                  <td style="width: 1rem; height: 12rem;">宅<br />基<br />地<br />坐<br />落<br />平<br />面<br />位<br />置<br />图</td>
+                  <td>
+                    <RawImageCarousel :images="locationPlanList" url-label="url" name-label="fileName" style="width: 100%; height: 100%;" v-if="locationPlanList.length > 0"></RawImageCarousel>
+                  </td>
+                </tr>
+                <tr>
+                  <td>备注</td>
+                  <td>图中需载明宅基地的具体位置、长宽、四至，并标明与永久性参照物的具体距离。</td>
+                </tr>
+              </table>
+              <ul class="list" style="padding: 0.6rem 0.1rem 0.1rem; width: 92%; margin:0 auto;">
+                <li>填写说明：</li>
+                <li>1.编号规则:编号数字共16位，前6位数字按照《中华人民共和国行政区划代码》（详见民政部网站www.mca.gov.cn）执行；7-9位数字表示街道（地区）办事处、镇、乡（苏木），按GB/T10114的规定执行；10-13位数字代表证书发放年份；14-16位数字代表证书发放序号。</li>
+                <li>2.批准书有效期:指按照本省（区、市）宅基地管理有关规定，宅基地申请批准后农户必须开工建设的时间。</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </van-tab>
+
+      <van-tab title="宅基地批准书" key="1">
+        <div class="licenceAround-wrap wrap-root">
+          <div class="licence_first_page section" style="padding-top: 0.5rem;">
+            <div class="details_first_title title">农村宅基地批准书</div>
+            <div class="number-title no-sub-label" >
+              农宅字 <i class="no">{{this.licenseForm.licenseRatification.approvalNumber}}</i>号
+            </div>
+            <div class="licence_first_main" style="border:1px solid #000000;  padding: 2rem 0.4rem;">
+              <div class="content">
+                根据《中华人民共和国土地管理法》规定，本项农村村民宅基地用地  业经有权机关批准，特发此书。
+                请严格按照本批准书要求使用宅基地。
+              </div>
+              <div class="ft_jg label" style="padding-top: 2.5rem;">填发机关:&nbsp;&nbsp;&nbsp;{{this.licenseForm.licenseRatification.issuingAuthority}}</div>
+              <div class="ft_time label">填发时间:&nbsp;&nbsp;&nbsp;{{this.licenseForm.licenseRatification.issueDate}}</div>
+            </div>
+          </div>
+
+          <div class="licence_two_page section" style="margin-top: 0.5rem;">
+            <div class="details_first_title title">农村宅基地批准书（存根）</div>
+              <div class="number-title no-sub-label">
+                              农宅字 <i class="no">{{this.licenseForm.licenseRatification.approvalNumber}}</i> 号
+              </div>
+              <div class="licence_two_main">
+                <table>
+                  <tr>
+                    <td style="width: 2.6rem;">申请人姓名</td> <td colspan="8">{{this.licenseForm.licenseRatification.memberName}}</td>
+                  </tr>
+                  <tr>
+                    <td>批准用地面积</td> <td colspan="8">{{this.licenseForm.licenseRatification.landArea}} 平方米</td>
+                  </tr>
+                  <tr>
+                    <td>其中：房基占地</td> <td colspan="8">{{this.licenseForm.licenseRatification.fjzdmj}} 平方米</td>
+                  </tr>
+                  <tr>
+                    <td>土地所有权人</td> <td colspan="8">{{this.licenseForm.licenseRatification.landOwner}}</td>
+                  </tr>
+                  <tr>
+                    <td>土地用途</td> <td colspan="8">{{ formatDict(options.land_use, licenseForm.licenseRatification.landUse) }}</td>
+                  </tr>
+                  <tr>
+                    <td>土地坐落<br/>(详见附图)</td> <td colspan="8">{{ this.licenseForm.licenseRatification.location }}</td>
+                  </tr>
+                  <tr>
+                    <td rowspan="2">四  至</td>
+                    <td style="width: 1.2rem;">东</td><td colspan="3">{{ this.licenseForm.licenseRatification.east }}</td>
+                    <td style="width: 1.2rem;">南</td><td colspan="3">{{ this.licenseForm.licenseRatification.south }}</td>
+                  </tr>
+                  <tr>
+                    <td style="width: 1.2rem;">西</td><td colspan="3">{{ this.licenseForm.licenseRatification.west }}</td>
+                    <td style="width: 1.2rem;">北</td><td colspan="3">{{ this.licenseForm.licenseRatification.north }}</td>
+                  </tr>
+                  <tr>
+                    <td>批准书有效期</td><td colspan="8">{{this.licenseForm.licenseRatification.startTime +'至'+this.licenseForm.licenseRatification.endTime }}</td>
+                  </tr>
+                  <tr style="height: 2rem;" >
+                    <td colspan="9" style="text-align: left;">备注:</td>
+                  </tr>
+                </table>
+              </div>
+            </div>
+
+          <div class="licence_three_page section" style="margin-top: 0.5rem;">
+            <div  class="number-title no-sub-label">
+              农宅字 <i class="no">{{this.licenseForm.licenseRatification.approvalNumber}}</i> 号
+            </div>
+            <table>
+              <tr>
+                <td style="width: 2.6rem;">申请人姓名</td> <td colspan="8">{{this.licenseForm.licenseRatification.memberName}}</td>
+              </tr>
+              <tr>
+                <td>批准用地面积</td> <td colspan="8">{{this.licenseForm.licenseRatification.landArea}} 平方米</td>
+              </tr>
+              <tr>
+                <td>房基占地面积</td> <td colspan="8">{{this.licenseForm.licenseRatification.fjzdmj}} 平方米</td>
+              </tr>
+              <tr>
+                <td>土地所有权人</td> <td colspan="8">{{this.licenseForm.licenseRatification.landOwner}}</td>
+              </tr>
+              <tr>
+                <td>土地用途</td> <td colspan="8">{{ formatDict(options.land_use, licenseForm.licenseRatification.landUse) }} </td>
+              </tr>
+              <tr>
+                <td>土地坐落<br/>(详见附图)</td> <td  colspan="8">{{ this.licenseForm.licenseRatification.location }}</td>
+              </tr>
+              <tr>
+                <td rowspan="2">四  至</td>
+                <td style="width: 1.2rem;">东</td><td colspan="3">{{ this.licenseForm.licenseRatification.east }}</td>
+                <td style="width: 1.2rem;">南</td><td colspan="3">{{ this.licenseForm.licenseRatification.south }}</td>
+              </tr>
+              <tr>
+                <td style="width: 1.2rem;">西</td><td colspan="3">{{ this.licenseForm.licenseRatification.west }}</td>
+                <td style="width: 1.2rem;">北</td><td colspan="3">{{ this.licenseForm.licenseRatification.north }}</td>
+              </tr>
+              <tr>
+                <td>批准书有效期</td><td colspan="8">{{this.licenseForm.licenseRatification.startTime +'至'+this.licenseForm.licenseRatification.endTime }}</td>
+              </tr>
+              <tr style="height: 2rem;">
+                <td colspan="9" style="text-align: left;">备注:</td>
+              </tr>
+            </table>
+          </div>
+        </div>
+      </van-tab>
+    </van-tabs>
+
+    <onlineHomeIndex :current="1"></onlineHomeIndex>
+  </div>
+</template>
+
+<script>
+import {selectAllLicense} from "@/api/onlineHome/homestead/houseProposer";
+import onlineHomeIndex from "@/views/onlineHomeIndex";
+import { attachmentFind } from "@/api/onlineHome/homestead/application";
+import RawImageCarousel from "@/components/house/RawImageCarousel";
+
+export default {
+  components: {onlineHomeIndex, RawImageCarousel},
+  name: "HouseLicenseDetail",
+  data() {
+    return {
+      proposerId: null,
+      licenseForm:{
+        "licensePermit": {
+          "searchValue": null,
+          "createBy": "",
+          "createTime": "",
+          "updateBy": "",
+          "updateTime": null,
+          "proposerId": null,
+          "applyProposerId": null,
+          "year": "",
+          "licenseKey": "",
+          "issuingAuthority": "",
+          "issueDate": "",
+          "constructionUnit": "",
+          "constructionItem": "",
+          "constructionLocation": "",
+          "constructionScale": "",
+          "locationPlan": null
+        },
+        "licenseRatification": {
+          "searchValue": null,
+          "createBy": "",
+          "createTime": '',
+          "updateBy": "",
+          "updateTime": null,
+          "proposerId": '',
+          "applyProposerId": '',
+          "year": "2021",
+          "approvalNumber": "",
+          "issuingAuthority": "",
+          "issueDate": "",
+          "memberName": "",
+          "landArea": 0,
+          "landOwner": "",
+          "landUse": "",
+          "location": "",
+          "east": "",
+          "west": "",
+          "south": "",
+          "north": "",
+          "startTime": "",
+          "endTime": "",
+          "remark": '',
+          'fjzdmj': 0, // 房基占地面积
+        },
+      },
+      activeName: 0,
+      options: {
+        land_use: [],
+      },
+      attachmentList: [],
+      locationPlanList: [],
+    }
+  },
+  created() {
+    this.proposerId = this.$route.query.id;
+    this.initOptions();
+    this.getDetail();
+  },
+  methods: {
+    getDetail() {
+      selectAllLicense(this.proposerId).then((response) => {
+        this.licenseForm = response.data;
+        if(this.licenseForm.licensePermit.locationPlan)
+        {
+          const Host = this.$store.getters.baseRoutingUrl;
+          let list = JSON.parse(this.licenseForm.licensePermit.locationPlan);
+          this.locationPlanList = list.map((x) => {
+            x.url = Host + x.fileUrl;
+            return x;
+          })
+        }
+        this.getAttachments();
+      }).catch((e) => {
+        this.$toast.fail('获取证书失败!');
+      });
+    },
+    initOptions() {
+      for(let k in this.options)
+      {
+        this.houseGetDicts(k).then((res) => {
+          this.options[k] = res.data;
+        });
+      }
+    },
+    formatDict(dict, value) {
+      return this.selectDictLabel(dict, value);
+    },
+    getAttachments() {
+      this.attachmentList = [];
+      let cond = {
+        tableId: this.proposerId,
+        tableName: 't_house_apply_proposer',
+        fileType: 13,
+      };
+      attachmentFind(cond).then(resp => {
+        this.attachmentList = resp.data;
+      });
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+table {
+  line-height: 2rem;
+  text-align: center;
+  border-collapse: collapse;
+  width: 96%;
+  margin: 0 auto;
+}
+td {
+  line-height: 1rem;
+  border: 1px solid #000000;
+  border-collapse: collapse;
+  font-size: 0.35rem;
+}
+.planningPermit-two{
+  //margin-top: 30px;
+}
+.wrap-root {
+  color: #606266;
+  .title {
+    font-size: 0.55rem;
+    font-weight: bold;
+    text-align: center;
+    line-height: 0.8rem;
+  }
+  .no-label {
+    text-align: right;
+    font-size: 0.45rem;
+    line-height: 0.6rem;
+    padding: 0.5rem 0 0.5rem;
+  }
+  .no-sub-label {
+    text-align: right;
+    font-size: 0.4rem;
+    line-height: 0.5rem;
+    padding: 0.2rem 0.1rem 0.2rem;
+  }
+  .no {
+    text-decoration: underline;
+    font-style:oblique;
+  }
+  .content {
+    font-size: 0.45rem;
+    line-height: 0.8rem;
+  }
+  .label {
+    font-size: 0.45rem;
+    text-align: right;
+    line-height: 0.8rem;
+    padding-right: 0.3rem;
+  }
+
+  .section {
+    width: 96%;
+    margin: auto;
+    .part {
+      width: 100%;
+      padding: 1.5rem 0.35rem;
+      margin: 0.5rem 0rem;
+      border:1px solid #000000;
+    }
+  }
+
+  .list {
+    list-style: none;
+    text-align: start;
+    font-size: 0.35rem;
+    line-height: 0.6rem;
+
+    .list__item-content {
+      font-size: 0.4rem;
+      line-height: 0.6rem;
+      word-break: break-all;
+      padding: 0.1rem 0.2rem;
+      text-align: left;
+    }
+  }
+}
+</style>
diff --git a/src/views/onlineHome/homestead/homeApplication/licensePermitEdit.vue b/src/views/onlineHome/homestead/homeApplication/licensePermitEdit.vue
new file mode 100644
index 00000000..1b6747eb
--- /dev/null
+++ b/src/views/onlineHome/homestead/homeApplication/licensePermitEdit.vue
@@ -0,0 +1,141 @@
+<template>
+  <div>
+    <van-nav-bar
+      title="修改许可证"
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back()"
+      z-index="998"
+    >
+    </van-nav-bar>
+
+    <div>
+      <van-form ref="form">
+        <van-field v-model="licenseForm.licensePermit.year" required label="年度" placeholder="年度" input-align="right" type="digit" label-width="auto" :rules="[{ pattern: /^\d+$/ }]"/>
+        <van-field v-model="licenseForm.licensePermit.licenseKey" required label="许可证号" placeholder="许可证号" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licensePermit.issuingAuthority" required label="发证机关" placeholder="发证机关" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <field-date-picker
+          v-model="licenseForm.licensePermit.issueDate"
+          label="发证日期"
+          placeholder="发证日期"
+          :rules="[{ required: true }]"
+          formatter="yyyy-MM-dd"
+          required
+        />
+        <van-field v-model="licenseForm.licensePermit.constructionUnit" required label="建设单位" placeholder="建设单位" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licensePermit.constructionItem" required label="建设项目名称" placeholder="建设项目名称" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licensePermit.constructionLocation" required label="建设位置" placeholder="建设位置" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licensePermit.constructionScale" required label="建设规模" placeholder="建设规模" input-align="left" :rules="[{required: true}]"
+                   rows="2"
+                   :autosize="true"
+                   type="textarea"/>
+      </van-form>
+    </div>
+
+    <van-goods-action style="z-index: 999;">
+        <van-goods-action-button type="info" text="关闭" @click="close()"/>
+        <van-goods-action-button type="primary" text="保存" @click="submit()"/>
+    </van-goods-action>
+  </div>
+</template>
+
+<script>
+import {updateRatification, updatePermit} from "@/api/onlineHome/homestead/license";
+import {selectAllLicense} from "@/api/onlineHome/homestead/houseProposer";
+import FieldDatePicker from "@/components/form/FieldDatePicker";
+import {Notify} from "vant";
+
+export default {
+  name: "licensePermitEdit",
+  components: {FieldDatePicker},
+  props: ['id'],
+  data() {
+    return {
+      proposerId: null,
+      licenseForm:{
+        "licensePermit": {
+          "searchValue": null,
+          "createBy": "",
+          "createTime": "",
+          "updateBy": "",
+          "updateTime": null,
+          "proposerId": null,
+          "applyProposerId": null,
+          "year": null,
+          "licenseKey": null,
+          "issuingAuthority": null,
+          "issueDate": null,
+          "constructionUnit": null,
+          "constructionItem": null,
+          "constructionLocation": null,
+          "constructionScale": null,
+          "locationPlan": null
+        },
+        "licenseRatification": {
+          "searchValue": null,
+          "createBy": "",
+          "createTime": null,
+          "updateBy": "",
+          "updateTime": null,
+          "proposerId": null,
+          "applyProposerId": null,
+          "year": null,
+          "approvalNumber": null,
+          "issuingAuthority": null,
+          "issueDate": null,
+          "memberName": null,
+          "landArea": 0,
+          "landOwner": null,
+          "landUse": null,
+          "location": null,
+          "east": null,
+          "west": null,
+          "south": null,
+          "north": null,
+          "startTime": null,
+          "endTime": null,
+          "remark": null,
+          'fjzdmj': 0, // 房基占地面积
+        },
+      },
+      options: {
+      },
+    };
+  },
+  created() {
+    this.proposerId = this.$route.query.id;
+    this.getDetail();
+  },
+  methods: {
+    getDetail() {
+      selectAllLicense(this.proposerId).then((response) => {
+        this.licenseForm = response.data;
+      }).catch((e) => {
+        this.$toast.fail('获取证书失败!');
+      });
+    },
+    close() {
+      this.$router.back();
+    },
+    submit() {
+      this.$refs.form.validate().then(() => {
+        updatePermit(this.licenseForm.licensePermit).then(response => {
+          this.notify('保存成功', 'success');
+          this.$router.back();
+        }).catch((e) => {
+          this.notify('保存失败！', 'danger');
+        });
+      });
+    },
+    notify(message, type) {
+      Notify.clear();
+      Notify({ type: type || 'primary', message: message });
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/onlineHome/homestead/homeApplication/licenseRatificationEdit.vue b/src/views/onlineHome/homestead/homeApplication/licenseRatificationEdit.vue
new file mode 100644
index 00000000..41b40542
--- /dev/null
+++ b/src/views/onlineHome/homestead/homeApplication/licenseRatificationEdit.vue
@@ -0,0 +1,189 @@
+<template>
+  <div>
+    <van-nav-bar
+      title="修改批准书"
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back()"
+      z-index="998"
+    >
+    </van-nav-bar>
+
+    <div style="padding-bottom: 1.33rem;">
+      <van-form ref="form">
+
+        <van-divider>基本信息</van-divider>
+
+        <van-field v-model="licenseForm.licenseRatification.year" required label="年度" placeholder="年度" input-align="right" type="digit" label-width="auto" :rules="[{ pattern: /^\d+$/ }]"/>
+        <van-field v-model="licenseForm.licenseRatification.approvalNumber" required label="批准书号" placeholder="批准书号" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licenseRatification.issuingAuthority" required label="填发机关" placeholder="填发机关" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <field-date-picker
+          v-model="licenseForm.licenseRatification.issueDate"
+          label="发证日期"
+          placeholder="发证日期"
+          :rules="[{ required: true }]"
+          formatter="yyyy-MM-dd"
+          required
+        />
+        <van-field v-model="licenseForm.licenseRatification.memberName" required label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licenseRatification.landArea" required label="批准用地面积" placeholder="批准用地面积" input-align="right" label-width="auto" :rules="[{required: true}]" type="number"><template #right-icon>㎡</template></van-field>
+        <van-field v-model="licenseForm.licenseRatification.landOwner" required label="土地所有权人" placeholder="土地所有权人" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <field-select
+          v-model="licenseForm.licenseRatification.landUse"
+          label="土地用途"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="选择土地用途"
+          :rules="[{ required: true }]"
+          required
+          remote-url="/system/dict/data/type/land_use"
+          :on-remote-response="'data'"
+        />
+
+        <van-divider>房屋位置</van-divider>
+
+        <van-field v-model="licenseForm.licenseRatification.location" required label="位置" placeholder="位置" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licenseRatification.east" required label="东至" placeholder="东至" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licenseRatification.west" required label="西至" placeholder="西至" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licenseRatification.south" required label="南至" placeholder="南至" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+        <van-field v-model="licenseForm.licenseRatification.north" required label="北至" placeholder="北至" input-align="right" label-width="auto" :rules="[{required: true}]"/>
+
+        <van-divider>其他信息</van-divider>
+
+        <field-date-picker
+          v-model="licenseForm.licenseRatification.startTime"
+          label="开始时间"
+          placeholder="开始时间"
+          :rules="[{ required: true }]"
+          formatter="yyyy-MM-dd"
+          required
+        />
+        <field-date-picker
+          v-model="licenseForm.licenseRatification.endTime"
+          label="结束时间"
+          placeholder="结束时间"
+          :rules="[{ required: true }]"
+          formatter="yyyy-MM-dd"
+          required
+        />
+        <van-field v-model="licenseForm.licenseRatification.remark" required label="备注" placeholder="备注" input-align="left" :rules="[{required: true}]"
+                   rows="2"
+                   :autosize="true"
+                   type="textarea"/>
+      </van-form>
+    </div>
+
+    <van-goods-action style="z-index: 999;">
+        <van-goods-action-button type="info" text="关闭" @click="close()"/>
+        <van-goods-action-button type="primary" text="保存" @click="submit()"/>
+    </van-goods-action>
+  </div>
+</template>
+
+<script>
+import {updateRatification, updatePermit} from "@/api/onlineHome/homestead/license";
+import {selectAllLicense} from "@/api/onlineHome/homestead/houseProposer";
+import FieldDatePicker from "@/components/form/FieldDatePicker";
+import FieldSelect from "@/components/form/FieldSelect";
+import {Notify} from "vant";
+
+export default {
+  name: "licenseRatificationEdit",
+  components: {FieldDatePicker, FieldSelect},
+  props: ['id'],
+  data() {
+    return {
+      proposerId: null,
+      licenseForm:{
+        "licensePermit": {
+          "searchValue": null,
+          "createBy": "",
+          "createTime": "",
+          "updateBy": "",
+          "updateTime": null,
+          "proposerId": null,
+          "applyProposerId": null,
+          "year": null,
+          "licenseKey": null,
+          "issuingAuthority": null,
+          "issueDate": null,
+          "constructionUnit": null,
+          "constructionItem": null,
+          "constructionLocation": null,
+          "constructionScale": null,
+          "locationPlan": null
+        },
+        "licenseRatification": {
+          "searchValue": null,
+          "createBy": "",
+          "createTime": null,
+          "updateBy": "",
+          "updateTime": null,
+          "proposerId": null,
+          "applyProposerId": null,
+          "year": null,
+          "approvalNumber": null,
+          "issuingAuthority": null,
+          "issueDate": null,
+          "memberName": null,
+          "landArea": 0,
+          "landOwner": null,
+          "landUse": null,
+          "location": null,
+          "east": null,
+          "west": null,
+          "south": null,
+          "north": null,
+          "startTime": null,
+          "endTime": null,
+          "remark": null,
+          'fjzdmj': 0, // 房基占地面积
+        },
+      },
+      options: {
+      },
+    };
+  },
+  created() {
+    this.proposerId = this.$route.query.id;
+    this.getDetail();
+  },
+  methods: {
+    getDetail() {
+      selectAllLicense(this.proposerId).then((response) => {
+        this.licenseForm = response.data;
+      }).catch((e) => {
+        this.$toast.fail('获取证书失败!');
+      });
+    },
+    close() {
+      this.$router.back();
+    },
+    submit() {
+      this.$refs.form.validate().then(() => {
+        updateRatification(this.licenseForm.licenseRatification).then(response => {
+          this.notify('保存成功', 'success');
+          this.$router.back();
+        }).catch((e) => {
+          this.notify('保存失败！', 'danger');
+        });
+      });
+    },
+    notify(message, type) {
+      Notify.clear();
+      Notify({ type: type || 'primary', message: message });
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.van-divider {
+  margin: 0;
+  padding: 0.2rem;
+  color: #1989fa;
+  border-color: #1989fa;
+  background-color: #FFFFFF;
+}
+</style>
diff --git a/src/views/onlineHome/homestead/homeApplication/proposerLite.vue b/src/views/onlineHome/homestead/homeApplication/proposerLite.vue
new file mode 100644
index 00000000..47efcc2f
--- /dev/null
+++ b/src/views/onlineHome/homestead/homeApplication/proposerLite.vue
@@ -0,0 +1,2812 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        title="用地建房申请"
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+        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>
+          <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.tHouseApplyProposer.memberName" label="姓名" placeholder="姓名" input-align="right" required/>
+                    <field-select
+                      v-model="applicationDetail.tHouseApplyProposer.sex"
+                      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.tHouseApplyProposer.age" label="年龄" placeholder="年龄" input-align="right" type="digit"/>
+                    <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposer.phone" label="联系电话" placeholder="联系电话" input-align="right" type="digit" :rules="[{pattern: /(^\d{7}(\d{4})?$)/}]"/>
+                    <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposer.idcard" 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]$/}]"/>
+                    <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposer.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+                    <van-field required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposer.familyAddress" label="家庭住址" placeholder="家庭住址" input-align="right"/>
+                    <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.tHouseApplyFamilyMembers">
+                  <p class="main_title">家庭成员信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily" @click="addFamily" v-if="formEnabled.baseApplyForm.baseFormEnabled" /></p>
+                  <van-collapse v-model="activeNames" v-if="!formEnabled.baseApplyForm.baseFormEnabled">
+                    <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 v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
+                      <van-field readonly v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
+                      <van-field readonly v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
+                      <van-field readonly v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
+                      <van-field readonly v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+                    </van-collapse-item>
+                  </van-collapse>
+
+                  <div v-else>
+                    <van-tabs v-if="applicationDetail.tHouseApplyFamilyMembers && applicationDetail.tHouseApplyFamilyMembers.length > 0" v-model="familyMembersActive">
+                      <van-tab :title="(index + 1) + '. ' + item.memberName" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :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.memberName" label="姓名" placeholder="姓名" input-align="right"/>
+                            <van-field required v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
+                            <van-field required v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
+                            <van-field required v-model="item.idcard" 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]$/}]"/>
+                            <van-field required v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
+                          </div>
+                        </div>
+                      </van-tab>
+                    </van-tabs>
+                  </div>
+                </div>
+
+                <div v-if="applicationDetail.tHouseApplyProposer.existHomestead === 'Y'">
+                  <p class="main_title">现宅基地及农房状况</p>
+                  <div class="main_box">
+                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyCurrentSituation.landArea" 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.tHouseApplyCurrentSituation.buildingArea" 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" type="number"><template #right-icon>㎡</template></van-field>
+                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo" label="宅基地证书号" placeholder="宅基地证书号" input-align="right"/>
+                    <field-select
+                      v-model="applicationDetail.tHouseApplyCurrentSituation.landIsposal"
+                      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.tHouseApplyProposer.existHomestead ==='Y'">
+                      <van-field v-if="applicationDetail.tHouseApplyCurrentSituation.landIsposal == '1'" :rules="[{ required: true }]" :required="applicationDetail.tHouseApplyProposer.existHomestead ==='Y' && applicationDetail.tHouseApplyCurrentSituation.landIsposal == '1'" :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyCurrentSituation.reservedArea" label="保留面积" placeholder="保留面积" input-align="right" type="number"/>
+                      <van-field v-else-if="applicationDetail.tHouseApplyCurrentSituation.landIsposal == '3'" :rules="[{ required: true }]" :required="applicationDetail.tHouseApplyProposer.existHomestead ==='Y' && applicationDetail.tHouseApplyCurrentSituation.landIsposal == '3'" :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyCurrentSituation.otherRemark" label="处置情况" placeholder="处置情况" input-align="right"/>
+                    </template>
+                  </div>
+                </div>
+
+                <div v-if="applicationDetail.tHouseApplyProposedSituation">
+                  <p class="main_title">拟申请宅基地及建房情况</p>
+                  <div class="main_box">
+                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.location" label="拟建位置" placeholder="拟建位置" input-align="right"/>
+                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.landArea" 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.tHouseApplyProposedSituation.east" label="东至" placeholder="东至" input-align="right"/>
+                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.west" label="西至" placeholder="西至" input-align="right"/>
+                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.south" label="南至" placeholder="南至" input-align="right"/>
+                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.north" label="北至" placeholder="北至" input-align="right"/>
+                    <van-field :rules="[{ required: true }]" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyProposedSituation.buildingArea" 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.tHouseApplyProposedSituation.buildingLandArea" 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.tHouseApplyProposedSituation.buildingFloors" 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.tHouseApplyProposedSituation.buildingHight" label="建筑高度" placeholder="建筑高度" input-align="right" type="number"><template #right-icon>m</template></van-field>
+                    <field-radio
+                      v-model="applicationDetail.tHouseApplyProposedSituation.isAdvice"
+                      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.tHouseApplyProposedSituation.buildingType"
+                      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-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.tHouseApplyProposedSituation.geographicType"
+                      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 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.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="!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.tHouseApplyProposer.memberName" label="申请人" placeholder="申请人" input-align="left" label-width="auto"/></van-col>
+                      <van-col span="12">
+                        <field-date-picker
+                          v-model="applicationDetail.tHouseApplyProposer.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/>意见</van-col>
+                    <van-col span="19">
+                      <van-field required :readonly="!formEnabled.baseApplyForm.villageFormEnabled" v-model="applicationDetail.tHouseApproveVillageOptions.villageOption" rows="2" autosize type="textarea" placeholder="同意申请宅基地"/>
+                    </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">
+                      <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.townFormEnabled" rows="2" v-model="applicationDetail.tHouseApproveAgricultureOptions.approveOption" autosize type="textarea" placeholder="审查意见"/>
+                    </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/>意见</van-col>
+                    <van-col span="19">
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.landArea" label="用地面积" placeholder="请输入" input-align="right"><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"/>
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.south" label="南至" placeholder="请输入" input-align="right"/>
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.west" label="西至" placeholder="请输入" input-align="right"/>
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.north" label="北至" placeholder="请输入" input-align="right"/>
+                      <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.townFormEnabled" v-model="applicationDetail.tHouseApproveNatureOptions.approveOption" rows="2" autosize type="textarea" placeholder="审查意见"/>
+                    </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">
+                      <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"><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"><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"><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"><template #right-icon>m</template></van-field>
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.east" label="东至" placeholder="请输入" input-align="right"/>
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.south" label="南至" placeholder="请输入" input-align="right"/>
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.west" label="西至" placeholder="请输入" input-align="right"/>
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.north" label="北至" placeholder="请输入" input-align="right"/>
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.approveOption" rows="2" autosize  type="textarea" placeholder="审批意见"/>
+                    </van-col>
+                  </van-row>
+                </div>
+              </template>
+
+              <!-- 申请::镇政府 -->
+              <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/>意见</van-col>
+                    <van-col span="19">
+                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveTownOptions.approveOption" rows="2" autosize type="textarea" placeholder="同意申请宅基地"/>
+                    </van-col>
+                  </van-row>
+                </div>
+              </template>
+
+              <!-- 申请::现场踏勘 -->
+              <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 == 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.tHouseApplyStart.startDate"
+                      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.tHouseApplyStart.endDate"
+                      label="计划竣工时间"
+                      placeholder="选择日期"
+                      :rules="[{ required: true }]"
+                      formatter="yyyy-MM-dd"
+                      required
+                      :readonly="!formEnabled.landscopeForm.baseFormEnabled"
+                    />
+                  </template>
+                </van-cell>
+              </div>
+            </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.tHouseApplyEnd.memberName" label="申请户主姓名" placeholder="申请户主姓名" input-align="right" label-width="auto"/>
+                  <van-field required readonly v-model="applicationDetail.tHouseApplyEnd.idcard" 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.tHouseApplyEnd.licenseKey" label="乡村建设规划许可证号" placeholder="乡村建设规划许可证号" input-align="right" label-width="auto"/>
+                  <van-field required readonly v-model="applicationDetail.tHouseApplyEnd.approvalNumber" label="农村宅基地批准书号" placeholder="农村宅基地批准书号" input-align="right" label-width="auto"/>
+                  <field-date-picker
+                    v-model="applicationDetail.tHouseApplyEnd.startDate"
+                    label="开工日期"
+                    placeholder="选择开工日期"
+                    :rules="[{ required: true }]"
+                    formatter="yyyy-MM-dd"
+                    required
+                    :readonly="true"
+                  />
+                  <field-date-picker
+                    v-model="applicationDetail.tHouseApplyEnd.endDate"
+                    label="竣工日期"
+                    placeholder="选择竣工日期"
+                    :rules="[{ required: true }]"
+                    formatter="yyyy-MM-dd"
+                    required
+                    :readonly="true"
+                  />
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.houseCertificateNo" label="权属证书号（不动产）" placeholder="权属证书号（不动产）" input-align="right" label-width="auto"/>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.landCertificateNo" label="权属证书号（宅基地）" placeholder="权属证书号（宅基地）" input-align="right" label-width="auto"/>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.buildingHight" label="批建高度" placeholder="建筑高度" input-align="right" label-width="auto" type="number"><template #right-icon>m</template></van-field>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.buildingFloors" label="批建层数" placeholder="批建层数" input-align="right" label-width="auto" type="digit"><template #right-icon>层</template></van-field>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.actualBuildingHight" label="竣工高度" placeholder="竣工高度" input-align="right" label-width="auto" type="number"><template #right-icon>m</template></van-field>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.actualBuildingFloors" label="竣工层数" placeholder="竣工层数" input-align="right" label-width="auto" type="digit"><template #right-icon>层</template></van-field>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right" type="number"><template #right-icon>㎡</template></van-field>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.buildingHouseArea" label="其中: 房屋建筑面积" placeholder="房屋建筑面积" input-align="right" label-width="auto" type="number"><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"><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.tHouseApplyEnd.oldHouseStatus"
+                    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"><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"/>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.fangjiArea" label="批准房基占地面积" placeholder="批准房基占地面积" input-align="right" label-width="auto" type="number"><template #right-icon>㎡</template></van-field>
+                  <van-field required :readonly="!formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.tHouseApplyEnd.actualFangjiArea" label="实际房基占地面积" placeholder="实际房基占地面积" input-align="right" label-width="auto" type="number"><template #right-icon>㎡</template></van-field>
+                  <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>
+
+            <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_house_apply_end"
+                                              @uploadFileChanged="(x) => {this.uploadImgAccepting.uploadFileList = x;}" @removeFileChanged="(x) => {this.uploadImgAccepting.removeFileList = x;}"
+                    />
+                    <van-field required :readonly="!formEnabled.acceptingForm.townFormEnabled" v-model="applicationDetail.tHouseApplyEnd.cartographer"  placeholder="经办人" label="经办人" input-align="left"/>
+                  </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">
+                    <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>
+
+              <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.townFormEnabled" rows="2" v-model="applicationDetail.tHouseApplyEnd.nongyeOption" :autosize="true" type="textarea" placeholder="乡镇农业农村部门意见"/>
+                  </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/>部门<br/>意见</van-col>
+                  <van-col span="19">
+                    <van-field required :readonly="!formEnabled.acceptingForm.townFormEnabled" rows="2" v-model="applicationDetail.tHouseApplyEnd.natureOption" :autosize="true" type="textarea" placeholder="乡镇自然资源部门意见"/>
+                  </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.tHouseApplyEnd.buildingOption" :autosize="true" type="textarea" placeholder="乡镇住建部门意见"/>
+                  </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.tHouseApplyEnd.zhenOption" :autosize="true" type="textarea" placeholder="乡镇政府验收意见"/>
+                  </van-col>
+                </van-row>
+              </div>
+
+              <van-field rows="3" :autosize="true" type="textarea" readonly label="备注" label-width="auto"  placeholder="备注" :readonly="!formEnabled.acceptingForm.townFormEnabled" v-model="applicationDetail.tHouseApplyEnd.remark" 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="primary" text="保存"  @click="onSubmit('add')" :disabled="!formEnabled.baseApplyEnabled" v-if="formEnabled.baseApplyEnabled"/>
+          <van-goods-action-button type="primary" :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="primary" text="提交开工"  @click="onSubmit('start_and_submit')"/>
+        </template>
+        <template v-else-if="formEnabled.acceptingEnabled">
+          <van-goods-action-button type="primary" text="提交验收"  @click="onSubmit('end')"/>
+        </template>
+        <template v-else-if="formVisible.auditVisible">
+          <van-goods-action-button type="primary" 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">
+              <house-apply-upload-comp
+                :business-type="houseApplyUploadComp.businessType"
+                :house-apply-status="houseApplyUploadComp.houseApplyStatus"
+                :process-key="houseApplyUploadComp.processKey"
+                :proposer-id="houseApplyUploadComp.proposerId"
+                :table-name="houseApplyUploadComp.tableName"
+                :readonly="houseApplyUploadComp.readonly"
+                :full="houseApplyUploadComp.full"
+                @uploadFinished="onUploadFinished"
+              >
+              </house-apply-upload-comp>
+            </van-tab>
+            <van-tab title="开工" key="1" :disabled="active < 1">
+              <house-apply-upload-comp
+                :business-type="houseApplyUploadCompStart.businessType"
+                :house-apply-status="houseApplyUploadCompStart.houseApplyStatus"
+                :process-key="houseApplyUploadCompStart.processKey"
+                :proposer-id="houseApplyUploadCompStart.proposerId"
+                :table-name="houseApplyUploadCompStart.tableName"
+                :readonly="houseApplyUploadCompStart.readonly"
+                :full="houseApplyUploadCompStart.full"
+              >
+              </house-apply-upload-comp>
+            </van-tab>
+            <van-tab title="验收" key="2" :disabled="active < 2">
+              <house-apply-upload-comp
+                :business-type="houseApplyUploadCompEnd.businessType"
+                :house-apply-status="houseApplyUploadCompEnd.houseApplyStatus"
+                :process-key="houseApplyUploadCompEnd.processKey"
+                :proposer-id="houseApplyUploadCompEnd.proposerId"
+                :table-name="houseApplyUploadCompEnd.tableName"
+                :readonly="houseApplyUploadCompEnd.readonly"
+                :full="houseApplyUploadCompEnd.full"
+              >
+              </house-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>
+    </div>
+</template>
+
+<script>
+import HouseApplyUploadComp from "@/components/house/HouseApplyUploadComp";
+import HouseLocationPlanComp from "@/components/house/HouseLocationPlanComp";
+
+import FieldSelect from "@/components/form/FieldSelect";
+  import { getQueryLand, saveHouseBaseInfo , houseList , getHouseMembers , allInformationWLHT, checkDuplicateBuilding, checkDuplicateBuildingQuery, customSubmitWLHT, submitStartWLHT, updateStart, updateEnd, submitEndWLHT, getWorkflow } from "@/api/onlineHome/homestead/application";
+  import $ from "jquery";
+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} from "vant";
+// 意图
+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 = 'baseApplyWLHT';
+const PROPOSER_STAGE_START_ACTIVITY = 'landscopeWLHT';
+const PROPOSER_STAGE_END_ACTIVITY = 'acceptingWLHT';
+// 附件表名
+const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_house_apply_proposer';
+const PROPOSER_STAGE_START_TABLE = 't_house_apply_start';
+const PROPOSER_STAGE_END_TABLE = 't_house_apply_end';
+// 其他
+const PROPOSER_MODULE = 'house';
+
+export default {
+  name: "applicationForm",
+    components: {
+      FieldCheckbox,
+      FieldRadio, HouseApplyUploadComp, FieldDatePicker, CommonMap, FieldSelect, HouseLocationPlanComp},
+    data() {
+    return {
+      // 当前流程步骤
+      active: 0,
+      // 申请ID
+      id: '',
+      // 表单数据
+      applicationDetail: {},
+      // 当前家庭成员展开
+      activeNames:['1'],
+      // 当前显示流程
+      selectedTabName: 0,
+      processKeyField: null,
+      // 表单意图
+      proposerStatus: PROPOSER_VIEW,
+      // 显示控制
+      formVisible: {
+        baseApplyFormVisible: true,
+        editVisible: false,
+        baseApplyForm: {
+          baseFormVisible: true,
+          homesteadFormVisible: false,
+          groupFormVisible: false,
+          villageFormVisible: false,
+          townFormVisible: false,
+          homesteadForm: {
+            keepVisible: false, // 是否显示宅基地保留输入
+            otherVisible: false, // 是否显示宅基地其他输入
+          }
+        },
+        landscopeVisible: false,
+        landscopeForm: {
+          baseFormVisible: false,
+        },
+        acceptingVisible: false,
+        acceptingForm: {
+          baseFormVisible: false,
+          townFormVisible: false,
+        },
+        auditVisible: false,
+      },
+      // 表单启用控制
+      formEnabled: {
+        baseApplyEnabled: false,
+        submitEnabled: false,
+        baseApplyForm: {
+          baseFormEnabled: false,
+          homesteadFormEnabled: false,
+          groupFormEnabled: false,
+          villageFormEnabled: false,
+          townFormEnabled: false,
+        },
+        landscopeEnabled: false,
+        landscopeForm: {
+          baseFormEnabled: false,
+        },
+        acceptingEnabled: false,
+        acceptingForm: {
+          baseFormEnabled: false,
+          townFormEnabled: 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: "经审查，{memberName}宅基地和建房申请材料真实有效，拟用地{location}符合村庄规划，相邻人{isAdvice}无异议，同意其宅基地和建房申请。",
+        // applicationDetail.tHouseApplyProposer.memberName, applicationDetail.tHouseApplyProposedSituation.location, null
+        groupOption: "经讨论和公示无异议，{memberName}符合农村宅基地申请资格，同意{memberName}的农村宅基地和建房申请。",
+        // applicationDetail.tHouseApplyProposer.memberName, applicationDetail.tHouseApplyProposer.memberName
+      },
+      // 工作流
+      taskId: null,
+      instanceId: null,
+      // 申请镇政府审批平面图
+      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'},
+      ],
+      // 当前附件tab
+      attachmentActive: 0,
+      // 家庭成员tab
+      familyMembersActive: '0',
+    };
+  },
+  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;
+    this.getFormIntent();
+    this.getLandCoord();
+    this.getDetail();
+  },
+  methods: {
+    // 打开工作流程
+    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);
+        });
+      }
+      else
+      {
+        this.init();
+        this.getApplyerDetail();
+      }
+    },
+    // 绘制申请地图
+    pointDarw(data) {
+      this.$nextTick(() => {
+        let map = this.$refs.pointDarwMap;
+        if(data === null)
+          data = this.applicationDetail.tHouseApplyProposedSituation.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.tHouseApplyProposedSituation.theGeom)
+              data = this.applicationDetail.tHouseApplyProposedSituation.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.tHouseApplyProposedSituation.theGeom)
+              data = this.applicationDetail.tHouseApplyProposedSituation.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) {
+      const role = this.$store.getters.roles;
+      this.currentUserRole = role[0];
+
+      // 局部变量
+      let houseApplyStatus = value ? value.tHouseApplyProposer.houseApplyStatus : -1;
+      let proposerId = value ? value.tHouseApplyProposer.id : null;
+      let hasGroupLevel = false; //value.tHouseApplyProposer.hasOwnProperty('hasGroupLevel') ? value.tHouseApplyProposer.hasGroupLevel : this.isGroupLevel;
+
+      // 默认状态
+      this.formVisible.baseApplyForm.homesteadFormVisible = value ? value.tHouseApplyProposer.existHomestead ==='Y' : false;
+
+      this.formVisible.editVisible = false;
+
+      this.formVisible.baseApplyForm.groupFormVisible = false;
+      this.formVisible.baseApplyForm.villageFormVisible = false;
+      this.formVisible.baseApplyForm.townFormVisible = 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.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.landscopeEnabled = false;
+      this.formEnabled.landscopeForm.baseFormEnabled = false;
+
+      this.formEnabled.acceptingEnabled = false;
+      this.formEnabled.acceptingForm.baseFormEnabled = false;
+      this.formEnabled.acceptingForm.townFormEnabled = false;
+
+      switch (this.proposerStatus) {
+        // 查看
+        case PROPOSER_VIEW:
+          this.formVisible.baseApplyForm.groupFormVisible = hasGroupLevel && this.isNotProposeStatus(houseApplyStatus, ["1", '32']);
+          this.formVisible.baseApplyForm.villageFormVisible = this.isNotProposeStatus(houseApplyStatus, ["1", "32", "2", "3", "31"]);
+          this.formVisible.baseApplyForm.townFormVisible = this.isNotProposeStatus(houseApplyStatus, ["1", "32", "2", "3", "31", '4', '5', '8']);
+
+          this.formVisible.landscopeVisible = this.isNotProposeStatus(houseApplyStatus, ["1", "32", "2", "3", "31", '4', '5', '6', '7', '8', '9', '10']);
+          this.formVisible.landscopeForm.baseFormVisible = this.isNotProposeStatus(houseApplyStatus, ["1", "32", "2", "3", "31", '4', '5', '6', '7', '8', '9', '10']);
+
+          this.formVisible.acceptingVisible = this.isProposeStatus(houseApplyStatus, ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"]);
+          this.formVisible.acceptingForm.baseFormVisible = this.isProposeStatus(houseApplyStatus, ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"]);
+          this.formVisible.acceptingForm.townFormVisible = this.isProposeStatus(houseApplyStatus, [/*"29", */"26"]);
+
+          this.formEnabled.submitEnabled = this.isProposeStatus(houseApplyStatus, ["1"]);
+          this.formVisible.editVisible = this.formEnabled.submitEnabled;
+
+          this.houseApplyUploadComp.full = true;
+          this.houseApplyUploadComp.readonly = true;
+          this.houseApplyUploadComp.proposerId = proposerId;
+          this.houseApplyUploadComp.houseApplyStatus = houseApplyStatus;
+          this.houseApplyUploadCompStart.full = true;
+          this.houseApplyUploadCompStart.readonly = true;
+          this.houseApplyUploadCompStart.proposerId = proposerId;
+          this.houseApplyUploadCompStart.houseApplyStatus = houseApplyStatus; // == '10' ? '12' : houseApplyStatus;
+          this.houseApplyUploadCompEnd.full = true;
+          this.houseApplyUploadCompEnd.readonly = true;
+          this.houseApplyUploadCompEnd.proposerId = proposerId;
+          this.houseApplyUploadCompEnd.houseApplyStatus = houseApplyStatus;
+
+          // 初始化申请平面图
+          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);
+          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(houseApplyStatus, ["32"]))
+            {
+              let defaultGroupOption = this.form.groupOption
+                .replaceAll('{memberName}', this.applicationDetail.tHouseApplyProposer.memberName)
+              ;
+              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(houseApplyStatus, ["1"]))
+          {
+            this.formEnabled.baseApplyForm.baseFormEnabled = true;
+            this.formEnabled.baseApplyEnabled = true;
+            this.formEnabled.submitEnabled = true;
+            this.formVisible.editVisible = true;
+          }
+          // 申请-村级审批
+          else if(this.isProposeStatus(houseApplyStatus, ["31"]))
+          {
+            let neighbor = [];
+            if(this.applicationDetail.tHouseApplyProposedSituation.east) neighbor.push(this.applicationDetail.tHouseApplyProposedSituation.east);
+            if(this.applicationDetail.tHouseApplyProposedSituation.west) neighbor.push(this.applicationDetail.tHouseApplyProposedSituation.west);
+            if(this.applicationDetail.tHouseApplyProposedSituation.south) neighbor.push(this.applicationDetail.tHouseApplyProposedSituation.south);
+            if(this.applicationDetail.tHouseApplyProposedSituation.north) neighbor.push(this.applicationDetail.tHouseApplyProposedSituation.north);
+            neighbor = neighbor.join('、');
+            let defaultVillageOption = this.form.villageOption
+              .replaceAll('{memberName}', this.applicationDetail.tHouseApplyProposer.memberName)
+              .replaceAll('{location}', this.applicationDetail.tHouseApplyProposedSituation.location)
+              .replaceAll('{isAdvice}', neighbor)
+            ; // this.form.villagerOpinion
+            if(!value.tHouseApproveVillageOptions) {
+              this.$set(this.applicationDetail, 'tHouseApproveVillageOptions', {
+                villageLeader: handlerName,
+                villageOption: defaultVillageOption,
+                villageTime: handlerTime,
+              });
+            }
+            else {
+              if(!this.applicationDetail.tHouseApproveVillageOptions.villageLeader)
+                this.$set(this.applicationDetail.tHouseApproveVillageOptions, 'villageLeader', handlerName);
+              if(!this.applicationDetail.tHouseApproveVillageOptions.villageTime)
+                this.$set(this.applicationDetail.tHouseApproveVillageOptions, 'villageTime', handlerTime);
+              if(!this.applicationDetail.tHouseApproveVillageOptions.villageOption)
+                this.$set(this.applicationDetail.tHouseApproveVillageOptions, 'villageOption', defaultVillageOption);
+            }
+          }
+          // 申请-镇级审批
+          else if(this.isProposeStatus(houseApplyStatus, ["8"]))
+          {
+            // 自然资源部门
+            if(!value.tHouseApproveNatureOptions)
+            {
+              this.$set(this.applicationDetail, "tHouseApproveNatureOptions", {
+                landArea: "",
+                rightsType: "",
+                east: "", // 东至
+                west: "", // 西至
+                south: "", // 南至
+                north: "", // 北至
+                approveLeader: handlerName,
+                approveOption: "",
+                approveTime: handlerTime,
+                //theGeom: value.tHouseApplyProposedSituation.theGeom,
+              });
+            }
+            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: "",
+                isOnehouse: "",
+                isReviewmaterials: "",
+                approveLeader: handlerName,
+                approveOption: "",
+                approveTime: handlerTime,
+              });
+            }
+            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: "",
+                buildingArea: "",
+                buildingFloors: "",
+                buildingHight: "",
+                buildingLandArea: "",
+                designPaper: "1",
+                east: "", // 东至
+                west: "", // 西至
+                south: "", // 南至
+                north: "", // 北至
+                approveLeader: handlerName,
+                approveOption: "",
+                approveTime: handlerTime,
+              });
+            }
+            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,
+                approveTime: handlerTime,
+              });
+            }
+            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: '',
+                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);
+            }
+          }
+
+          // 开工申请
+          else if(this.isProposeStatus(houseApplyStatus, ["10"]))
+          {
+            if(!this.applicationDetail.tHouseApplyStart)
+            {
+              this.$set(this.applicationDetail, 'tHouseApplyStart', {
+                startDate: '',
+                endDate: '',
+              });
+            }
+          }
+          // 验收
+          else if(this.isProposeStatus(houseApplyStatus, ["20"]))
+          {
+            if(!this.applicationDetail.tHouseApplyEnd)
+            {
+              this.$set(this.applicationDetail, 'tHouseApplyEnd', {
+                //TODO: 开工结束时后台必定生成
+              });
+            }
+          }
+          // 验收镇级审批
+          else if(this.isProposeStatus(houseApplyStatus, ["29"]))
+          {
+            if(!this.applicationDetail.tHouseApplyEnd.cartographer) this.applicationDetail.tHouseApplyEnd.cartographer = handlerName;
+            if(!this.applicationDetail.tHouseApplyEnd.zhenName) this.applicationDetail.tHouseApplyEnd.zhenName = handlerName;
+            if(!this.applicationDetail.tHouseApplyEnd.zhenTime) this.applicationDetail.tHouseApplyEnd.zhenTime = handlerTime;
+            if(!this.applicationDetail.tHouseApplyEnd.nongyeName) this.applicationDetail.tHouseApplyEnd.nongyeName = handlerName;
+            if(!this.applicationDetail.tHouseApplyEnd.nongyeTime) this.applicationDetail.tHouseApplyEnd.nongyeTime = handlerTime;
+            if(!this.applicationDetail.tHouseApplyEnd.natureName) this.applicationDetail.tHouseApplyEnd.natureName = handlerName;
+            if(!this.applicationDetail.tHouseApplyEnd.natureTime) this.applicationDetail.tHouseApplyEnd.natureTime = handlerTime;
+            if(!this.applicationDetail.tHouseApplyEnd.buildingName) this.applicationDetail.tHouseApplyEnd.buildingName = handlerName;
+            if(!this.applicationDetail.tHouseApplyEnd.buildingTime) this.applicationDetail.tHouseApplyEnd.buildingTime = handlerTime;
+            if(!this.applicationDetail.tHouseApplyEnd.isProjectFinished) this.applicationDetail.tHouseApplyEnd.isProjectFinished = 'Y';
+            if(!this.applicationDetail.tHouseApplyEnd.isQualifiedQuality) this.applicationDetail.tHouseApplyEnd.isQualifiedQuality = 'Y';
+            if(!this.applicationDetail.tHouseApplyEnd.hasBuildingRecord) this.applicationDetail.tHouseApplyEnd.hasBuildingRecord = 'Y';
+            if(!this.applicationDetail.tHouseApplyEnd.isSignWarranty) this.applicationDetail.tHouseApplyEnd.isSignWarranty = 'Y';
+            if(!this.applicationDetail.tHouseApplyEnd.isHandleProblem) this.applicationDetail.tHouseApplyEnd.isHandleProblem = 'Y';
+            if(!this.applicationDetail.tHouseApplyEnd.isDesignPaperSame) this.applicationDetail.tHouseApplyEnd.isDesignPaperSame = 'Y';
+            if(!this.applicationDetail.tHouseApplyEnd.isOtherAcceptanceFinished) this.applicationDetail.tHouseApplyEnd.isOtherAcceptanceFinished = 'Y';
+          }
+
+          this.formVisible.baseApplyForm.groupFormVisible = hasGroupLevel && this.isNotProposeStatus(houseApplyStatus, ["1"]);
+          this.formVisible.baseApplyForm.villageFormVisible = this.isNotProposeStatus(houseApplyStatus, ["1", "32", "2", "3"]);
+          this.formVisible.baseApplyForm.townFormVisible = this.isNotProposeStatus(houseApplyStatus, ["1", "32", "2", "3", "31", '4', '5']);
+
+          this.formVisible.landscopeVisible = this.isNotProposeStatus(houseApplyStatus, ["1", "32", "2", "3", "31", '4', '5', '6', '7', '8', '9']);
+          this.formVisible.landscopeForm.baseFormVisible = this.isNotProposeStatus(houseApplyStatus, ["1", "32", "2", "3", "31", '4', '5', '6', '7', '8', '9']);
+
+          this.formVisible.acceptingVisible = this.isProposeStatus(houseApplyStatus, ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"]);
+          this.formVisible.acceptingForm.baseFormVisible = this.isProposeStatus(houseApplyStatus, ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"]);
+          this.formVisible.acceptingForm.townFormVisible = this.isProposeStatus(houseApplyStatus, ["29", "26"]);
+
+          this.formEnabled.baseApplyForm.groupFormEnabled = hasGroupLevel && this.isProposeStatus(houseApplyStatus, ['32']) && this.isInRoles(role, 'village_group_leader');
+          this.formEnabled.baseApplyForm.villageFormEnabled = this.isProposeStatus(houseApplyStatus, ["31"]) && this.isInRoles(role, 'village_leader');
+          this.formEnabled.baseApplyForm.townFormEnabled = this.isProposeStatus(houseApplyStatus, ['8']) && this.isInRoles(role, 'town_leader');
+
+          this.formEnabled.landscopeEnabled = this.isProposeStatus(houseApplyStatus, ['10', '12']);
+          this.formEnabled.landscopeForm.baseFormEnabled = this.isProposeStatus(houseApplyStatus, ['10', '12']);
+
+          this.formEnabled.acceptingEnabled = this.isProposeStatus(houseApplyStatus, ['20']);
+          this.formEnabled.acceptingForm.baseFormEnabled = this.isProposeStatus(houseApplyStatus, ['20']);
+          this.formEnabled.acceptingForm.townFormEnabled = this.isProposeStatus(houseApplyStatus, ["29"]) && this.isInRoles(role, 'town_leader');
+
+          this.applicationDetail.tHouseApplyProposer = value.tHouseApplyProposer;
+          this.applicationDetail.tHouseApplyCurrentSituation = value.tHouseApplyCurrentSituation;
+          this.applicationDetail.tHouseApplyProposedSituation = value.tHouseApplyProposedSituation;
+          //this.formEnabled.landscopeEnabled = value.startDraft;
+
+          if (this.isLandscope()) {
+            this.houseApplyUploadComp.full = true;
+            this.houseApplyUploadCompStart.full = false;
+            this.houseApplyUploadCompEnd.full = false;
+            this.houseApplyUploadComp.readonly = true;
+            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 = houseApplyStatus == '10' ? false : true;
+            this.houseApplyUploadCompEnd.readonly = true;
+          }
+
+          this.houseApplyUploadComp.proposerId = proposerId;
+          this.houseApplyUploadComp.houseApplyStatus = houseApplyStatus;
+          this.houseApplyUploadCompStart.proposerId = proposerId;
+          this.houseApplyUploadCompStart.houseApplyStatus = houseApplyStatus == '10' ? '12' : houseApplyStatus; // 申请通过是10 被驳回是12
+          this.houseApplyUploadCompEnd.proposerId = proposerId;
+          this.houseApplyUploadCompEnd.houseApplyStatus = houseApplyStatus;
+
+          // 初始化申请平面图
+          this.applicationDetail.tHouseApproveLocationplanOptions = value.tHouseApproveLocationplanOptions;
+          this.uploadImg.fileList = value.tHouseApproveLocationplanOptions ? value.tHouseApproveLocationplanOptions.locationPlan : '';
+          this.uploadImg.proposerId = this.applicationDetail.tHouseApplyProposer.id;
+
+          this.uploadImgAccepting.fileList = value.tHouseApplyEnd ? value.tHouseApplyEnd.locationPlan : '';
+          this.uploadImgAccepting.proposerId = this.applicationDetail.tHouseApplyProposer.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.houseApplyStatus = '1';
+          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.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;
+        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 && houseApplyStatus == '10')
+        {
+          this.active = PROPOSER_STAGE_START;
+          this.selectedTabName = PROPOSER_STAGE_START;
+          this.attachmentActive = PROPOSER_STAGE_START;
+        }
+
+        this.processKeyField = PROPOSER_STAGE_BASE_APPLY_ACTIVITY;
+      }
+    },
+    // 获取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.$set(this.applicationDetail, 'tHouseApplyProposer', {
+        memberName: "",
+        sex: "",
+        age: "" /* 年龄*/,
+        phone: "",
+        idcard: "",
+        householdRegister: "",
+        familyAddress: "",
+        members: 0, // 家庭人口数
+        applyTime: this.getDate(),
+        applyReasion: "",
+        houseSource: "建房申请来源{农户自制,协管代办}", // 字典
+        houseApplyStatus: "", // 字典
+        auditStatus: "", // 字典
+        taskId: "",
+        taskName: "",
+        instanceId: "",
+        processKey: "",
+        existHomestead: "N",
+      });
+      this.$set(this.applicationDetail, "tHouseApplyCurrentSituation", {
+        landArea: "", //宅基地面积
+        landPerArea: "", //人均宅基地面积
+        landCertificateNo: "", //权属证书号
+        buildingPerArea: "", //人均建筑面积
+        houseCertificateNo: "", //权属证书号
+        landIsposal: "", // 现宅基地处置情况
+        reservedArea: "", // 保留m²
+        otherRemark: "", // 其他
+      });
+      this.$set(this.applicationDetail, "tHouseApplyFamilyMembers", []);
+      this.$set(this.applicationDetail, "tHouseApplyProposedSituation", {
+        location: "", // 拟建位置
+        landArea: "", // 宅基地面积
+        east: "", // 东至
+        west: "", // 西至
+        south: "", // 南至
+        north: "", // 北至
+        geographicType: "", // 地类
+        constructionLandArea: "", // 建设用地面积
+        unusedLandArea: "", // 未利用地面积
+        agriculturalLandArea: "", // 农用地面积
+        farmLandArea: "", //耕地面积
+        forestLandArea: "", // 林地面积
+        buildingArea: "", // 建筑面积
+        buildingFloors: "", // 建筑层数
+        buildingHight: "", // 建筑高度
+        designPaper: "1", // 设计图纸
+        housingStructure: "", // 房屋构造
+        isAdvice: "1", // 是否征求相邻权利人意见
+        buildingType: "4",
+        buildingLandArea:"", //房基占地面积
+        buildingDesign: "1",//是否有住房建设设计图
+        buildingAtlas: "1", //是否采用住建部门提供的图集
+        houseTypeId: null,
+      });
+      this.$set(this.applicationDetail, 'fileList', []);
+    },
+    //是否有宅基地选项改变
+    existHomesteadChange(name){
+      if (name == 'Y'){
+        if (!this.applicationDetail.tHouseApplyCurrentSituation){
+          //现宅基地情况
+          this.$set(this.applicationDetail, 'tHouseApplyCurrentSituation', {
+            //宅基地面积
+            landArea: '',
+            //人均宅基地面积
+            landPerArea: '',
+            //不动产单元号
+            landCertificateNo: '',
+            //农民房屋幢号
+            houseCertificateNo: '',
+            //建筑面积
+            buildingArea: '',
+            //人均建筑面积
+            buildingPerArea: '',
+            //现宅基地处置情况 字典 land_isposal
+            landIsposal: ""
+          });
+        }
+      }
+      else
+        this.$set(this.applicationDetail, 'tHouseApplyCurrentSituation', null);
+    },
+    //添加家庭成员
+    addFamily(){
+      this.applicationDetail.tHouseApplyFamilyMembers.push({
+        //applyProposerId: this.applicationDetail.tHouseApplyFamilyMembers[0].applyProposerId,
+        memberName:'',
+        age:'',
+        familyStatusName:'',
+        idcard :'',
+        householdRegister:'',
+      });
+    },
+    //删除家庭成员
+    deleteFamily(index){
+      this.applicationDetail.tHouseApplyFamilyMembers.splice(index,1)
+    },
+    // 获取户型配置
+    getHouseList() {
+      return houseList();
+    },
+    // 当地图绘制完成时
+    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);
+      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.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(){
+      getHouseMembers().then(res => {
+        if(res.data)
+        {
+          this.applicationDetail.tHouseApplyProposer = res.data.tHouseApplyProposer;
+          this.applicationDetail.tHouseApplyFamilyMembers = res.data.tHouseApplyFamilyMembers;
+          if(!this.applicationDetail.tHouseApplyProposer.existHomestead)
+            this.applicationDetail.tHouseApplyProposer.existHomestead = 'N';
+          this.applicationDetail.tHouseApplyProposer.applyTime = this.getDate();
+          this.getMemberCurrentSituation();
+        }
+      });
+    },
+    // 检查字符串, 不符合返回true
+    checkString(value, regexp) {
+      let res = value === undefined || value === null || value === '' || value.toString().trim().length === 0;
+      if(res)
+        return true;
+      if(regexp)
+        res = !regexp.test(value);
+      return res;
+    },
+    // 保存申请(是否提交)
+    saveProposerApply(submit) {
+      let msg = this.validateBaseApplyFormBase();
+      if(msg)
+      {
+        this.notify(msg, 'danger');
+        return;
+      }
+      //地图判断
+      if (this.drawInsert != null) {
+        this.applicationDetail.tHouseApplyProposedSituation.theGeom = JSON.stringify(this.drawInsert);
+      }
+      else
+      {
+        if(this.applicationDetail.tHouseApplyProposer.existHomestead === 'Y' && this.applicationDetail.tHouseApplyProposedSituation.theGeom) // 新增时 && 已有宅基地时 && 重新画过图且被清理掉
+        {
+          this.applicationDetail.tHouseApplyProposedSituation.theGeom = this.convertGeom(this.applicationDetail.tHouseApplyProposedSituation.theGeom);
+        }
+      }
+      if(this.checkString(this.applicationDetail.tHouseApplyProposedSituation.theGeom))
+      {
+        this.notify("请标注宅基地位置!", 'danger');
+        return;
+      }
+      console.log("进行保存", this.applicationDetail);
+      saveHouseBaseInfo(this.applicationDetail).then((response) => {
+        if(submit)
+          this.submitApplyProposer();
+        else
+        {
+          this.notify("保存成功", 'success');
+          this.$router.back(-1);
+        }
+      }).catch((e) => {
+        this.notify("保存失败!", 'danger');
+      }).finally(() => {
+      });
+    },
+    // 判断状态是否符合
+    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 ["1", "32", "2", "3", "31", "4", "5", "6", "7", "8", "9", "10"].indexOf(this.applicationDetail.tHouseApplyProposer.houseApplyStatus) !== -1;
+    },
+    // 是否当前是开工流程
+    isLandscope() {
+      return ["12", "13", "14", "15", "16", "17", "28", "19", "18"].indexOf(this.applicationDetail.tHouseApplyProposer.houseApplyStatus) !== -1;
+    },
+    // 是否当前是验收流程
+    isAccepting() {
+      return ["18", "20", "21", "22", "23", "24", "25", "30", "29", "26"].indexOf(this.applicationDetail.tHouseApplyProposer.houseApplyStatus) !== -1;
+    },
+    // 获取当前申请人的宅基地信息
+    getMemberCurrentSituation(item) {
+      let farmerCode = this.applicationDetail.tHouseApplyProposer.farmerCode;
+      checkDuplicateBuilding({farmerCode: farmerCode}).then(resp => {
+        if (resp.data) {
+          this.notify(resp.msg, 'danger');
+        } else {
+          checkDuplicateBuildingQuery({farmerCode: farmerCode}).then(resp => {
+            if(resp.data !=null && resp.data !=""){
+              this.applicationDetail.tHouseApplyProposer.existHomestead ="Y";
+              // 现宅基地及农房情况对象
+              this.applicationDetail.tHouseApplyCurrentSituation.landArea = resp.data.zdmj; //宅基地面积
+              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= ""; // 现宅基地处置情况
+              this.applicationDetail.tHouseApplyCurrentSituation.reservedArea= ""; // 保留m²
+              this.applicationDetail.tHouseApplyCurrentSituation.otherRemark= ""; // 其他
+              this.renderMapRegion(resp.data.theGeom);
+            } else {
+              this.applicationDetail.tHouseApplyProposer.existHomestead ="N";
+              // 现宅基地及农房情况对象
+              this.applicationDetail.tHouseApplyCurrentSituation.landArea = ""; //宅基地面积
+              this.applicationDetail.tHouseApplyCurrentSituation.landPerArea= ""; //人均宅基地面积
+              this.applicationDetail.tHouseApplyCurrentSituation.landCertificateNo= ""; //权属证书号
+              this.applicationDetail.tHouseApplyCurrentSituation.buildingPerArea= ""; //人均建筑面积
+              this.applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo= ""; //权属证书号
+              this.applicationDetail.tHouseApplyCurrentSituation.landIsposal= ""; // 现宅基地处置情况
+              this.applicationDetail.tHouseApplyCurrentSituation.reservedArea= ""; // 保留m²
+              this.applicationDetail.tHouseApplyCurrentSituation.otherRemark= ""; // 其他
+              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() {
+      customSubmitWLHT(this.id).then((resp) => {
+          this.notify("提交成功", 'success');
+          this.$router.back(-1);
+        }).catch((e) => {
+        this.notify("提交失败!", 'danger');
+      }).finally(() => {
+      });
+    },
+    // 判断角色是否符合
+    isInRoles(myRoles, requireRole) {
+      if(!Array.isArray(myRoles))
+        myRoles = myRoles.split(',');
+      return myRoles.indexOf(requireRole) !== -1;
+    },
+    // 转换地图数据用于提交后台
+    convertGeom(json) {
+      let data = JSON.parse(json);
+      if(data.hasOwnProperty('coordinates'))
+        return JSON.stringify(data.coordinates);
+      return null;
+    },
+    // 审批(同意/驳回)
+    auditProposer(pass) {
+      switch (this.processKeyField) {
+        case PROPOSER_STAGE_BASE_APPLY_ACTIVITY: {
+          let comment;
+          const role = this.$store.getters.roles[0];
+          console.log(role);
+          let msg = "";
+          switch (role) {
+            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.tHouseApproveTownOptions.approveOption;
+              //地图判断
+              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);
+                }
+              }
+              console.log(this.$refs.pictureUploadApplying, this.$refs.pictureUploadApplying.isValid());
+              if(this.$refs.pictureUploadApplying && this.$refs.pictureUploadApplying.isValid()) {
+                this.submitHouseApproveLocationplanOptions(pass, comment);
+                return;
+              }
+              break;
+            default:
+              comment = this.applicationDetail.tHouseApproveVillageOptions.villageOption;
+              break;
+          }
+          if (msg) {
+            this.notify(msg, 'danger');
+            break;
+          }
+
+          saveHouseBaseInfo(this.applicationDetail).then((response) => {
+            this.complete(pass, comment);
+          }).catch(resp => {
+            this.notify(msg, 'danger');
+            this.notify("保存失败!", 'danger');
+          });
+        }
+          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 "town_leader":
+              msg = this.validateAcceptingFormTown();
+              comment = this.applicationDetail.tHouseApplyEnd.zhenOption;
+              break;
+            default:
+              comment = '同意';
+              break;
+          }
+          if (msg) {
+            this.notify(msg, 'danger');
+            break;
+          }
+
+          if (this.$refs.pictureUploadAccepting && this.$refs.pictureUploadAccepting.isValid()) {
+            this.submitHouseApplyEndLocationplanOptions(pass);
+            return;
+          }
+
+          updateEnd(this.applicationDetail.tHouseApplyEnd).then((response) => {
+            this.complete(pass, comment);
+          }).catch(err => {
+            this.notify('保存失败', 'danger');
+          });
+        }
+          break;
+        default:
+          break;
+      }
+    },
+    // 带平面图附件上传的镇级申请审批
+    submitHouseApproveLocationplanOptions(pass, commentText) {
+      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);
+          saveHouseBaseInfo(this.applicationDetail).then((response) => {
+            this.complete(pass, commentText);
+          }).catch(resp => {
+            this.notify("保存失败!", 'danger');
+          });
+        }).catch((x) => {
+        this.notify("上传宅基地坐落平面位置图失败!", 'danger');
+      });
+    },
+    // 带平面图附件上传的镇级验收审批
+    submitHouseApplyEndLocationplanOptions(pass, commentText) {
+      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);
+
+          updateEnd(this.applicationDetail.tHouseApplyEnd).then((response) => {
+            this.complete(pass, commentText);
+          }).catch(err => {
+            this.notify("保存失败!", 'danger');
+          });
+        }).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.$router.back(-1);
+      }).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) {
+      let msg = this.validateStartFormBase();
+      if (msg) {
+        this.notify(msg, 'danger');
+        return;
+      }
+      updateStart({
+        id: this.applicationDetail.tHouseApplyStart.id,
+        startDate: this.applicationDetail.tHouseApplyStart.startDate,
+        endDate: this.applicationDetail.tHouseApplyStart.endDate,
+      }).then(resp => {
+        if(submit)
+        {
+          submitStartWLHT(this.applicationDetail.tHouseApplyStart.id).then(resp => {
+            this.notify("操作成功", 'success');
+            this.$router.back(-1);
+          }).catch((e) => {
+            this.notify("操作失败!", 'danger');
+          });
+        }
+        else
+        {
+          this.notify("保存成功", 'success');
+          this.$router.back(-1);
+        }
+      }).catch((e) => {
+        this.notify('保存失败', 'danger');
+      });
+    },
+    // 保存验收(是否提交)
+    endProposerApply(submit) {
+      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);
+        }
+      }
+      updateEnd(this.applicationDetail.tHouseApplyEnd).then(resp => {
+        if(submit)
+        {
+          submitEndWLHT(this.applicationDetail.tHouseApplyEnd.id).then(resp => {
+            this.notify("操作成功", 'success');
+            this.$router.back(-1);
+          }).catch(err => {
+            this.notify("操作失败!", 'danger');
+          });
+        }
+        else
+        {
+          this.notify("保存成功", 'success');
+          this.$router.back(-1);
+        }
+      }).catch(err => {
+        this.notify('保存失败', 'danger');
+      });
+    },
+    // 获取登录人位置坐标
+    getLandCoord(func) {
+      if (func
+        && this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== ''
+        && this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') {
+        this.$nextTick(() => {
+          func(this.tGeoOrganizationLng, this.tGeoOrganizationLat);
+        })
+      }
+      else {
+        let deptName = this.$store.state.user.deptName + "";
+        getQueryLand(deptName).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.applicationDetail.tHouseApplyProposer) return '请填写申请数据';
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.memberName)) {
+        return "申请户主姓名不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.sex)) {
+        return "户主性别不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.age)) {
+        return "户主年龄不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.phone)) {
+        return "联系电话不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.idcard)) {
+        return "身份证号不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.householdRegister)) {
+        return "户口所在地不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.familyAddress)) {
+        return "家庭住址不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.members)) {
+        return "家庭人口数不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.applyReasion)) {
+        return "申请理由不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposer.existHomestead)) {
+        return "是否已有宅基地不能为空";
+      }
+
+      for(let i in this.applicationDetail.tHouseApplyFamilyMembers)
+      {
+        let v = this.applicationDetail.tHouseApplyFamilyMembers[i];
+        if (this.checkString(v.memberName)) {
+          return "成员姓名不能为空";
+        }
+        if (this.checkString(v.age)) {
+          return "年龄不能为空";
+        }
+        if (this.checkString(v.familyStatusName)) {
+          return "与户主关系不能为空";
+        }
+        if (this.checkString(v.idcard)) {
+          return "家庭成员身份证不能为空";
+        }
+        if (this.checkString(v.householdRegister)) {
+          return "户口所在地不能为空";
+        }
+      }
+
+      if(this.applicationDetail.tHouseApplyProposer.existHomestead === 'Y')
+      {
+        if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.landArea)) {
+          return "宅基地面积不能为空";
+        }
+        if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.landPerArea)) {
+          return "人均宅基地面积不能为空";
+        }
+        if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.buildingArea)) {
+          return "建筑面积不能为空";
+        }
+        if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.buildingPerArea)) {
+          return "人均建筑面积不能为空";
+        }
+        if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.landIsposal)) {
+          return "处置情况不能为空";
+        }
+        if(this.applicationDetail.tHouseApplyCurrentSituation.landIsposal == '1')
+        {
+          if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.reservedArea)) {
+            return "保留面积不能为空";
+          }
+        }
+        else if(this.applicationDetail.tHouseApplyCurrentSituation.landIsposal == '3')
+        {
+          if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.otherRemark)) {
+            return "处置情况不能为空";
+          }
+        }
+        if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.landCertificateNo)) {
+          return "宅基地证书号不能为空";
+        }
+        if (this.checkString(this.applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo)) {
+          return "不动产单元号不能为空";
+        }
+      }
+
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.landArea)) {
+        return "拟建宅基地面积不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.buildingLandArea)) {
+        return "房基占地面积不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.location)) {
+        return "拟建位置不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.east)) {
+        return "东至不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.west)) {
+        return "西至不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.south)) {
+        return "南至不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.north)) {
+        return "北至不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.buildingArea)) {
+        return "住房建筑面积不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.buildingFloors)) {
+        return "建筑层数不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.buildingHight)) {
+        return "建筑高度不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.housingStructure)) {
+        return "土地类型不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.isAdvice)) {
+        return "征求相邻权利人意见不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.buildingType)) {
+        return "建房类型不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyProposedSituation.geographicType)) {
+        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 "房屋户型不能为空";
+        }
+      }
+
+      return 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.tHouseApproveNatureOptions.approveOption)) {
+        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.tHouseApproveAgricultureOptions.approveOption)) {
+        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.tHouseApproveOtherOptions.approveOption)) {
+        return "说明不能为空";
+      }
+      return false;
+    },
+    validateTownForm() {
+      if (this.checkString(this.applicationDetail.tHouseApproveTownOptions.approveOption)) {
+        return "镇政府审批意见不能为空";
+      }
+      return false;
+    },
+    validateAcceptingFormBase() {
+      if(!this.applicationDetail.tHouseApplyEnd) return '请填写验收数据';
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.location)) {
+        return "用地建房位置不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.startDate)) {
+        return "开工日期不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.endDate)) {
+        return "竣工日期不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.actualBuildingHight)) {
+        return "竣工高度不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.actualBuildingFloors)) {
+        return "竣工层数不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingArea)) {
+        return "建筑面积不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.designPaper)) {
+        return "建筑风貌不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.oldHouseStatus)) {
+        return "旧宅基地退还情况不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingArea)) {
+        return "建筑面积不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.houseCertificateNo)) {
+        return "权属证书号（不动产）不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.landCertificateNo)) {
+        return "权属证书号（宅基地）不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.isEnjoySubsidy)) {
+        return "是否享受住房建设补助政策不能为空";
+      }
+      if (this.applicationDetail.tHouseApplyEnd.isEnjoySubsidy === 'Y' && this.checkString(this.applicationDetail.tHouseApplyEnd.enjoySubsidyContent)) {
+        return "享受住房建设补助政策不能为空";
+      }
+
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.houseCost)) {
+        return "住房造价不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingHouseArea)) {
+        return "房屋建筑面积不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingOtherArea)) {
+        return "配套附属设施建筑面积不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.facadeColor)) {
+        return "外立面颜色不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.fangjiArea)) {
+        return "批准房基占地面积不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.actualFangjiArea)) {
+        return "实际房基占地面积不能为空";
+      }
+      return false;
+    },
+    validateAcceptingFormTown(pass) {
+      if(!this.applicationDetail.tHouseApplyEnd) return '请填写验收数据';
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.cartographer)) {
+        return "竣工平面简图经办人不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.nongyeOption)) {
+        return "乡镇农业农村部门意见不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.nongyeName)) {
+        return "乡镇农业农村部门经办人不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.nongyeTime)) {
+        return "乡镇农业农村部门经办时间不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.natureOption)) {
+        return "乡镇自然资源部门意见不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.natureName)) {
+        return "乡镇自然资源部门经办人不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.natureTime)) {
+        return "乡镇自然资源部门经办时间不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingOption)) {
+        return "乡镇住建部门意见不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingName)) {
+        return "乡镇住建部门验收负责人不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.buildingTime)) {
+        return "乡镇住建部门验收时间不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.zhenOption)) {
+        return "乡镇政府验收意见不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.zhenName)) {
+        return "乡镇政府验收负责人不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyEnd.zhenTime)) {
+        return "乡镇政府验收时间不能为空";
+      }
+
+      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(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;
+    },
+    validateStartFormBase() {
+      if (!this.applicationDetail.tHouseApplyStart) return '请填写开工数据';
+      if (this.checkString(this.applicationDetail.tHouseApplyStart.startDate)) {
+        return "计划开工时间不能为空";
+      }
+      if (this.checkString(this.applicationDetail.tHouseApplyStart.endDate)) {
+        return "计划竣工时间不能为空";
+      }
+      return false;
+    },
+  },
+  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;
+  }
+</style>
diff --git a/src/views/onlineHome/mailList.vue b/src/views/onlineHome/mailList.vue
index 5d214aa0..755b9c52 100644
--- a/src/views/onlineHome/mailList.vue
+++ b/src/views/onlineHome/mailList.vue
@@ -7,7 +7,7 @@
     />
     <van-row style="margin-top: 20px">
       <van-col span="16" :offset="2">
-        <h3>张村村民联系方式</h3>
+        <h3>{{this.$store.state.user.deptName}}村民联系方式</h3>
       </van-col>
     </van-row>
     <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
diff --git a/src/views/onlineHome/my.vue b/src/views/onlineHome/my.vue
index 699eddfe..9904fa26 100644
--- a/src/views/onlineHome/my.vue
+++ b/src/views/onlineHome/my.vue
@@ -119,7 +119,7 @@
           this.nickName = response.user.nickName
           this.deptName = response.user.dept.deptName
           this.userId = response.user.userId
-          this.avatar = location.protocol+"//"+location.host+request.defaults.baseURL+response.user.avatar
+          this.avatar = this.$store.getters.baseRoutingUrl + response.user.avatar
         });
       },
       methods: {
diff --git a/src/views/onlineHome/workbench.vue b/src/views/onlineHome/workbench.vue
index 88eb7e46..f9b21a98 100644
--- a/src/views/onlineHome/workbench.vue
+++ b/src/views/onlineHome/workbench.vue
@@ -7,7 +7,7 @@
         <template #left>
             <van-icon name="location" color="3A80FB" size="16"/>
             <p  style="color: #878787;margin-left: 5px" @click="selectDept">{{deptName}}</p>
-          <van-popup v-model="villageVisbile" round position="bottom">
+          <van-popup v-model="villageVisbile" round position="bottom" style="bottom: 2rem;">
             <van-cascader
               v-model="villageValue"
               title="请选择所在村"
@@ -207,7 +207,7 @@
       <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
           <template #title>
-            <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权交易管理</p>
+            <p style="font-weight: bold;font-size: 18px;display: inline-block">宅基地信息平台</p>
           </template>
         </van-cell>
         <van-grid :border="false">
@@ -217,15 +217,15 @@
             </div>
             <p style="margin-top: 5px;color: #666666;">宅基地申请</p>
           </van-grid-item>
-          <van-grid-item text="证书打印" >
+          <van-grid-item text="证书查看" :to="{name:'houseLicense'}">
             <div slot="default">
               <div class="icon" style="background:#7790FE;">
                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px" alt />
               </div>
             </div>
-            <p style="margin-top: 5px;color: #666666;">证书打印</p>
+            <p style="margin-top: 5px;color: #666666;">证书查看</p>
           </van-grid-item>
-          <van-grid-item text="公示查询" >
+          <van-grid-item text="公示查询" :to="{name:'houseAnnounce'}">
             <div slot="default">
               <div class="icon" style="background:#C5685F;">
                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px;" alt />
diff --git a/src/views/onlineHomeLogin.vue b/src/views/onlineHomeLogin.vue
index 9acafcc9..a2166a17 100644
--- a/src/views/onlineHomeLogin.vue
+++ b/src/views/onlineHomeLogin.vue
@@ -24,6 +24,7 @@
             center
             clearable
             label="验证码"
+            :rules="[{ required: true, }]"
             placeholder="图形验证码"
           >
             <template #button>
@@ -333,7 +334,7 @@ export default {
               message: '密码不能为空',
           });
           return false;
-        } else if (this.formData.code == "") {
+        } else if (!this.formData.code) {
           this.$dialog.alert({
               message: '图片验证码不能为空',
           });
@@ -341,7 +342,8 @@ export default {
         }
         this.$store
           .dispatch("Login", this.formData)
-          .then(() => {
+          .then((resp) => {
+            console.log(resp);
             this.$router.push({ path: "/onlineHome/workbench" }).catch(() => {});
           })
           .catch((error) => {