diff --git a/src/api/sunVillage_info/homestead/paidExit.js b/src/api/sunVillage_info/homestead/paidExit.js
new file mode 100644
index 00000000..a2ac7202
--- /dev/null
+++ b/src/api/sunVillage_info/homestead/paidExit.js
@@ -0,0 +1,98 @@
+import request from '@/utils/request'
+
+//查询列表
+export function getList(data){
+  return request({
+    url:'/home/mobile/zyyctcList',
+    method:'get',
+    params:data
+  })
+}
+
+//删除列表项
+export function removeList(id){
+  return request({
+    url:'/house/zyyctc/remove/'+id,
+    method:'get'
+  })
+}
+
+//宅基地流转详情
+export function getZyyctc(id){
+  return request({
+    url:'/home/mobile/getZyyctc/'+id,
+    method:'get'
+  })
+}
+
+//宅基地流转详情
+export function dyAdd(data){
+  return request({
+    url:'/home/mobile/zyyctcAdd',
+    method:'post',
+    data:data
+  })
+}
+// 条件查询使用权人列表
+export function selectHomesteadObligeeMapList(query) {
+  return request({
+    url: '/home/mobile/selectHomesteadObligeeMapList',
+    method: 'get',
+    params: query
+  })
+}
+//宅基地信息
+export function getByLyZjddm(data){
+  return request({
+    url:'/home/mobile/getByZjddm/'+ data,
+    method:'get',
+  })
+}
+
+// 查询农民房屋列表
+export function listHomesteadnmfw(query) {
+  return request({
+    url: '/home/mobile/nmfwList',
+    method: 'get',
+    params: query
+  })
+}
+
+//查询当前登录账号坐标
+export function getQueryLand(id) {
+  return request({
+    url: '/home/mobile/get/current/' + id,
+    method: 'get'
+  })
+}
+//宅基地流转保存
+export function zyyctcEdit(data){
+  return request({
+    url:'/home/mobile/editZyyctc',
+    method:'post',
+    data:data
+  })
+}
+
+//宅基地流转提交
+/*export function zyyctcApply(id){
+  return request({
+    url:'/house/zyyctc/submitApply/'+id,
+    method:'post',
+  })
+}*/
+export function zyyctcApply(id){
+  return request({
+    url:'/home/mobile/paidExitSubmitApply/'+id,
+    method:'post',
+  })
+}
+
+// 查询权利人列表
+export function getShyqrs(query) {
+  return request({
+    url: '/home/mobile/getShyqrs',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/components/Map/MapGisObtainTc.vue b/src/components/Map/MapGisObtainTc.vue
new file mode 100644
index 00000000..1f6c1f95
--- /dev/null
+++ b/src/components/Map/MapGisObtainTc.vue
@@ -0,0 +1,262 @@
+<template>
+  <div>
+    <p class="fuTitle">地块位置</p>
+    <div id="full-screen-acceptance" style="width: 100%;height:45vh;position:relative;">
+        <div :id=this.uuidMap style="width: 100%;height: 100%"></div>
+      </div>
+<!--    <div id="info" > <button type="button" @click="showHistoryDown">保 存</button></div>-->
+  </div>
+</template>
+
+<script>
+  import {selectHomesteadObligeeMapList,getQueryLand} from "@/api/sunVillage_info/homestead/paidExit";
+import $ from "jquery";
+
+export default {
+  components: {
+    getQueryLand
+  },
+  data() {
+    return {
+      uuidMap: this.guidProduct(),
+      map:this.guidProduct(),
+      showHistoryTable: false,
+      closeMoule: null,
+    };
+  },
+  props: ['theGeom','shqrxm',"landStatus","deptId"],
+  methods: {
+    //地图加载
+    guidProduct(){
+      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = Math.random() * 16 | 0,
+          v = c == 'x' ? r : (r & 0x3 | 0x8);
+        return v.toString(16);
+      });
+    },
+    //地图查看
+    drawingLyPaceCountryDarw() {
+      //加载地图编辑
+      var that = this;
+      console.info(this.shqrxm);
+      selectHomesteadObligeeMapList({shyqrdbxm:this.shqrxm,landStatus:this.landStatus,deptId:this.deptId}).then((response) => {
+        if (response.code == 200) {
+
+          document.getElementById(that.uuidMap).innerHTML = '';
+          var hc_land;
+          var projection = new ol.proj.Projection({
+            //地图投影类型
+            code: "EPSG:3857",
+            units: "degrees",
+            //extent:extent
+          });
+
+          var aerial = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              url: "http://t{0-7}.tianditu.com/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: "卫星影像图",
+            resolution:Math.random() * 0.00000001
+          });
+
+          var yingxzi = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
+            }),
+            isGroup: true,
+            name: "天地图文字标注--卫星影像图",
+            resolution:Math.random() * 0.00000001
+          });
+          //加载地图
+          that.map = new ol.Map({
+            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+            layers: [aerial, yingxzi],
+            projection: projection,
+            target: that.uuidMap,
+            view: new ol.View({
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              zoom: 15,
+              minZoom: 5, //地图缩小限制
+              maxZoom: 18.3, //地图放大限制
+            }),
+            interactions: ol.interaction.defaults({
+              pinchRotate: false // 移动端禁止地图旋转
+            }),
+            //view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新
+          });
+          if (response.data.length > 0) {
+            //setTimeout(() => {
+            for (var i = 0; response.data.length > i; i++) {
+              //图层查询定位开始 ---------start
+              console.log( response.data[i].zjdzdxx.theGeom);
+              hc_land = new ol.layer.Vector({
+                title: "add Layer",
+                source: new ol.source.Vector({
+                  projection: projection,
+                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                    "    \"type\": \"Feature\",\n" +
+                    "    \"geometry\":" + response.data[i].zjdzdxx.theGeom  + ",  " +
+                    "  \"properties\":" + JSON.stringify(response.data[i]) + "}"),
+                }),
+                resolution:Math.random() * 0.00000001,
+                style: new ol.style.Style({
+                  fill: new ol.style.Fill({
+                    //矢量图层填充颜色，以及透明度
+                    color: "rgba(204, 255, 204,0.3)",
+                  }),
+                  stroke: new ol.style.Stroke({
+                    //边界样式
+                    color: "#CCFF66",
+                    width: 3,
+                  }),
+                }),
+              });
+              that.map.addLayer(hc_land);
+              var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+              var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+              var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+              var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+              //定位查询位置
+              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+              that.map.getView().animate({
+                // 只设置需要的属性即可
+                center: center, // 中心点
+                zoom: 16.9, // 缩放级别
+                rotation: undefined, // 缩放完成view视图旋转弧度
+                duration: 1000, // 缩放持续时间，默认不需要设置
+                resolution:Math.random() * 0.00000001,
+              });
+            }
+          } else {  // 加载全部地图，不带宅基地图斑
+            let deptId = this.deptId;
+            getQueryLand(deptId).then((response) => {
+              if (response.code == 200) {
+                let InsertCode = response.data;
+                if (InsertCode != null) {
+                  let lat = InsertCode.lat;
+                  let lng = InsertCode.lng;
+                  let center;
+                  if(lat !=null && lng !=null && lat !="" && lng !=""){
+                    center = [lng,lat];
+                  }else {
+                    center = [115.452752, 31.789033];
+                  }
+                  that.map.getView().animate({
+                    // 只设置需要的属性即可
+                    center: ol.proj.fromLonLat(center), // 中心点
+                    zoom: 17.9, // 缩放级别
+                    rotation: undefined, // 缩放完成view视图旋转弧度
+                    duration: 1000, // 缩放持续时间，默认不需要设置
+                  });
+                }
+              }
+            });
+          }
+          var geo_zjdzd;
+          that.map.on("singleclick", function (evt) {
+            let feature = that.map.forEachFeatureAtPixel(
+              evt.pixel,
+              (feature) => feature
+            );
+            //document.getElementById(that.uuidMap).innerHTML = '';
+            if (feature && (feature !==undefined)) {
+              that.map.removeLayer(geo_zjdzd);
+              var aleft = [];
+              for(var i=0;i<feature.values_.geometry.flatCoordinates.length;i++){
+                aleft.push("["+feature.values_.geometry.flatCoordinates[i]+","+feature.values_.geometry.flatCoordinates[i+1] +"]")
+                i = i+1;
+              }
+              var aright = "[[["+aleft +"]]]";
+              var geoThegeom = "{\"type\": \"MultiPolygon\", \"coordinates\": "+aright + "}";
+              this.closeMoule= null;
+              //图层查询定位开始 ---------start
+              geo_zjdzd = new ol.layer.Vector({
+                title: "add Layer",
+                source: new ol.source.Vector({
+                  projection: projection,
+                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                    "    \"type\": \"Feature\",\n" +
+                    "    \"geometry\":" + geoThegeom + "}"),
+                }),
+                resolution:Math.random() * 0.00000001,
+                style: new ol.style.Style({
+                  fill: new ol.style.Fill({
+                    //矢量图层填充颜色，以及透明度
+                    color: "rgb(204, 255, 255,0.5)",
+                  }),
+                  stroke: new ol.style.Stroke({
+                    //边界样式
+                    color: "#00FFFF",
+                    width: 3,
+                  }),
+                }),
+              });
+              that.map.addLayer(geo_zjdzd);
+              //that.closeMoule = feature.values_.zjddm;
+              that.$emit('closeMoule', feature.values_.zjddm);
+              var maxXMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.maxX;
+              var maxYMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.maxY;
+              var minXMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.minX;
+              var minYMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.minY;
+              //定位查询位置
+              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+              that.map.getView().animate({
+                // 只设置需要的属性即可
+                center: center, // 中心点
+                zoom: 16.9, // 缩放级别
+                rotation: undefined, // 缩放完成view视图旋转弧度
+                duration: 1000, // 缩放持续时间，默认不需要设置
+                resolution:Math.random() * 0.00000001,
+              });
+
+            }
+          });
+        }
+      });
+    },
+    showHistoryDown() {
+      this.showHistoryTable = false;
+      this.$emit('closeMoule', this.closeMoule);
+      this.closeMoule = null;
+    },
+  },
+  watch: {},
+};
+</script>
+
+<style scoped>
+#that.message {
+  width: 100%;
+  height: 100%;
+}
+.fuTitle {
+  border-top: 1px solid #e9e9e9;
+  text-align: center;
+  padding: 10px 0px 0px 0px;
+  font-size: 36px;
+  color: #999;
+}
+.ant-btn-red {
+  position: relative;
+  display: inline-block;
+  background: #D0EEFF;
+  border: 1px solid #99D3F5;
+  border-radius: 4px;
+  padding: 4px 12px;
+  overflow: hidden;
+  color: #1E88C7;
+  text-decoration: none;
+  text-indent: 0;
+  line-height: 20px;
+
+}
+#land-btn-wrap{
+  position: absolute;
+  right: 3%;
+  top: 5%;
+  z-index: 2000;
+}
+</style>
diff --git a/src/components/home/HomeApplyUploadComp.vue b/src/components/home/HomeApplyUploadComp.vue
index 62b302b5..5f550ee8 100644
--- a/src/components/home/HomeApplyUploadComp.vue
+++ b/src/components/home/HomeApplyUploadComp.vue
@@ -63,8 +63,7 @@ export default {
     },
   },
   created() {
-    console.info(this.houseApplyStatus);
-    if (this.businessType !== null && this.proposerId == -1) {
+    if (this.businessType !== null) {
       this.showAttachmentComp(this.businessType, this.proposerId, this.houseApplyStatus, this.processKey, this.tableName, this.full)
     }
   },
diff --git a/src/permission.js b/src/permission.js
index 7e4a2710..60c2a4f9 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -120,7 +120,7 @@ const whiteList = [
   '/sunVillage_info/list_issues',   //详情页
   '/sunVillage_info/list_tourists_detail',   //详情页
   '/sunVillage_info/list_issues_detail',   //详情页
-  '/sunVillage_info/list_finance_detail',   //详情页
+  '/sunVillage_info/list_finance_detail',  //详情页
   '/sunVillage_info/list_finance_ranking',   //详情页
   '/sunVillage_info/list_tourists_ranking',   //详情页
   '/sunVillage_info/login_code',   //详情页
@@ -130,6 +130,11 @@ const whiteList = [
   '/sunVillage_info/list_vote_form',   //详情页
   '/sunVillage_info/homeApplication/applicationList',   //列表页面
   '/sunVillage_info/proposerLite',
+  '/sunVillage_info/paidExit/paidExitList',   //列表页面
+  '/sunVillage_info/paidExitAdd',
+  '/sunVillage_info/paidExitModify',
+  '/sunVillage_info/paidExitDetail',
+
   // 新型经营主体
   'newBusinessEntity/newsBulletin', //新闻公告
   '/newBusinessEntity/index',      //首页
diff --git a/src/router/index.js b/src/router/index.js
index 614e2b7b..48aa8e8a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2432,7 +2432,7 @@ export const constantRoutes = [
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositModify'], resolve)
   },
   {
-    
+
     path: '/yinnong/listBalanceRanking',
     name: 'yinnongListBalanceRanking',
     meta: {
@@ -2442,7 +2442,7 @@ export const constantRoutes = [
     component: (resolve) => require(['@/views/yinnong/listBalanceRanking'], resolve)
   },
   {
-    
+
     path: '/yinnong/detailedLedger',
     name: 'yinnongDetailedLedger',
     meta: {
@@ -2452,7 +2452,7 @@ export const constantRoutes = [
     component: (resolve) => require(['@/views/yinnong/detailedLedger'], resolve)
   },
   {
-    
+
     path: '/yinnong/detailedVoucher',
     name: 'yinnongDetailedVoucher',
     meta: {
@@ -3542,6 +3542,42 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/homeApplication/proposerLite'], resolve)
   },
+  {
+    path: '/sunVillage_info/paidExit/paidExitList',
+    name: 'sunVillageInfoPaidExitList',
+    meta: {
+      title: '有偿退出',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/paidExit/paidExitList'], resolve)
+  },
+  {
+    path: '/sunVillage_info/paidExitAdd',
+    name: 'sunVillageInfoPaidExitAdd',
+    meta: {
+      title: '有偿退出新增',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/paidExit/paidExitAdd'], resolve)
+  },
+  {
+    path: '/sunVillage_info/paidExitModify',
+    name: 'sunVillageInfoPaidExitModify',
+    meta: {
+      title: '有偿退出修改',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/paidExit/paidExitModify'], resolve)
+  },
+  {
+    path: '/sunVillage_info/paidExitDetail',
+    name: 'sunVillageInfoPaidExitDetail',
+    meta: {
+      title: '有偿退出审批',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/paidExit/paidExitDetail'], resolve)
+  },
   { ////阳光村务（新）-- 合同信息
     path: '/sunVillage_info/list_vote_detail',
     name: 'sunVillageInfoListVoteDetail',
diff --git a/src/views/sunVillage_info/homeApplication/applicationAdd.vue b/src/views/sunVillage_info/homeApplication/applicationAdd.vue
deleted file mode 100644
index 53e41a5d..00000000
--- a/src/views/sunVillage_info/homeApplication/applicationAdd.vue
+++ /dev/null
@@ -1,1039 +0,0 @@
-<template>
-    <div class="app-container">
-      <van-nav-bar
-        title="用地建房申请"
-        left-arrow
-        fixed
-        placeholder
-        @click-left="$router.back(-1)"
-      />
-      <p class="topTit">农村宅基地和建房（规划许可）申请表</p>
-      <div class="main">
-        <van-form @submit="onSubmit">
-          <div v-if="applicationDetail.tHouseApplyProposer">
-            <p class="main_title">申请户主信息</p>
-            <div class="main_box">
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="姓名" placeholder="姓名" input-align="right"/>
-            <van-field
-              readonly
-              clickable
-              name="picker"
-              v-model="sexValue"
-              label="性别"
-              placeholder="选择性别"
-              @click=" auditStatus==true ? '' : showSex = true"
-              input-align="right"
-              right-icon="arrow-down"
-              :rules="[{ required: true }]" required
-            />
-            <van-popup v-model="showSex" position="bottom">
-              <van-picker
-                show-toolbar
-                :columns="userSex"
-                @confirm="onConfirmSex"
-                @cancel="showSex = false"
-                :readonly="auditStatus"
-              />
-            </van-popup>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.age" label="年龄" placeholder="年龄" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.phone" label="联系电话" placeholder="联系电话" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.familyAddress" label="家庭住址" placeholder="家庭住址" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.members" label="家庭人口数" placeholder="家庭人口数" input-align="right"/>
-            <van-cell title="是否已有宅基地">
-              <template #right-icon>
-                <van-radio-group :rules="[{ required: true }]" required :disabled="auditStatus" @change="existHomesteadChange" v-model="applicationDetail.tHouseApplyProposer.existHomestead" direction="horizontal">
-                  <van-radio name="Y">是</van-radio>
-                  <van-radio name="N">否</van-radio>
-                </van-radio-group>
-              </template>
-            </van-cell>
-          </div>
-          </div>
-
-          <div v-if="applicationDetail.tHouseApplyFamilyMembers">
-            <p class="main_title">家庭成员信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily" @click="addFamily" v-if="!auditStatus" /></p>
-            <van-collapse  v-model="activeNames" v-if="auditStatus">
-              <van-collapse-item  class="collapse" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index" :name="index+1">
-                <template #title>
-                  <van-row>
-                    <van-col span="8">{{item.memberName}}</van-col>
-                    <van-col span="8">{{item.age}}</van-col>
-                    <van-col span="8">{{item.familyStatusName}}</van-col>
-                  </van-row>
-                </template>
-                <van-field :readonly="auditStatus" v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
-                <van-field :readonly="auditStatus" v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
-                <van-field :readonly="auditStatus" v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
-                <van-field :readonly="auditStatus" v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
-                <van-field :readonly="auditStatus" v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
-              </van-collapse-item>
-            </van-collapse>
-            <div class="familyList" v-if="!auditStatus" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index">
-              <div class="main_box" style="margin-bottom: 20px">
-                <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteFamily(index)" />
-                <van-field v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
-                <van-field v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
-                <van-field v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
-                <van-field v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
-                <van-field v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
-              </div>
-            </div>
-<!--            <div class=" familyList">-->
-<!--              <van-button icon="minus" size="mini" type="danger" class="deleteFamily" />-->
-<!--              <div class="main_box">-->
-<!--                <van-field label="姓名" placeholder="姓名" input-align="right"/>-->
-<!--                <van-field label="年龄" placeholder="年龄" input-align="right"/>-->
-<!--                <van-field label="与户主关系" placeholder="与户主关系" input-align="right"/>-->
-<!--                <van-field label="身份证号" placeholder="身份证号" input-align="right"/>-->
-<!--                <van-field label="户口所在地" placeholder="户口所在地" input-align="right"/>-->
-<!--              </div>-->
-<!--            </div>-->
-          </div>
-
-          <div v-if="CurrentSituation">
-            <p class="main_title">现宅基地及农房状况</p>
-            <div class="main_box">
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landPerArea" label="人均宅基地面积" placeholder="人均宅基地面积㎡" input-align="right" label-width="auto"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landCertificateNo" label="不动产单元号" placeholder="不动产单元号" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingArea" label="建筑面积" placeholder="建筑面积㎡" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingPerArea" label="人均建筑面积" placeholder="人均建筑面积㎡" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo" label="农民房屋幢号" placeholder="户口所在地" input-align="right"/>
-              <van-field
-                readonly
-                clickable
-                name="picker"
-                :value="landIsposalValue"
-                label="处置情况"
-                placeholder="选择宅基地处置情况"
-                @click=" auditStatus==true ? '' : showLandIsposal = true"
-                input-align="right"
-                right-icon="arrow-down"
-                :readonly="auditStatus"
-                :rules="[{ required: true }]" required
-              />
-              <van-popup v-model="showLandIsposal" position="bottom">
-                <van-picker
-                  show-toolbar
-                  :columns="landIsposal"
-                  @confirm="onConfirmLandIsposal"
-                  @cancel="showLandIsposal = false"
-                  :readonly="auditStatus"
-                />
-              </van-popup>
-
-  <!--            <van-field-->
-  <!--              readonly-->
-  <!--              clickable-->
-  <!--              name="picker"-->
-  <!--              :value="applicationDetail.tHouseApplyCurrentSituation.buildingType"-->
-  <!--              label="建房类型"-->
-  <!--              placeholder="选择建房类型"-->
-  <!--              @click="showBuildingType = true"-->
-  <!--              input-align="right"-->
-  <!--              right-icon="arrow-down"-->
-  <!--            />-->
-  <!--            <van-popup v-model="showBuildingType" position="bottom">-->
-  <!--              <van-picker-->
-  <!--                show-toolbar-->
-  <!--                :columns="buildingType"-->
-  <!--                @confirm="onConfirmBuildingType"-->
-  <!--                @cancel="showBuildingType = false"-->
-  <!--              />-->
-  <!--            </van-popup>-->
-            </div>
-          </div>
-
-          <div v-if="applicationDetail.tHouseApplyProposedSituation">
-            <p class="main_title">拟申请宅基地及建房情况</p>
-            <div class="main_box">
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.location" label="拟建位置" placeholder="拟建位置" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.east" label="东至" placeholder="东至" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.west" label="西至" placeholder="西至" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.south" label="南至" placeholder="南至" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.north" label="北至" placeholder="北至" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingFloors" label="建筑层数" placeholder="建筑层数" input-align="right"/>
-            <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingHight" label="建筑高度" placeholder="建筑高度" input-align="right"/>
-            <van-cell title="是否征求相邻权利人意见">
-              <template #right-icon>
-                <van-radio-group :disabled="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.isAdvice" direction="horizontal">
-                  <van-radio name="1">是</van-radio>
-                  <van-radio name="2">否</van-radio>
-                </van-radio-group>
-              </template>
-            </van-cell>
-            <van-field
-              readonly
-              clickable
-              name="picker"
-              v-model="housingStructureValue"
-              label="房屋构造"
-              placeholder="选择房屋构造"
-              @click=" auditStatus==true ? '' : showHousingStructure = true"
-              input-align="right"
-              right-icon="arrow-down"
-              :rules="[{ required: true }]" required
-            />
-            <van-popup v-model="showHousingStructure" position="bottom">
-              <van-picker
-                show-toolbar
-                :columns="housingStructure"
-                @confirm="onConfirmHousingStructure"
-                @cancel="showHousingStructure = false"
-                :readonly="auditStatus"
-              />
-            </van-popup>
-            <van-field
-              readonly
-              clickable
-              name="picker"
-              :value="buildingTypeValue"
-              label="建房类型"
-              placeholder="选择建房类型"
-              @click=" auditStatus==true ? '' : showBuildingType = true"
-              input-align="right"
-              right-icon="arrow-down"
-              :rules="[{ required: true }]" required
-            />
-            <van-popup v-model="showBuildingType" position="bottom">
-              <van-picker
-                show-toolbar
-                :columns="buildingType"
-                @confirm="onConfirmBuildingType"
-                @cancel="showBuildingType = false"
-              />
-            </van-popup>
-            <van-cell title="设计图纸">
-              <template #right-icon>
-                <van-radio-group :disabled="auditStatus" @change="designPaperChange" v-model="applicationDetail.tHouseApplyProposedSituation.designPaper" direction="horizontal">
-                  <van-radio name="1">委托设计</van-radio>
-                  <van-radio name="2">选通用图</van-radio>
-                </van-radio-group>
-              </template>
-            </van-cell>
-            <van-field
-              readonly
-              clickable
-              name="picker"
-              :value="houseTypeValue"
-              placeholder="选择户型图"
-              @click=" auditStatus==true ? '' : showHouseType = true"
-              input-align="right"
-              right-icon="arrow-down"
-              v-if="showHouse"
-              :rules="[{ required: true }]" required
-            />
-            <van-popup v-model="showHouseType" position="bottom">
-              <van-picker
-                show-toolbar
-                :columns="houseType"
-                @confirm="onConfirmHouseType"
-                @cancel="showHouseType = false"
-              />
-            </van-popup>
-          </div>
-            <div class="mapBox">
-              <div id="mapWrap" style="height: 200px;"></div>
-              <div class="mapBox_button">
-                <van-button id="drawPolygon" native-type="button" icon="../../../static/images/icon/icon_ht.png" type="default" block round size="small"></van-button>
-                <van-button id="drawRemove" native-type="button" icon="cross" type="default" block round size="small" style="margin-top: 0.2rem"></van-button>
-              </div>
-            </div>
-          </div>
-
-          <div v-if="applicationDetail.tHouseApplyProposer">
-            <p class="main_title">申请理由</p>
-            <div class="main_box">
-            <van-field
-              rows="3"
-              autosize
-              type="textarea"
-              placeholder="申请理由"
-              input-align="left"
-              v-model="applicationDetail.tHouseApplyProposer.applyReasion"
-              :readonly="auditStatus"
-              :rules="[{ required: true }]" required
-            />
-            <van-row>
-              <van-col span="12"><van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="申请人" placeholder="申请人" input-align="left" label-width="auto"/></van-col>
-              <van-col span="12">
-                <van-field :rules="[{ required: true }]" required :readonly="auditStatus" clickable v-model="applicationDetail.tHouseApplyProposer.applyTime" label-width="auto" placeholder="选择日期" @click="showApplyTime = true">
-                  <template #label>
-                    <van-icon name="notes-o" size="20"/>
-                  </template>
-                </van-field>
-                <van-calendar v-model="showApplyTime" @confirm="onConfirmApplyTime" />
-<!--                <van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.applyTime == '' ? nowTime : applicationDetail.tHouseApplyProposer.applyTime" label-width="auto">-->
-<!--                  <template #label>-->
-<!--                    <van-icon name="notes-o" size="20"/>-->
-<!--                  </template>-->
-<!--                </van-field>-->
-              </van-col>
-            </van-row>
-          </div>
-          </div>
-
-          <div v-for="(item , index) in fileArray" :key="index">
-            <p class="main_title">{{item.fileTypeName}}</p><!-- 未对接 -->
-            <div class="main_box file-box">
-<!--              <van-uploader v-if="item.findList" v-model="item.findList" multiple />-->
-              <van-uploader :after-read="afterRead" :before-delete="deleteFile" v-model="item.findList" multiple />
-            </div>
-          </div>
-          <div v-if="applicationDetail.tHouseApplyProposer" style="margin: 16px;">
-            <van-row>
-              <van-col span="12" align="center">
-                <van-button type="info" native-type="submit" class="submitButton">保存</van-button>
-              </van-col>
-              <van-col span="12" align="center">
-                <van-button type="info" native-type="submit" class="submitButton">保存并提交</van-button>
-              </van-col>
-            </van-row>
-            <div class="clear"></div>
-          </div>
-        </van-form>
-      </div>
-    </div>
-</template>
-
-<script>
-  import { treeSingleProcessView  , saveHouseBaseInfo , houseList , attach , removeFile , getHouseMembers } from "@/api/onlineHome/homestead/application";
-  import {getQueryLand} from "@/api/homesteadSurvey/zjdzd";
-  import $ from "jquery";
-  export default {
-  name: "applicationForm",
-  data() {
-    return {
-      active: 0,
-      nowTime: '',//当前日期
-      fileList: [],
-      fileList2: [],
-      radio:'1',
-      value: '',
-      columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
-      showPicker: false,
-      showBuildingType: false,
-      showLandIsposal: false,
-      showHousingStructure: false,
-      showStartDate: false,
-      showEndDate: false,
-      showApplyTime:false,
-      showHouseType:false,
-      showHouse:false,
-      showSex:false,
-      id:'',
-      applicationDetail:{
-        //上传文件id
-        fileList: [],
-        tHouseApplyProposer: {
-          memberName: '',
-          farmerCode: "",
-          sex: "",
-          age: '',
-          phone: "",
-          idcard: "",
-          householdRegister: "",
-          familyAddress: "",
-          members: '',
-          applyReasion: "",
-          houseSource: '',
-          existHomestead: "Y"
-        },
-        tHouseApplyFamilyMembers: [
-          {
-            memberName: "",
-            age: '',
-            idcard: "",
-            familyStatusName: "",
-            householdRegister: ""
-          }
-        ],
-        tHouseApplyCurrentSituation: {
-          landArea: "",
-          landPerArea: "",
-          landCertificateNo: "",
-          buildingPerArea: "",
-          houseCertificateNo: "",
-          landIsposal: "",
-          reservedArea: "",
-          otherRemark: "",
-          buildingType: "",
-          buildingArea: ""
-        },
-        tHouseApplyProposedSituation: {
-          location: "",
-          landArea: "",
-          east: "",
-          west: "",
-          south: "",
-          north: "",
-          geographicType: "",
-          constructionLandArea: "",
-          unusedLandArea: "",
-          agriculturalLandArea: "",
-          farmLandArea: "",
-          forestLandArea: "",
-          buildingArea: "",
-          buildingFloors: "",
-          buildingHight: "",
-          designPaper: "1",
-          housingStructure: "",
-          isAdvice: "1",
-          buildingType: "",
-          theGeom:''
-        }
-      },
-      //建房类型字典
-      buildingType:[],
-      //处置情况字典
-      landIsposal:[],
-      //房屋构造字典
-      housingStructure:[],
-      //性别字典
-      userSex:[],
-      //户型
-      houseType:[],
-      //请求参数
-      parameter:{
-        businessType: "house",
-        houseApplyStatus: 1,
-        processKey: "baseApply",
-        tableName: "t_house_apply_proposer"
-      },
-      //文件配置
-      fileArray:[],
-      //获取上传附件
-      params:{
-        tableId: '',
-        tableName: "t_house_apply_proposer",
-        fileType: ''
-      },
-      auditStatus:false,
-      activeNames:['1'],
-      housingStructureValue:'',//当前显示房屋构造
-      buildingTypeValue:'',//当前显示建房类型
-      landIsposalValue:'',//当前显示处置情况
-      houseTypeValue:'',//当前显示户型
-      sexValue:'',//当前显示性别
-      CurrentSituation:false,
-    };
-  },
-  created() {
-    this.getDetail()
-  },
-  methods: {
-    afterRead(file) {
-      this.$forceUpdate();
-      return;
-      // 此时可以自行将文件上传至服务器
-      for ( var i = 0 ; i < this.fileList.length ; i++){
-        if(this.fileList[i].url == undefined&&this.fileList!='') {
-          this.fileList[i] = {url:this.fileList[i].content, id: '', isImage: true};
-        }
-      }
-    },
-    //删除图片
-    deleteFile(elIndex){
-      if(elIndex.id != ''){
-        removeFile(elIndex.id).then(response => {});
-      }
-      this.$forceUpdate();
-      return (file, name) => {
-        let fileIndex = name.index
-        this.fileList[elIndex].splice(fileIndex, 1)
-        this.upLoadList[elIndex].splice(fileIndex, 1)
-      }
-    },
-    //获取数据集合
-    getDetail(){
-      //性别字典查询
-      // this.houseGetDicts("sys_user_sex").then((res) => {
-      //   response.data.tHouseApplyProposer.sex = this.selectDictLabel(res.data, response.data.tHouseApplyProposer.sex);
-      // });
-
-      //建房类型字典查询
-      this.houseGetDicts("building_type").then((res) => {
-        res.data.map(item => {
-          this.buildingType.push({ value:item.dictValue, text: item.dictLabel});
-        });
-      });
-      //房屋构造字典查询
-      this.houseGetDicts("housing_structure").then((res) => {
-        res.data.map(item => {
-          this.housingStructure.push({ value:item.dictValue, text: item.dictLabel});
-        });
-      });
-      //处置情况字典查询
-      this.CurrentSituation = true ;
-      this.houseGetDicts("land_isposal").then((res) => {
-        res.data.map(item => {
-          this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});
-        });
-      });
-      //户型图查询
-      houseList().then(res => {
-        res.rows.map(item => {
-          this.houseType.push({ value:item.id, text: item.name});
-        });
-      });
-      //获取上传文件列表
-      treeSingleProcessView(this.parameter).then(res => {
-        this.fileArray = res.rows
-      });
-      //获取上传文件列表
-      getHouseMembers().then(res => {
-        this.applicationDetail.tHouseApplyProposer = res.data.tHouseApplyProposer;
-        this.applicationDetail.tHouseApplyFamilyMembers = res.data.tHouseApplyFamilyMembers;
-        //性别字典查询
-        this.houseGetDicts("sys_user_sex").then((res2) => {
-          res2.data.map(item => {
-            this.userSex.push({ value:item.dictValue, text: item.dictLabel});
-          });
-          this.sexValue = this.selectDictLabel(res2.data, res.data.tHouseApplyProposer.sex);
-        });
-        var that = this ;
-        setTimeout(function(){
-          that.pointDarw();
-        },2000)
-      });
-    },
-    onConfirmApplyTime(date) {
-      this.applicationDetail.tHouseApplyProposer.applyTime = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-      this.showApplyTime = false;
-    },
-    //基地开工时间
-    onConfirmStartDate(date) {
-      this.applicationDetail.tHouseApplyStart.startDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-      this.showStartDate = false;
-    },
-    //基地竣工时间
-    onConfirmEndDate(date) {
-      this.applicationDetail.tHouseApplyStart.endDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-      this.showEndDate = false;
-    },
-    //选择性别
-    onConfirmSex(data){
-      this.sexValue = data.text;
-      this.applicationDetail.tHouseApplyProposer.sex = data.value;
-      this.showSex = false;
-    },
-    //选择建房类型
-    onConfirmBuildingType(data){
-      this.buildingTypeValue = data.text;
-      this.applicationDetail.tHouseApplyProposedSituation.buildingType = data.value;
-      this.showBuildingType = false;
-    },
-    //选择宅基地处置情况
-    onConfirmLandIsposal(data){
-      this.landIsposalValue = data.text;
-      this.applicationDetail.tHouseApplyCurrentSituation.landIsposal = data.value;
-      this.showLandIsposal = false;
-    },
-    //选择房屋构造
-    onConfirmHousingStructure(data){
-      this.housingStructureValue = data.text;
-      this.applicationDetail.tHouseApplyProposedSituation.housingStructure = data.value;
-      this.showHousingStructure = false;
-    },
-    //选择户型
-    onConfirmHouseType(data){
-      this.houseTypeValue = data.text;
-      this.applicationDetail.tHouseApplyProposedSituation.houseTypeId = data.value;
-      this.showHouseType = false;
-    },
-    //添加家庭成员
-    addFamily(){
-      this.applicationDetail.tHouseApplyFamilyMembers.push({
-        applyProposerId:this.applicationDetail.tHouseApplyFamilyMembers[0].applyProposerId,
-        memberName:'',
-        age:'',
-        familyStatusName:'',
-        idcard :'',
-        householdRegister:'',
-      });
-    },
-    //删除家庭成员
-    deleteFamily(index){
-      this.applicationDetail.tHouseApplyFamilyMembers.splice(index,1)
-    },
-    //是否有宅基地选项改变
-    existHomesteadChange(name){
-      if (name == 'Y'){
-        if (this.applicationDetail.tHouseApplyCurrentSituation == null){
-          //现宅基地情况
-          this.applicationDetail.tHouseApplyCurrentSituation = {
-            //宅基地面积
-            landArea: '',
-            //人均宅基地面积
-            landPerArea: '',
-            //不动产单元号
-            landCertificateNo: '',
-            //农民房屋幢号
-            houseCertificateNo: '',
-            //建筑面积
-            buildingArea: '',
-            //人均建筑面积
-            buildingPerArea: '',
-            //现宅基地处置情况 字典 land_isposal
-            landIsposal: ""
-          };
-          this.CurrentSituation = true ;
-          //处置情况字典查询
-          this.houseGetDicts("land_isposal").then((res) => {
-            res.data.map(item => {
-              this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});
-            });
-            this.landIsposalValue= this.selectDictLabel(res.data, this.applicationDetail.tHouseApplyCurrentSituation.landIsposal);
-          });
-        }
-        this.CurrentSituation = true;
-      }else{
-        this.CurrentSituation = false;
-      }
-    },
-    //图纸选择改变
-    designPaperChange(name){
-      if(name == 2){
-        this.showHouse = true;
-      }else{
-        this.showHouse = false;
-      }
-    },
-    base64toFile(dataurl, filename = "file") {
-      let arr = dataurl.split(",");
-      let mime = arr[0].match(/:(.*?);/)[1];
-      let suffix = mime.split("/")[1];
-      let bstr = atob(arr[1]);
-      let n = bstr.length;
-      let u8arr = new Uint8Array(n);
-      while (n--) {
-        u8arr[n] = bstr.charCodeAt(n);
-      }
-      return new File([u8arr], `${filename}.${suffix}`, {
-        type: mime,
-      });
-    },
-    //申请提交
-    onSubmit(){
-      var that = this;
-      let form = {};
-      form.fileList=[];
-      if (this.drawInsert != null) {
-        this.applicationDetail.tHouseApplyProposedSituation.theGeom = JSON.stringify(this.drawInsert);
-      }
-      for (let i = 0 ; i < this.fileArray.length ; i++){
-        if (this.fileArray[i].findList == null || this.fileArray[i].findList == undefined || this.fileArray[i].findList == ''){
-          continue
-        }
-        for (let j = 0 ; j < this.fileArray[i].findList.length ; j++){
-          const params = new FormData()
-          params.append('tableId', '')
-          params.append('tableName', 't_house_apply_proposer')
-          params.append('bizPath', 't_house_apply_proposer')
-          params.append('fileType', this.fileArray[i].fileType)
-          if (this.fileArray[i].findList[j].url){
-            continue;
-          }
-          params.append('file', this.base64toFile(this.fileArray[i].findList[j].content))
-          attach(params).then(res => {
-            form.fileList.push(res.id);
-          });
-        }
-      }
-      form.tHouseApplyProposer=this.applicationDetail.tHouseApplyProposer;
-      form.tHouseApplyFamilyMembers=this.applicationDetail.tHouseApplyFamilyMembers;
-      form.tHouseApproveVillageOptions=this.applicationDetail.tHouseApproveVillageOptions;
-      form.tHouseApplyCurrentSituation=this.applicationDetail.tHouseApplyCurrentSituation;
-      form.tHouseApplyProposedSituation=this.applicationDetail.tHouseApplyProposedSituation;
-      setTimeout(function(){
-        saveHouseBaseInfo(form).then(res => {
-          console.log(res)
-          if(res.code = 200){
-            that.$toast.success('保存成功');
-          }
-        });
-      },1000)
-    },
-    pointDarw() {
-      //地图只加载一次
-      this.landOpen = false;
-      //加载地图编辑
-      var that = this;
-      var map;
-      //var hc_land;
-      var draw; // global so we can remove it later
-      var vector_drawing;
-      var minMapZoom;
-      var maxMapZoom;
-      var zoomLook;
-      if (this.formEditor) {
-        zoomLook = 18
-        minMapZoom = 18
-        maxMapZoom = 18
-      } else {
-        zoomLook = 16.9
-        minMapZoom = 16
-        maxMapZoom = 18.9
-      }
-      if (this.applicationDetail.tHouseApplyProposedSituation.theGeom != null && this.applicationDetail.tHouseApplyProposedSituation.theGeom != ""
-        && this.applicationDetail.tHouseApplyProposedSituation.theGeom != undefined) {
-        this.startDarw = true;
-        this.openDarw = false;
-      } else {
-        this.startDarw = false;
-        this.openDarw = true;
-      }
-      if (this.startDarw) {
-        document.getElementById("mapWrap").innerHTML = '';
-        var hc_land;
-        var draw; // global so we can remove it later
-        var vector_drawing;
-        var projection = new ol.proj.Projection({
-          //地图投影类型
-          code: "EPSG:3857",
-          units: "degrees",
-          //extent:extent
-        });
-
-        var aerial = new ol.layer.Tile({
-          source: new ol.source.XYZ({
-            url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
-              "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
-              "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
-          }),
-          isGroup: true,
-          name: "卫星影像图",
-        });
-
-        var yingxzi = new ol.layer.Tile({
-          source: new ol.source.XYZ({
-            url: "https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
-          }),
-          isGroup: true,
-          name: "天地图文字标注--卫星影像图",
-        });
-        //加载地图
-        map = new ol.Map({
-          // interactions: ol.interaction.DragPan({
-          //   onFocusOnly: false
-          // }),
-          controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
-          layers: [aerial, yingxzi],
-          projection: projection,
-          target: "mapWrap",
-          view: new ol.View({
-            //center: ol.proj.fromLonLat([115.452752, 31.789033]),
-            zoom: zoomLook,
-            minZoom: minMapZoom, //地图缩小限制
-            maxZoom: maxMapZoom, //地图放大限制
-          }),
-        });
-        if (this.formEditor) {
-          let pan = getPan();
-          //false：当前地图不可拖动。true：可拖动
-          pan.setActive(false);
-
-          function getPan() {
-            let pan = '';
-            map.getInteractions().forEach(function (element, index, array) {
-              if (element instanceof ol.interaction.DragPan) {
-                pan = element;
-              }
-            })
-            return pan;
-          }
-        }
-        //图层查询定位开始 ---------start
-        hc_land = new ol.layer.Vector({
-          title: "add Layer",
-          source: new ol.source.Vector({
-            projection: projection,
-            features: new ol.format.GeoJSON().readFeatures("{\n" +
-              "    \"type\": \"Feature\",\n" +
-              "    \"geometry\":" + this.applicationDetail.tHouseApplyProposedSituation.theGeom + "}"),
-          }),
-          style: new ol.style.Style({
-            fill: new ol.style.Fill({
-              //矢量图层填充颜色，以及透明度
-              color: "rgba(204, 255, 204,0.3)",
-            }),
-            stroke: new ol.style.Stroke({
-              //边界样式
-              color: "#47c68f",
-              width: 3,
-            }),
-          }),
-        });
-        map.addLayer(hc_land);
-        var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
-        var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
-        var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
-        var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
-        //定位查询位置
-        var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
-        map.getView().animate({
-          // 只设置需要的属性即可
-          center: center, // 中心点
-          zoom: 17.9, // 缩放级别
-          rotation: undefined, // 缩放完成view视图旋转弧度
-          duration: 1000, // 缩放持续时间，默认不需要设置
-        });
-        //图层查询定位结束 ---------end
-        //开始绘制地图
-        $("#drawPolygon").click(function () {
-          map.removeLayer(hc_land);
-          map.removeLayer(vector_drawing);
-          that.drawInsert = null;
-          map.removeInteraction(draw);
-          var source = new ol.source.Vector({wrapX: false});
-          vector_drawing = new ol.layer.Vector({
-            source: source,
-          });
-          map.addLayer(vector_drawing);
-          var typeSelect = "Polygon";
-
-          function addInteraction() {
-            var value = typeSelect;
-            draw = new ol.interaction.Draw({
-              source: source,
-              type: typeSelect
-            });
-            draw.on('drawend', function (evt) {
-              console.log(that.drawInsert);
-              if(that.drawInsert != null){
-                $("#drawRemove").trigger('click');
-              }
-              var feature = evt.feature;
-              var geometry = feature.getGeometry();
-              var coordinate = geometry.getCoordinates();
-              that.drawInsert = coordinate;
-              map.removeInteraction(draw);
-            });
-            map.addInteraction(draw);
-          }
-          addInteraction();
-        });
-        //清除画图鼠标点击事件
-        $("#drawRemove").click(function () {
-          that.drawInsert = null;
-          map.addLayer(hc_land);
-          map.removeInteraction(draw);
-          map.removeLayer(vector_drawing);
-        });
-      }
-      if (this.openDarw) {
-        document.getElementById("mapWrap").innerHTML = '';
-        var projection = new ol.proj.Projection({
-          //地图投影类型
-          code: "EPSG:3857",
-          units: "degrees",
-          //extent:extent
-        });
-
-        var aerial = new ol.layer.Tile({
-          source: new ol.source.XYZ({
-            url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
-              "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
-              "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
-          }),
-          isGroup: true,
-          name: "卫星影像图",
-        });
-
-        var yingxzi = new ol.layer.Tile({
-          source: new ol.source.XYZ({
-            url: "https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
-          }),
-          isGroup: true,
-          name: "天地图文字标注--卫星影像图",
-        });
-        //获取坐标是否存在
-        var Zb;
-        getQueryLand().then((response) => {
-          if (response.code == 200) {
-            let InsertCode = response.data;
-            console.log(response);
-            if (InsertCode != null) {
-              var lat = InsertCode.lat;
-              var lng = InsertCode.lng;
-              if (lat != null && lng != null && lat != "" && lng != "") {
-                Zb = [lng,lat];
-              } else {
-                Zb = [115.452752, 31.789033];
-              }
-            }
-          }
-          //加载地图
-          map = new ol.Map({
-            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
-            layers: [aerial, yingxzi],
-            projection: projection,
-            logo: 'false',
-            target: "mapWrap",
-            view: new ol.View({
-              center: ol.proj.fromLonLat(Zb),
-              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
-              zoom: 16.9,
-              minZoom: minMapZoom, //地图缩小限制
-              maxZoom: maxMapZoom, //地图放大限制
-            }),
-          });
-        });
-
-        //图层查询定位结束 ---------end
-        //开始绘制地图
-        $("#drawPolygon").click(function () {
-          //map.removeLayer(hc_land);
-          map.removeLayer(vector_drawing);
-          that.drawInsert = null;
-          map.removeInteraction(draw);
-          var source = new ol.source.Vector({wrapX: false});
-          vector_drawing = new ol.layer.Vector({
-            source: source,
-          });
-          map.addLayer(vector_drawing);
-          var typeSelect = "Polygon";
-
-          function addInteraction() {
-            var value = typeSelect;
-            draw = new ol.interaction.Draw({
-              source: source,
-              type: typeSelect
-            });
-            draw.on('drawend', function (evt) {
-              console.log(that.drawInsert);
-              if(that.drawInsert != null){
-                $("#drawRemove").trigger('click');
-              }
-              var feature = evt.feature;
-              var geometry = feature.getGeometry();
-              var coordinate = geometry.getCoordinates();
-              that.drawInsert = coordinate;
-              map.removeInteraction(draw);
-            });
-            map.addInteraction(draw);
-          }
-          addInteraction();
-        });
-        //清除画图鼠标点击事件
-        $("#drawRemove").click(function () {
-          that.drawInsert = null;
-          map.removeInteraction(draw);
-          map.removeLayer(vector_drawing);
-        });
-      }
-    },
-  },
-}
-</script>
-
-<style scoped lang="scss">
-  .app-container {
-    padding-bottom: 5%;
-  }
-  #mapWrap{
-    width: 96%;
-    margin: 0 auto;
-    border-bottom-left-radius: 12px;
-    border-bottom-right-radius: 12px;
-    overflow: hidden;
-  }
-  .mapBox{
-    position: relative;
-    .mapBox_button{
-      position: absolute;
-      top: 0.2rem;
-      right: 2%;
-    }
-  }
-  .van-steps{
-    padding: 2% 6% 0;
-  }
-  .topTit{
-    margin-top: 0.4rem;
-    font-size: 0.45rem;
-    background-color: #1D6FE9;
-    color: #FFFFFF;
-    line-height: 58px;
-    text-align: center;
-    padding: 15px 0;
-    box-shadow: 0px 3px 6px 0px rgba(15,67,145,0.40);
-  }
-  .main_title{
-    font-size: 0.4rem;
-    color: #1D6FE9;
-    margin: 0.2rem 6%;
-    position: relative;
-  }
-  .main_box{
-    width: 96%;
-    margin: 0 auto;
-    border-radius: 6px;
-    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
-    overflow: hidden;
-    background-color: #FFF;
-  }
-  .collapse{
-    width: 96%;
-    margin: 0 auto;
-    border-radius: 6px;
-    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
-    overflow: hidden;
-    margin-bottom: 15px;
-  }
-  /deep/.van-radio--horizontal{
-    margin-left: 20px;
-    margin-right: 0;
-  }
-  .file-box{
-    padding: 2% 5% 0;
-  }
-  .submitButton{
-    width: 80%;
-    margin: 0 auto;
-    background-color: #1D6FE9;
-    border-radius: 14px;
-  }
-  .timeTit{
-    text-align: center;
-    font-size: 16px;
-    line-height: 27px;
-  }
-  .action-box{
-    padding: 15px 0!important;
-    margin-top: 0.4rem;
-  }
-  .check-box{
-    margin-top: 0.4rem;
-  }
-  .addFamily{
-    position: absolute;
-    top: -2px;
-    right: 0;
-    border-radius: 50%;
-  }
-  .deleteFamily{
-    position: absolute;
-    top: -0.3rem;
-    right: 6%;
-    z-index: 9;
-    border-radius: 50%;
-  }
-  .familyList{
-    margin-top: 0.4rem;
-    position: relative;
-  }
-  .noModify{
-    .topTit{
-      background-color:#ABABAB ;
-      box-shadow: 0px 3px 6px 0px rgba(171,171,171,0.40);
-    }
-    .van-cell__title{
-      color: #B4B0B0;
-    }
-  }
-</style>
diff --git a/src/views/sunVillage_info/homeApplication/applicationForm.vue b/src/views/sunVillage_info/homeApplication/applicationForm.vue
deleted file mode 100644
index fb2caebe..00000000
--- a/src/views/sunVillage_info/homeApplication/applicationForm.vue
+++ /dev/null
@@ -1,1131 +0,0 @@
-<template>
-    <div class="app-container">
-      <van-nav-bar
-        title="用地建房申请"
-        left-arrow
-        fixed
-        placeholder
-        @click-left="$router.back(-1)"
-      >
-        <template #right>
-          <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
-        </template>
-      </van-nav-bar>
-      <van-steps :active="active" active-color="#38f">
-        <van-step>申请</van-step>
-        <van-step>开工</van-step>
-        <van-step>验收</van-step>
-      </van-steps>
-      <p class="topTit">农村宅基地和建房（规划许可）申请表</p>
-      <div class="main">
-        <van-form>
-          <div v-if="applicationDetail.tHouseApplyProposer">
-            <p class="main_title">申请用户信息</p>
-            <div class="main_box">
-            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.memberName" label="姓名" placeholder="姓名" input-align="right"/>
-            <van-field
-              readonly
-              clickable
-              v-model="sexValue"
-              label="性别"
-              placeholder="选择性别"
-              @click=" auditStatus==true ? '' : showSex = true"
-              input-align="right"
-              right-icon="arrow-down"
-              :rules="[{ required: true }]" required
-            />
-            <van-popup v-model="showSex" position="bottom">
-              <van-picker
-                show-toolbar
-                :columns="userSex"
-                @confirm="onConfirmSex"
-                @cancel="showSex = false"
-                :readonly="auditStatus"
-              />
-            </van-popup>
-            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.age" label="年龄" placeholder="年龄" input-align="right"/>
-            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.phone" label="联系电话" placeholder="联系电话" input-align="right"/>
-            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
-            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
-            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.familyAddress" label="家庭住址" placeholder="家庭住址" input-align="right"/>
-            <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.members" label="家庭人口数" placeholder="家庭人口数" input-align="right"/>
-            <van-cell title="是否已有宅基地">
-              <template #right-icon>
-                <van-radio-group :disabled="auditStatus" @change="existHomesteadChange" v-model="applicationDetail.tHouseApplyProposer.existHomestead" direction="horizontal">
-                  <van-radio name="Y">是</van-radio>
-                  <van-radio name="N">否</van-radio>
-                </van-radio-group>
-              </template>
-            </van-cell>
-          </div>
-          </div>
-
-          <div v-if="applicationDetail.tHouseApplyFamilyMembers && applicationDetail.tHouseApplyFamilyMembers!=''">
-            <p class="main_title">家庭成员信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily" @click="addFamily" v-if="!auditStatus" /></p>
-            <van-collapse  v-model="activeNames" v-if="auditStatus">
-              <van-collapse-item  class="collapse" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index" :name="index+1">
-                <template #title>
-                  <van-row>
-                    <van-col span="8">{{item.memberName}}</van-col>
-                    <van-col span="8">{{item.age}}</van-col>
-                    <van-col span="8">{{item.familyStatusName}}</van-col>
-                  </van-row>
-                </template>
-                <van-field :readonly="auditStatus" v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
-                <van-field :readonly="auditStatus" v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
-                <van-field :readonly="auditStatus" v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
-                <van-field :readonly="auditStatus" v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
-                <van-field :readonly="auditStatus" v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
-              </van-collapse-item>
-            </van-collapse>
-            <div class="familyList" v-if="!auditStatus" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index">
-              <div class="main_box" style="margin-bottom: 20px">
-                <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteFamily(index)" />
-                <van-field v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>
-                <van-field v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>
-                <van-field v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>
-                <van-field v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>
-                <van-field v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>
-              </div>
-            </div>
-<!--            <div class=" familyList">-->
-<!--              <van-button icon="minus" size="mini" type="danger" class="deleteFamily" />-->
-<!--              <div class="main_box">-->
-<!--                <van-field label="姓名" placeholder="姓名" input-align="right"/>-->
-<!--                <van-field label="年龄" placeholder="年龄" input-align="right"/>-->
-<!--                <van-field label="与户主关系" placeholder="与户主关系" input-align="right"/>-->
-<!--                <van-field label="身份证号" placeholder="身份证号" input-align="right"/>-->
-<!--                <van-field label="户口所在地" placeholder="户口所在地" input-align="right"/>-->
-<!--              </div>-->
-<!--            </div>-->
-          </div>
-
-          <div v-if="CurrentSituation">
-            <p class="main_title">现宅基地及农房状况</p>
-            <div class="main_box">
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landPerArea" label="人均宅基地面积" placeholder="人均宅基地面积㎡" input-align="right" label-width="auto"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landCertificateNo" label="不动产单元号" placeholder="不动产单元号" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingArea" label="建筑面积" placeholder="建筑面积㎡" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingPerArea" label="人均建筑面积" placeholder="人均建筑面积㎡" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo" label="农民房屋幢号" placeholder="户口所在地" input-align="right"/>
-              <van-field
-                readonly
-                clickable
-                :value="landIsposalValue"
-                label="处置情况"
-                placeholder="选择宅基地处置情况"
-                @click=" auditStatus==true ? '' : showLandIsposal = true"
-                input-align="right"
-                right-icon="arrow-down"
-                :readonly="auditStatus"
-                :rules="[{ required: true }]" required
-              />
-              <van-popup v-model="showLandIsposal" position="bottom">
-                <van-picker
-                  show-toolbar
-                  :columns="landIsposal"
-                  @confirm="onConfirmLandIsposal"
-                  @cancel="showLandIsposal = false"
-                  :readonly="auditStatus"
-                />
-              </van-popup>
-
-  <!--            <van-field-->
-  <!--              readonly-->
-  <!--              clickable-->
-  <!--              name="picker"-->
-  <!--              :value="applicationDetail.tHouseApplyCurrentSituation.buildingType"-->
-  <!--              label="建房类型"-->
-  <!--              placeholder="选择建房类型"-->
-  <!--              @click="showBuildingType = true"-->
-  <!--              input-align="right"-->
-  <!--              right-icon="arrow-down"-->
-  <!--            />-->
-  <!--            <van-popup v-model="showBuildingType" position="bottom">-->
-  <!--              <van-picker-->
-  <!--                show-toolbar-->
-  <!--                :columns="buildingType"-->
-  <!--                @confirm="onConfirmBuildingType"-->
-  <!--                @cancel="showBuildingType = false"-->
-  <!--              />-->
-  <!--            </van-popup>-->
-            </div>
-          </div>
-
-          <div v-if="applicationDetail.tHouseApplyProposedSituation">
-            <p class="main_title">拟申请宅基地及建房情况</p>
-            <div class="main_box">
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.location" label="拟建位置" placeholder="拟建位置" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.east" label="东至" placeholder="东至" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.west" label="西至" placeholder="西至" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.south" label="南至" placeholder="南至" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.north" label="北至" placeholder="北至" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingFloors" label="建筑层数" placeholder="建筑层数" input-align="right"/>
-              <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingHight" label="建筑高度" placeholder="建筑高度" input-align="right"/>
-              <van-cell title="是否征求相邻权利人意见">
-                <template #right-icon>
-                  <van-radio-group :disabled="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.isAdvice" direction="horizontal">
-                    <van-radio name="1">是</van-radio>
-                    <van-radio name="2">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-cell>
-              <van-field
-                readonly
-                clickable
-                v-model="housingStructureValue"
-                label="房屋构造"
-                placeholder="选择房屋构造"
-                @click=" auditStatus==true ? '' : showHousingStructure = true"
-                input-align="right"
-                right-icon="arrow-down"
-                :rules="[{ required: true }]" required
-              />
-              <van-popup v-model="showHousingStructure" position="bottom">
-                <van-picker
-                  show-toolbar
-                  :columns="housingStructure"
-                  @confirm="onConfirmHousingStructure"
-                  @cancel="showHousingStructure = false"
-                  :readonly="auditStatus"
-                />
-              </van-popup>
-              <van-field
-                readonly
-                clickable
-                :value="buildingTypeValue"
-                label="建房类型"
-                placeholder="选择建房类型"
-                @click=" auditStatus==true ? '' : showBuildingType = true"
-                input-align="right"
-                right-icon="arrow-down"
-                :rules="[{ required: true }]" required
-              />
-              <van-popup v-model="showBuildingType" position="bottom">
-                <van-picker
-                  show-toolbar
-                  :columns="buildingType"
-                  @confirm="onConfirmBuildingType"
-                  @cancel="showBuildingType = false"
-                />
-              </van-popup>
-              <van-cell title="设计图纸">
-                <template #right-icon>
-                  <van-radio-group :disabled="auditStatus" @change="designPaperChange" v-model="applicationDetail.tHouseApplyProposedSituation.designPaper" direction="horizontal">
-                    <van-radio name="1">委托设计</van-radio>
-                    <van-radio name="2">选通用图</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-cell>
-              <van-field
-                readonly
-                clickable
-                :value="houseTypeValue"
-                placeholder="选择户型图"
-                @click=" auditStatus==true ? '' : showHouseType = true"
-                input-align="right"
-                right-icon="arrow-down"
-                v-if="showHouse"
-                :rules="[{ required: true }]" required
-              />
-              <van-popup v-model="showHouseType" position="bottom">
-                <van-picker
-                  show-toolbar
-                  :columns="houseType"
-                  @confirm="onConfirmHouseType"
-                  @cancel="showHouseType = false"
-                />
-              </van-popup>
-            </div>
-            <div class="mapBox">
-              <div id="mapWrap" style="height: 200px;"></div>
-              <div class="mapBox_button" v-if="auditStatus == false">
-                <van-button id="drawPolygon" native-type="button" icon="../../../static/images/icon/icon_ht.png" type="default" block round size="small"></van-button>
-                <van-button id="drawRemove" native-type="button" icon="cross" type="default" block round size="small" style="margin-top: 0.2rem"></van-button>
-              </div>
-            </div>
-          </div>
-
-          <div v-if="applicationDetail.tHouseApplyProposer">
-            <p class="main_title">申请理由</p>
-            <div class="main_box">
-            <van-field
-              rows="3"
-              autosize
-              type="textarea"
-              placeholder="申请理由"
-              input-align="left"
-              v-model="applicationDetail.tHouseApplyProposer.applyReasion"
-              :readonly="auditStatus"
-              :rules="[{ required: true }]" required
-            />
-            <van-row>
-              <van-col span="12"><van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="申请人" placeholder="申请人" input-align="left" label-width="auto"/></van-col>
-              <van-col span="12">
-                <van-field :rules="[{ required: true }]" required :readonly="auditStatus" clickable v-model="applicationDetail.tHouseApplyProposer.applyTime" label-width="auto" placeholder="选择日期" @click="showApplyTime = true">
-                  <template #label>
-                    <van-icon name="notes-o" size="20"/>
-                  </template>
-                </van-field>
-                <van-calendar v-model="showApplyTime" :readonly="auditStatus" @confirm="onConfirmApplyTime" />
-<!--                <van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.applyTime == '' ? nowTime : applicationDetail.tHouseApplyProposer.applyTime" label-width="auto">-->
-<!--                  <template #label>-->
-<!--                    <van-icon name="notes-o" size="20"/>-->
-<!--                  </template>-->
-<!--                </van-field>-->
-              </van-col>
-            </van-row>
-          </div>
-          </div>
-
-          <div v-if="item.findList" v-for="(item , index) in fileArray" :key="index">
-            <p class="main_title">{{item.fileTypeName}}</p><!-- 未对接 -->
-            <div class="main_box file-box">
-<!--              <van-uploader v-if="item.findList" v-model="item.findList" multiple />-->
-              <van-uploader :after-read="afterRead" :before-delete="deleteFile" v-model="item.findList" multiple />
-            </div>
-          </div>
-<!--          <p class="main_title">宅基地使用承诺书</p>&lt;!&ndash; 未对接 &ndash;&gt;-->
-<!--          <div class="main_box file-box">-->
-<!--            <van-uploader v-model="fileList2" multiple class="aaa" />-->
-<!--          </div>-->
-
-          <div v-if="applicationDetail.tHouseApplyProposer && auditStatus == false" style="margin: 16px;">
-            <van-row>
-              <van-col span="12" align="center">
-                <van-button type="info" native-type="submit" class="submitButton" @click="onSubmit('keep')">保存</van-button>
-              </van-col>
-              <van-col span="12" align="center">
-                <van-button type="info" native-type="submit" class="submitButton" @click="onSubmit('submit')">保存并提交</van-button>
-              </van-col>
-            </van-row>
-            <div class="clear"></div>
-          </div>
-
-          <div v-if="false" :class="active==1?'':'noModify'" >
-            <p class="topTit">宅基地开工</p>
-            <div class="main_box action-box">
-            <van-cell title="计划开工时间">
-              <template #right-icon>
-                <van-radio-group v-model="radio" direction="horizontal">
-                  <van-field readonly clickable style="padding: 0" v-model="applicationDetail.tHouseApplyStart.startDate" label-width="auto" placeholder="选择日期" @click="showStartDate = true">
-                    <template #label>
-                      <van-icon name="notes-o" size="20"/>
-                    </template>
-                  </van-field>
-                  <van-calendar v-model="showStartDate" @confirm="onConfirmStartDate" />
-                </van-radio-group>
-              </template>
-            </van-cell>
-            <van-cell title="计划竣工时间">
-              <template #right-icon>
-                <van-radio-group v-model="radio" direction="horizontal">
-                  <van-field readonly clickable style="padding: 0" v-model="applicationDetail.tHouseApplyStart.endDate" label-width="auto" placeholder="选择日期" @click="showEndDate = true">
-                    <template #label>
-                      <van-icon name="notes-o" size="20"/>
-                    </template>
-                  </van-field>
-                  <van-calendar v-model="showEndDate" @confirm="onConfirmEndDate" />
-                </van-radio-group>
-              </template>
-            </van-cell>
-          </div>
-          </div>
-          <!--applicationDetail.tHouseApplyStart-->
-          <div v-if="false" style="margin: 16px;">
-            <van-row>
-              <van-col span="12" align="center">
-                <van-button type="info" native-type="submit" class="submitButton">保存</van-button>
-              </van-col>
-              <van-col span="12" align="center">
-                <van-button type="info" native-type="submit" class="submitButton">保存并提交</van-button>
-              </van-col>
-            </van-row>
-            <div class="clear"></div>
-          </div>
-
-          <div v-if="false" :class="active==2?'':'noModify'">
-            <p class="topTit">宅基地验收申请</p>
-            <div class="main_box check-box">
-            <van-field v-model="applicationDetail.tHouseApplyEnd.memberName" label="申请户主姓名" placeholder="申请户主姓名" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.idcard" label="身份证号" placeholder="身份证号" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.location" label="用地建房位置" placeholder="用地建房位置" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.licenseKey" label="乡村建设规划许可证号" placeholder="乡村建设规划许可证号" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.approvalNumber" label="农村宅基地批准书号" placeholder="农村宅基地批准书号" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.startDate" label="开工日期" readonly clickable input-align="right" label-width="auto" placeholder="选择开工日期" @click="showCalendar = true"></van-field>
-            <van-calendar />
-            <van-field v-model="applicationDetail.tHouseApplyEnd.endDate" label="竣工日期" readonly clickable input-align="right" label-width="auto" placeholder="选择竣工日期" @click="showCalendar = true"></van-field>
-            <van-calendar />
-            <van-field v-model="applicationDetail.tHouseApplyEnd.houseCertificateNo" label="权属证书号（不动产）" placeholder="权属证书号（不动产）" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.landCertificateNo" label="权属证书号（宅基地）" placeholder="权属证书号（宅基地）" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.buildingHight" label="批建高度" placeholder="建筑高度" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.buildingFloors" label="批建层数" placeholder="批建层数" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.actualBuildingHight" label="竣工高度" placeholder="竣工高度" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.actualBuildingFloors" label="竣工层数" placeholder="竣工层数" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right" label-width="auto"/>
-            <van-field v-model="applicationDetail.tHouseApplyEnd.designPaper" label="建筑风貌" placeholder="建筑风貌" input-align="right" label-width="auto"/>
-            <van-cell title="旧宅基地退还情况">
-              <template #right-icon>
-                <van-radio-group v-model="applicationDetail.tHouseApplyEnd.oldHouseStatus" direction="horizontal">
-                  <van-radio name="0">是</van-radio>
-                  <van-radio name="1">否</van-radio>
-                </van-radio-group>
-              </template>
-            </van-cell>
-            <van-field label="备注" placeholder="" input-align="right"/>
-          </div>
-          </div>
-          <!--applicationDetail.tHouseApplyEnd-->
-          <div v-if="false" style="margin: 16px;">
-            <van-row>
-              <van-col span="12" align="center">
-                <van-button type="info" native-type="submit" class="submitButton">保存</van-button>
-              </van-col>
-              <van-col span="12" align="center">
-                <van-button type="info" native-type="submit" class="submitButton">保存并提交</van-button>
-              </van-col>
-            </van-row>
-            <div class="clear"></div>
-          </div>
-
-        </van-form>
-
-      </div>
-
-    </div>
-</template>
-
-<script>
-  import { allInformation , treeSingleProcessView , attachmentFind , saveHouseBaseInfo , houseList , attach , removeFile , saveHouseBaseInfoThenSubmit} from "@/api/onlineHome/homestead/application";
-  import $ from "jquery";
-  export default {
-  name: "applicationForm",
-  data() {
-    return {
-      active: 0,
-      nowTime: '',//当前日期
-      fileList: [],
-      fileList2: [],
-      radio:'1',
-      value: '',
-      columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
-      showPicker: false,
-      showBuildingType: false,
-      showLandIsposal: false,
-      showHousingStructure: false,
-      showStartDate: false,
-      showEndDate: false,
-      showApplyTime:false,
-      showHouseType:false,
-      showHouse:false,
-      showSex:false,
-      id:'',
-      applicationDetail:[],
-      //建房类型字典
-      buildingType:[],
-      //性别字典
-      userSex:[],
-      //处置情况字典
-      landIsposal:[],
-      //房屋构造字典
-      housingStructure:[],
-      //户型
-      houseType:[],
-      //请求参数
-      parameter:{
-        businessType: "house",
-        houseApplyStatus: '',
-        processKey: "baseApply",
-        tableName: "t_house_apply_proposer"
-      },
-      //文件配置
-      fileArray:[],
-      //获取上传附件
-      params:{
-        tableId: '',
-        tableName: "t_house_apply_proposer",
-        fileType: ''
-      },
-      auditStatus:false,
-      activeNames:['1'],
-      housingStructureValue:'',//当前显示房屋构造
-      buildingTypeValue:'',//当前显示建房类型
-      landIsposalValue:'',//当前显示处置情况
-      houseTypeValue:'',//当前显示户型
-      sexValue:'',//当前显示性别
-      CurrentSituation:false,
-    };
-  },
-  created() {
-    this.id = this.$route.query.id;
-    this.type = this.$route.query.type;
-    this.getDetail();
-  },
-  methods: {
-    goFlow(){
-      window.location='flowChart?id='+this.id;
-    },
-    //更新文件回显
-    afterRead(file) {
-      this.$forceUpdate();
-    },
-    //删除图片
-    deleteFile(elIndex){
-      if(elIndex.id != ''){
-        removeFile(elIndex.id).then(response => {});
-      }
-      this.$forceUpdate();
-      return (file, name) => {
-        let fileIndex = name.index
-        this.fileList[elIndex].splice(fileIndex, 1)
-        this.upLoadList[elIndex].splice(fileIndex, 1)
-      }
-    },
-    //获取数据集合
-    getDetail(){
-      allInformation(this.id).then(response => {
-        //性别字典查询
-        this.houseGetDicts("sys_user_sex").then((res) => {
-          res.data.map(item => {
-            this.userSex.push({ value:item.dictValue, text: item.dictLabel});
-          });
-          this.sexValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposer.sex);
-        });
-        //建房类型字典查询
-        this.houseGetDicts("building_type").then((res) => {
-          res.data.map(item => {
-            this.buildingType.push({ value:item.dictValue, text: item.dictLabel});
-          });
-          this.buildingTypeValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposedSituation.buildingType);
-        });
-        //房屋构造字典查询
-        this.houseGetDicts("housing_structure").then((res) => {
-          res.data.map(item => {
-            this.housingStructure.push({ value:item.dictValue, text: item.dictLabel});
-          });
-          this.housingStructureValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposedSituation.housingStructure);
-        });
-        //处置情况字典查询
-        if(response.data.tHouseApplyProposer.existHomestead == 'Y'){
-          this.CurrentSituation = true ;
-          this.houseGetDicts("land_isposal").then((res) => {
-            res.data.map(item => {
-              this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});
-            });
-            this.landIsposalValue= this.selectDictLabel(res.data, response.data.tHouseApplyCurrentSituation.landIsposal);
-          });
-        }
-        //户型图查询
-        houseList().then(res => {
-          res.rows.map(item => {
-            this.houseType.push({ value:item.id, text: item.name});
-          });
-          if(response.data.tHouseApplyProposedSituation.houseTypeId != null){
-            for (let i = 0 ; i < res.rows.length ; i++){
-              if (res.rows[i].id = response.data.tHouseApplyProposedSituation.houseTypeId){
-                this.houseTypeValue = res.rows[i].name
-              }
-            }
-            this.showHouse = true;
-          }
-        });
-        console.log(response.data.tHouseApplyProposer.auditStatus != 0)
-        this.applicationDetail = response.data;
-        this.parameter.houseApplyStatus = response.data.tHouseApplyProposer.houseApplyStatus;
-        let currentProcessKey = response.data.currentProcessKey;
-        this.auditStatus =  response.data.tHouseApplyProposer.auditStatus != 0;
-        //判断当前审核进行到哪一步
-        if (currentProcessKey == 'baseApply'){
-          this.active = 0;
-        }
-        if (currentProcessKey == 'landscope'){
-          this.active = 1;
-        }
-        if (currentProcessKey == 'accepting'){
-          this.active = 2;
-        }
-        //获取上传文件列表
-        treeSingleProcessView(this.parameter).then(res => {
-          this.fileArray = res.rows
-          this.params.tableId = this.id;
-          for (let i = 0 ; i < res.rows.length ; i++){
-            this.params.fileType = res.rows[i].fileType;
-            this.fileArray[i].findList = [];
-            //获取文件集合
-            attachmentFind(this.params).then(res2 => {
-              for (let j = 0 ; j < res2.data.length ; j++){
-                this.fileArray[i].findList[j] = {url: process.env.VUE_APP_BASE_ROUTING_URL + res2.data[j].fileUrl, isImage: true , id:res2.data[j].id} ;
-                this.$forceUpdate();
-                console.log(this.fileArray[i].findList[j])
-              }
-            });
-          }
-        });
-        var that = this ;
-        setTimeout(function(){
-          that.pointDarw();
-        },2000)
-      });
-    },
-    onConfirmApplyTime(date) {
-      this.applicationDetail.tHouseApplyProposer.applyTime = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-      this.showApplyTime = false;
-    },
-    //基地开工时间
-    onConfirmStartDate(date) {
-      this.applicationDetail.tHouseApplyStart.startDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-      this.showStartDate = false;
-    },
-    //基地竣工时间
-    onConfirmEndDate(date) {
-      this.applicationDetail.tHouseApplyStart.endDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-      this.showEndDate = false;
-    },
-    //选择建房类型
-    onConfirmBuildingType(data){
-      this.buildingTypeValue = data.text;
-      this.applicationDetail.tHouseApplyProposedSituation.buildingType = data.value;
-      this.showBuildingType = false;
-    },
-    //选择宅基地处置情况
-    onConfirmLandIsposal(data){
-      this.landIsposalValue = data.text;
-      this.applicationDetail.tHouseApplyCurrentSituation.landIsposal = data.value;
-      this.showLandIsposal = false;
-    },
-    //选择房屋构造
-    onConfirmHousingStructure(data){
-      this.housingStructureValue = data.text;
-      this.applicationDetail.tHouseApplyProposedSituation.housingStructure = data.value;
-      this.showHousingStructure = false;
-    },
-    //选择户型
-    onConfirmHouseType(data){
-      this.houseTypeValue = data.text;
-      this.applicationDetail.tHouseApplyProposedSituation.houseTypeId = data.value;
-      this.showHouseType = false;
-    },
-    //选择性别
-    onConfirmSex(data){
-      this.sexValue = data.text;
-      this.applicationDetail.tHouseApplyProposer.sex = data.value;
-      this.showSex = false;
-    },
-    //添加家庭成员
-    addFamily(){
-      this.applicationDetail.tHouseApplyFamilyMembers.push({
-        applyProposerId:this.applicationDetail.tHouseApplyFamilyMembers[0].applyProposerId,
-        memberName:'',
-        age:'',
-        familyStatusName:'',
-        idcard :'',
-        householdRegister:'',
-      });
-    },
-    //删除家庭成员
-    deleteFamily(index){
-      this.applicationDetail.tHouseApplyFamilyMembers.splice(index,1)
-    },
-    //是否有宅基地选项改变
-    existHomesteadChange(name){
-      if (name == 'Y'){
-        if (this.applicationDetail.tHouseApplyCurrentSituation == null){
-          //现宅基地情况
-          this.applicationDetail.tHouseApplyCurrentSituation = {
-            //宅基地面积
-            landArea: '',
-            //人均宅基地面积
-            landPerArea: '',
-            //不动产单元号
-            landCertificateNo: '',
-            //农民房屋幢号
-            houseCertificateNo: '',
-            //建筑面积
-            buildingArea: '',
-            //人均建筑面积
-            buildingPerArea: '',
-            //现宅基地处置情况 字典 land_isposal
-            landIsposal: ""
-          };
-          this.CurrentSituation = true ;
-          //处置情况字典查询
-          this.houseGetDicts("land_isposal").then((res) => {
-            res.data.map(item => {
-              this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});
-            });
-            this.landIsposalValue= this.selectDictLabel(res.data, this.applicationDetail.tHouseApplyCurrentSituation.landIsposal);
-          });
-        }
-        this.CurrentSituation = true;
-      }else{
-        this.CurrentSituation = false;
-      }
-    },
-    //图纸选择改变
-    designPaperChange(name){
-      if(name == 2){
-        this.showHouse = true;
-      }else{
-        this.showHouse = false;
-      }
-    },
-    base64toFile(dataurl, filename = "file") {
-      let arr = dataurl.split(",");
-      let mime = arr[0].match(/:(.*?);/)[1];
-      let suffix = mime.split("/")[1];
-      let bstr = atob(arr[1]);
-      let n = bstr.length;
-      let u8arr = new Uint8Array(n);
-      while (n--) {
-        u8arr[n] = bstr.charCodeAt(n);
-      }
-      return new File([u8arr], `${filename}.${suffix}`, {
-        type: mime,
-      });
-    },
-    //申请提交
-    onSubmit(type){
-      var that = this;
-      let form = {};
-      form.fileList=[];
-      this.fileList.tableId = this.id;
-      if (this.drawInsert != null) {
-        this.applicationDetail.tHouseApplyProposedSituation.theGeom = JSON.stringify(this.drawInsert);
-      }
-      for (let i = 0 ; i < this.fileArray.length ; i++){
-        if (this.fileArray[i].findList == null || this.fileArray[i].findList == undefined || this.fileArray[i].findList == ''){
-          continue
-        }
-        for (let j = 0 ; j < this.fileArray[i].findList.length ; j++){
-          const params = new FormData()
-          params.append('tableId', this.id)
-          params.append('tableName', 't_house_apply_proposer')
-          params.append('bizPath', 't_house_apply_proposer')
-          params.append('fileType', this.fileArray[i].fileType)
-          if (this.fileArray[i].findList[j].url){
-            continue;
-          }
-          params.append('file', this.base64toFile(this.fileArray[i].findList[j].content))
-          attach(params).then(res => {
-            form.fileList.push(res.id);
-          });
-        }
-      }
-      form.tHouseApplyProposer=this.applicationDetail.tHouseApplyProposer;
-      form.tHouseApplyFamilyMembers=this.applicationDetail.tHouseApplyFamilyMembers;
-      form.tHouseApproveVillageOptions=this.applicationDetail.tHouseApproveVillageOptions;
-      form.tHouseApplyCurrentSituation=this.applicationDetail.tHouseApplyCurrentSituation;
-      form.tHouseApplyProposedSituation=this.applicationDetail.tHouseApplyProposedSituation;
-      setTimeout(function(){
-        if (type == 'keep'){
-          saveHouseBaseInfo(form).then(res => {
-            if(res.code = 200){
-              that.$toast.success('保存成功');
-            }
-          });
-        }
-        if (type == 'submit'){
-          saveHouseBaseInfoThenSubmit(form).then(res => {
-            if(res.code = 200){
-              that.$toast.success('提交成功');
-              that.getDetail();
-            }
-          });
-        }
-
-      },1000)
-
-    },
-    pointDarw() {
-      //地图只加载一次
-      this.landOpen = false;
-      //加载地图编辑
-      var that = this;
-      var map;
-      //var hc_land;
-      var draw; // global so we can remove it later
-      var vector_drawing;
-      var minMapZoom;
-      var maxMapZoom;
-      var zoomLook;
-      if (this.formEditor) {
-        zoomLook = 18
-        minMapZoom = 18
-        maxMapZoom = 18
-      } else {
-        zoomLook = 16.9
-        minMapZoom = 16
-        maxMapZoom = 18.9
-      }
-      if (this.applicationDetail.tHouseApplyProposedSituation.theGeom != null && this.applicationDetail.tHouseApplyProposedSituation.theGeom != ""
-        && this.applicationDetail.tHouseApplyProposedSituation.theGeom != undefined) {
-        this.startDarw = true;
-        this.openDarw = false;
-      } else {
-        this.startDarw = false;
-        this.openDarw = true;
-      }
-      if (this.startDarw) {
-        document.getElementById("mapWrap").innerHTML = '';
-        var hc_land;
-        var draw; // global so we can remove it later
-        var vector_drawing;
-        var projection = new ol.proj.Projection({
-          //地图投影类型
-          code: "EPSG:3857",
-          units: "degrees",
-          //extent:extent
-        });
-
-        var aerial = new ol.layer.Tile({
-          source: new ol.source.XYZ({
-            url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
-              "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
-              "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
-          }),
-          isGroup: true,
-          name: "卫星影像图",
-        });
-
-        var yingxzi = new ol.layer.Tile({
-          source: new ol.source.XYZ({
-            url: "https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
-          }),
-          isGroup: true,
-          name: "天地图文字标注--卫星影像图",
-        });
-        //加载地图
-        map = new ol.Map({
-          // interactions: ol.interaction.DragPan({
-          //   onFocusOnly: false
-          // }),
-          controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
-          layers: [aerial, yingxzi],
-          projection: projection,
-          target: "mapWrap",
-          view: new ol.View({
-            //center: ol.proj.fromLonLat([115.452752, 31.789033]),
-            zoom: zoomLook,
-            minZoom: minMapZoom, //地图缩小限制
-            maxZoom: maxMapZoom, //地图放大限制
-          }),
-        });
-        if (this.formEditor) {
-          let pan = getPan();
-          //false：当前地图不可拖动。true：可拖动
-          pan.setActive(false);
-
-          function getPan() {
-            let pan = '';
-            map.getInteractions().forEach(function (element, index, array) {
-              if (element instanceof ol.interaction.DragPan) {
-                pan = element;
-              }
-            })
-            return pan;
-          }
-        }
-        //图层查询定位开始 ---------start
-        hc_land = new ol.layer.Vector({
-          title: "add Layer",
-          source: new ol.source.Vector({
-            projection: projection,
-            features: new ol.format.GeoJSON().readFeatures("{\n" +
-              "    \"type\": \"Feature\",\n" +
-              "    \"geometry\":" + this.applicationDetail.tHouseApplyProposedSituation.theGeom + "}"),
-          }),
-          style: new ol.style.Style({
-            fill: new ol.style.Fill({
-              //矢量图层填充颜色，以及透明度
-              color: "rgba(204, 255, 204,0.3)",
-            }),
-            stroke: new ol.style.Stroke({
-              //边界样式
-              color: "#47c68f",
-              width: 3,
-            }),
-          }),
-        });
-        map.addLayer(hc_land);
-        var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
-        var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
-        var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
-        var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
-        //定位查询位置
-        var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
-        map.getView().animate({
-          // 只设置需要的属性即可
-          center: center, // 中心点
-          zoom: 17.9, // 缩放级别
-          rotation: undefined, // 缩放完成view视图旋转弧度
-          duration: 1000, // 缩放持续时间，默认不需要设置
-        });
-        //图层查询定位结束 ---------end
-        //开始绘制地图
-        $("#drawPolygon").click(function () {
-          map.removeLayer(hc_land);
-          map.removeLayer(vector_drawing);
-          that.drawInsert = null;
-          map.removeInteraction(draw);
-          var source = new ol.source.Vector({wrapX: false});
-          vector_drawing = new ol.layer.Vector({
-            source: source,
-          });
-          map.addLayer(vector_drawing);
-          var typeSelect = "Polygon";
-
-          function addInteraction() {
-            var value = typeSelect;
-            draw = new ol.interaction.Draw({
-              source: source,
-              type: typeSelect
-            });
-            draw.on('drawend', function (evt) {
-              console.log(that.drawInsert);
-              if(that.drawInsert != null){
-                $("#drawRemove").trigger('click');
-              }
-              var feature = evt.feature;
-              var geometry = feature.getGeometry();
-              var coordinate = geometry.getCoordinates();
-              that.drawInsert = coordinate;
-              map.removeInteraction(draw);
-            });
-            map.addInteraction(draw);
-          }
-          addInteraction();
-        });
-        //清除画图鼠标点击事件
-        $("#drawRemove").click(function () {
-          that.drawInsert = null;
-          map.addLayer(hc_land);
-          map.removeInteraction(draw);
-          map.removeLayer(vector_drawing);
-        });
-      }
-      if (this.openDarw) {
-        document.getElementById("mapWrap").innerHTML = '';
-        var projection = new ol.proj.Projection({
-          //地图投影类型
-          code: "EPSG:3857",
-          units: "degrees",
-          //extent:extent
-        });
-
-        var aerial = new ol.layer.Tile({
-          source: new ol.source.XYZ({
-            url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
-              "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
-              "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
-          }),
-          isGroup: true,
-          name: "卫星影像图",
-        });
-
-        var yingxzi = new ol.layer.Tile({
-          source: new ol.source.XYZ({
-            url: "https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
-          }),
-          isGroup: true,
-          name: "天地图文字标注--卫星影像图",
-        });
-        //获取坐标是否存在
-        var Zb;
-        if (this.tGeoOrganizationLng != null && this.tGeoOrganizationLat != null) {
-          Zb = [this.tGeoOrganizationLng, this.tGeoOrganizationLat]
-        } else {
-          Zb = [115.452752, 31.789033];
-        }
-        //加载地图
-        map = new ol.Map({
-          controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
-          layers: [aerial, yingxzi],
-          projection: projection,
-          logo: 'false',
-          target: "mapWrap",
-          view: new ol.View({
-            center: ol.proj.fromLonLat(Zb),
-            //center: ol.proj.fromLonLat([115.452752, 31.789033]),
-            zoom: 16.9,
-            minZoom: minMapZoom, //地图缩小限制
-            maxZoom: maxMapZoom, //地图放大限制
-          }),
-        });
-
-        //图层查询定位结束 ---------end
-        //开始绘制地图
-        $("#drawPolygon").click(function () {
-          //map.removeLayer(hc_land);
-          map.removeLayer(vector_drawing);
-          that.drawInsert = null;
-          map.removeInteraction(draw);
-          var source = new ol.source.Vector({wrapX: false});
-          vector_drawing = new ol.layer.Vector({
-            source: source,
-          });
-          map.addLayer(vector_drawing);
-          var typeSelect = "Polygon";
-
-          function addInteraction() {
-            var value = typeSelect;
-            draw = new ol.interaction.Draw({
-              source: source,
-              type: typeSelect
-            });
-            draw.on('drawend', function (evt) {
-              console.log(that.drawInsert);
-              if(that.drawInsert != null){
-                $("#drawRemove").trigger('click');
-              }
-              var feature = evt.feature;
-              var geometry = feature.getGeometry();
-              var coordinate = geometry.getCoordinates();
-              that.drawInsert = coordinate;
-              map.removeInteraction(draw);
-            });
-            map.addInteraction(draw);
-          }
-          addInteraction();
-        });
-        //清除画图鼠标点击事件
-        $("#drawRemove").click(function () {
-          that.drawInsert = null;
-          map.removeInteraction(draw);
-          map.removeLayer(vector_drawing);
-        });
-      }
-    },
-  },
-}
-</script>
-
-<style scoped lang="scss">
-  .app-container {
-    padding-bottom: 5%;
-  }
-  .examine_box{
-    background-color: #1D6FE9!important;
-    padding: 0.18rem!important;
-    padding-left: 0!important;
-    border-radius: 0.15rem!important;
-    margin-top: 0.3rem!important;
-  }
-  .examine_box .van-col:first-child{
-    color: #FFF!important;
-    font-size: 0.45rem!important;
-    text-align: center!important;
-  }
-  .examine_box .van-col:last-child{
-    background-color: #FFF!important;
-    border-radius: 0.15rem!important;
-    overflow: hidden!important;
-    .van-radio-group--horizontal{
-      padding: 0.2rem 0;
-      border-bottom: 1px solid #eee;
-    }
-  }
-  #mapWrap{
-    width: 96%;
-    margin: 0 auto;
-    border-bottom-left-radius: 12px;
-    border-bottom-right-radius: 12px;
-    overflow: hidden;
-  }
-  .mapBox{
-    position: relative;
-    .mapBox_button{
-      position: absolute;
-      top: 0.2rem;
-      right: 2%;
-    }
-  }
-  .van-steps{
-    padding: 2% 6% 0;
-  }
-  .topTit{
-    margin-top: 0.4rem;
-    font-size: 0.45rem;
-    background-color: #1D6FE9;
-    color: #FFFFFF;
-    line-height: 58px;
-    text-align: center;
-    padding: 15px 0;
-    box-shadow: 0px 3px 6px 0px rgba(15,67,145,0.40);
-  }
-  .main_title{
-    font-size: 0.4rem;
-    color: #1D6FE9;
-    margin: 0.2rem 6%;
-    position: relative;
-  }
-  .main_box{
-    width: 96%;
-    margin: 0 auto;
-    border-radius: 6px;
-    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
-    overflow: hidden;
-    background-color: #FFF;
-  }
-  .collapse{
-    width: 96%;
-    margin: 0 auto;
-    border-radius: 6px;
-    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
-    overflow: hidden;
-    margin-bottom: 15px;
-  }
-  /deep/.van-radio--horizontal{
-    margin-left: 20px;
-    margin-right: 0;
-  }
-  .file-box{
-    padding: 2% 5% 0;
-  }
-  .submitButton{
-    width: 80%;
-    margin: 0 auto;
-    background-color: #1D6FE9;
-    border-radius: 14px;
-  }
-  .timeTit{
-    text-align: center;
-    font-size: 16px;
-    line-height: 27px;
-  }
-  .action-box{
-    padding: 15px 0!important;
-    margin-top: 0.4rem;
-  }
-  .check-box{
-    margin-top: 0.4rem;
-  }
-  .addFamily{
-    position: absolute;
-    top: -2px;
-    right: 0;
-    border-radius: 50%;
-  }
-  .deleteFamily{
-    position: absolute;
-    top: -0.3rem;
-    right: 6%;
-    z-index: 9;
-    border-radius: 50%;
-  }
-  .familyList{
-    margin-top: 0.4rem;
-    position: relative;
-  }
-  .noModify{
-    .topTit{
-      background-color:#ABABAB ;
-      box-shadow: 0px 3px 6px 0px rgba(171,171,171,0.40);
-    }
-    .van-cell__title{
-      color: #B4B0B0;
-    }
-  }
-</style>
diff --git a/src/views/sunVillage_info/homeApplication/applicationList.vue b/src/views/sunVillage_info/homeApplication/applicationList.vue
index e13cc60f..2a675cc3 100644
--- a/src/views/sunVillage_info/homeApplication/applicationList.vue
+++ b/src/views/sunVillage_info/homeApplication/applicationList.vue
@@ -62,7 +62,7 @@
 
 <script>
 import { getList , removeList } from "@/api/sunVillage_info/homestead/application";
-import { customSubmit, customSubmitWLHT} from "@/api/sunVillage_info/homestead/application";
+import { customSubmitWLHT, submitStartWLHT, submitEndWLHT,} from "@/api/sunVillage_info/homestead/application";
 import {updateOpretion} from "@/api/sunVillage_info/homestead/application";
 import Cookies from "js-cookie";
 export default {
@@ -187,16 +187,29 @@ export default {
       this.$dialog.confirm({
         message: '您确认提交申请草稿？',
       }).then(() => {
-        let func = 1 || item.processKey.endsWith('WLHT') ? customSubmitWLHT : customSubmit; //TODO: 总是走简化流程
-        if(item.auditStatus == '2'){
-          updateOpretion(item.id).then();
+        if(item.homeApplyStatus === '11'){
+          customSubmitWLHT(item.id).then((resp) => {
+            this.$toast.success("提交成功");
+            this.refresh();
+          }).catch((e) => {
+            this.$toast.fail("提交失败!");
+          });
+        }else if(item.homeApplyStatus === '31'){
+          submitStartWLHT(item.id).then((resp) => {
+            this.$toast.success("提交成功");
+            this.refresh();
+          }).catch((e) => {
+            this.$toast.fail("提交失败!");
+          });
+        }else if(item.homeApplyStatus === '71'){
+          submitEndWLHT(item.id).then((resp) => {
+            this.$toast.success("提交成功");
+            this.refresh();
+          }).catch((e) => {
+            this.$toast.fail("提交失败!");
+          });
         }
-        func(item.id).then((resp) => {
-          this.$toast.success("提交成功");
-          this.refresh();
-        }).catch((e) => {
-          this.$toast.fail("提交失败!");
-        });
+
       }).catch(() => {});
     },
   },
diff --git a/src/views/sunVillage_info/homeApplication/proposerLite.vue b/src/views/sunVillage_info/homeApplication/proposerLite.vue
index b519757a..5c937d9a 100644
--- a/src/views/sunVillage_info/homeApplication/proposerLite.vue
+++ b/src/views/sunVillage_info/homeApplication/proposerLite.vue
@@ -372,19 +372,18 @@
                     </van-col>
                     <van-col span="19">
                       <van-field required :readonly="!formEnabled.baseApplyForm.villageFormEnabled" v-model="applicationDetail.cjxzscyj" rows="2" autosize type="textarea" placeholder="审批意见" :rules="[{ required: true }]"/>
-                      <van-field :rules="[{ required: true }]" v-if="applicationDetail.cjxzscr !='' && applicationDetail.cjxzscr !=null && !applicationDetail.cjxzscr.endsWith('jpeg')"
-                      required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" @click="formEnabled.baseApplyForm.villageFormEnabled && searchCommit('cjxzscr')" v-model="applicationDetail.cjxzscr" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
-                      <van-cell title="负责人:" v-if="applicationDetail.cjxzscr =='' || applicationDetail.cjxzscr ==null || applicationDetail.cjxzscr.endsWith('jpeg')" :rules="[{ required: true }]">
-                        <van-button color="#7AC943" v-if="applicationDetail.cjxzscr =='' || applicationDetail.cjxzscr ==null || !applicationDetail.cjxzscr.endsWith('jpeg')" v-model="applicationDetail.cjxzscr" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('cjxzscr')">签名确认</van-button>
+                      <van-cell title="负责人:"  :rules="[{ required: true }]">
                         <van-image
                           width="100"
                           height="50"
                           :readonly="!formEnabled.baseApplyForm.baseFormEnabled"
                           v-if="applicationDetail.cjxzscr !='' && applicationDetail.cjxzscr !=null
-                              && applicationDetail.cjxzscr.endsWith('jpeg')"
+                              && applicationDetail.cjxzscr.endsWith('png')"
                           :src="$store.getters.baseRoutingUrl+applicationDetail.cjxzscr"
-                          @click="formEnabled.baseApplyForm.villageFormEnabled && searchCommit('cjxzscr')"
                         ></van-image>
+                        <div  v-if="applicationDetail.cjxzscr !='' && applicationDetail.cjxzscr !=null && !applicationDetail.cjxzscr.endsWith('png')">
+                            {{applicationDetail.cjxzscr}}
+                        </div>
                       </van-cell>
 <!--                      <van-cell title="现场照片:">-->
 <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveVillage" :uploadDisabled="formEnabled.baseApplyForm.villageFormEnabled" :jsonData="uploadImgVillage.fileList" :proposer-id="uploadImgVillage.proposerId" tableName="t_homeapply_ydjfsp"-->
@@ -441,19 +440,17 @@
                       <!--                        </common-map>-->
                       <!--                      </div>-->
                       <van-field required :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled" v-model="applicationDetail.ydjfsp.zrzybmscyj" rows="2" autosize type="textarea" placeholder="审查意见" :rules="[{ required: true }]"/>
-                      <van-field v-if="applicationDetail.ydjfsp.zrzybmscrxm !='' && applicationDetail.ydjfsp.zrzybmscrxm !=null && !applicationDetail.ydjfsp.zrzybmscrxm.endsWith('jpeg')"
-                                 required :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled" @click="formEnabled.baseApplyForm.nature_resourceFormEnabled && searchCommit(ydjfsp.zrzybmscrxm)" :rules="[{ required: true }]" v-model="applicationDetail.tHouseApproveNatureOptions.approveLeader" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
-                      <van-cell title="负责人:" v-if="applicationDetail.ydjfsp.zrzybmscrxm =='' || applicationDetail.ydjfsp.zrzybmscrxm ==null || applicationDetail.ydjfsp.zrzybmscrxm.endsWith('jpeg')" :rules="[{ required: true }]" >
-                      <van-button :disabled="!formEnabled.baseApplyForm.nature_resourceFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfsp.zrzybmscrxm =='' || applicationDetail.ydjfsp.zrzybmscrxm ==null || !applicationDetail.ydjfsp.zrzybmscrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfsp.zrzybmscrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfsp.zrzybmscrxm')">签名确认</van-button>
+                      <van-cell title="负责人:"  :rules="[{ required: true }]" >
                         <van-image
                           width="100"
                           height="50"
                           :readonly="!formEnabled.baseApplyForm.nature_resourceFormEnabled"
                           v-if="applicationDetail.ydjfsp.zrzybmscrxm !='' && applicationDetail.ydjfsp.zrzybmscrxm !=null
-                              && applicationDetail.ydjfsp.zrzybmscrxm.endsWith('jpeg')"
+                              && applicationDetail.ydjfsp.zrzybmscrxm.endsWith('png')"
                           :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.zrzybmscrxm"
-                          @click="formEnabled.baseApplyForm.nature_resourceFormEnabled && searchCommit('ydjfsp.zrzybmscrxm')"
                         ></van-image>
+                        <div  v-if="applicationDetail.ydjfsp.zrzybmscrxm !='' && applicationDetail.ydjfsp.zrzybmscrxm !=null
+                              && !applicationDetail.ydjfsp.zrzybmscrxm.endsWith('png')">{{applicationDetail.ydjfsp.zrzybmscrxm}} </div>
                       </van-cell>
 <!--                      <van-cell title="现场照片:">-->
 <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveNature" :uploadDisabled="!formEnabled.baseApplyForm.nature_resourceFormEnabled" :jsonData="uploadImgNature.fileList" :proposer-id="uploadImgNature.proposerId" tableName="t_house_approve_nature_options"-->
@@ -519,19 +516,17 @@
                       <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.south" label="南至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                       <!--                      <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.tHouseApproveOtherOptions.north" label="北至" placeholder="请输入" input-align="right" :rules="[{ required: true }]"/>-->
                       <van-field required :readonly="!formEnabled.baseApplyForm.buildingFormEnabled" v-model="applicationDetail.ydjfsp.zfcxjsbmscyj" rows="2" autosize  type="textarea" placeholder="审批意见" :rules="[{ required: true }]"/>
-                      <van-field :rules="[{ required: true }]" v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm !='' && applicationDetail.ydjfsp.zfcxjsbmscrxm !=null && !applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('jpeg')"
-                                 @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('ydjfsp.zfcxjsbmscrxm')" required :readonly="!formEnabled.baseApplyForm.baseFormEnabled" v-model="applicationDetail.ydjfsp.zfcxjsbmscrxm" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
-                      <van-cell title="负责人:"  v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm =='' || applicationDetail.ydjfsp.zfcxjsbmscrxm ==null || applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('jpeg')" :rules="[{ required: true }]">
-                        <van-button color="#7AC943" :disabled="!formEnabled.baseApplyForm.buildingFormEnabled"  v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm =='' || applicationDetail.ydjfsp.zfcxjsbmscrxm ==null || !applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfsp.zfcxjsbmscrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfsp.zfcxjsbmscrxm')">签名确认</van-button>
+                      <van-cell title="负责人:"   :rules="[{ required: true }]">
                         <van-image
                           width="100"
                           height="50"
                           :readonly="!formEnabled.baseApplyForm.buildingFormEnabled"
                           v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm !='' && applicationDetail.ydjfsp.zfcxjsbmscrxm !=null
-                              && applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('jpeg')"
+                              && applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('png')"
                           :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.zfcxjsbmscrxm"
-                          @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('ydjfsp.zfcxjsbmscrxm')"
                         ></van-image>
+                        <div v-if="applicationDetail.ydjfsp.zfcxjsbmscrxm !='' && applicationDetail.ydjfsp.zfcxjsbmscrxm !=null
+                              && !applicationDetail.ydjfsp.zfcxjsbmscrxm.endsWith('png')">{{applicationDetail.ydjfsp.zfcxjsbmscrxm}}</div>
                       </van-cell>
 <!--                      <van-cell title="现场照片:">-->
 <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveOther" :uploadDisabled="!formEnabled.baseApplyForm.buildingFormEnabled" :jsonData="uploadImgOther.fileList" :proposer-id="uploadImgOther.proposerId" tableName="t_house_approve_other_options"-->
@@ -595,19 +590,17 @@
 <!--                        :columns="[{dictLabel: '齐全', dictValue: '1'}, {dictLabel: '不齐全', dictValue: '2'}]"-->
 <!--                      />-->
                       <van-field required :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled" rows="2" v-model="applicationDetail.ydjfsp.nyncbmscyj" autosize type="textarea" placeholder="审查意见" :rules="[{ required: true }]"/>
-                      <van-field :rules="[{ required: true }]"  v-if="applicationDetail.ydjfsp.nyncbmscrxm !='' && applicationDetail.ydjfsp.nyncbmscrxm !=null && !applicationDetail.ydjfsp.nyncbmscrxm.endsWith('jpeg')"
-                                 @click="formEnabled.baseApplyForm.agricultureFormEnabled && searchCommit('ydjfsp.nyncbmscrxm')" required :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled" v-model="applicationDetail.ydjfsp.nyncbmscrxm" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
-                      <van-cell title="负责人:"  v-if="applicationDetail.ydjfsp.nyncbmscrxm =='' || applicationDetail.ydjfsp.nyncbmscrxm ==null || applicationDetail.ydjfsp.nyncbmscrxm.endsWith('jpeg')"  :rules="[{ required: true }]">
-                        <van-button :disabled="!formEnabled.baseApplyForm.agricultureFormEnabled" color="#7AC943"  v-if="applicationDetail.ydjfsp.nyncbmscrxm =='' || applicationDetail.ydjfsp.nyncbmscrxm ==null || !applicationDetail.ydjfsp.nyncbmscrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfsp.nyncbmscrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfsp.nyncbmscrxm')">签名确认</van-button>
+                      <van-cell title="负责人:"   :rules="[{ required: true }]">
                         <van-image
                           width="100"
                           height="50"
                           :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled"
                           v-if="applicationDetail.ydjfsp.nyncbmscrxm !='' && applicationDetail.ydjfsp.nyncbmscrxm !=null
-                              && applicationDetail.ydjfsp.nyncbmscrxm.endsWith('jpeg')"
+                              && applicationDetail.ydjfsp.nyncbmscrxm.endsWith('png')"
                           :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.nyncbmscrxm"
-                          @click="formEnabled.baseApplyForm.buildingFormEnabled && searchCommit('ydjfsp.nyncbmscrxm')"
                         ></van-image>
+                        <div  v-if="applicationDetail.ydjfsp.nyncbmscrxm !='' && applicationDetail.ydjfsp.nyncbmscrxm !=null
+                              && !applicationDetail.ydjfsp.nyncbmscrxm.endsWith('png')">{{applicationDetail.ydjfsp.nyncbmscrxm}}</div>
                       </van-cell>
 <!--                      <van-cell title="现场照片:">-->
 <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveAgriculture" :uploadDisabled="!formEnabled.baseApplyForm.agricultureFormEnabled" :jsonData="uploadImgAgriculture.fileList" :proposer-id="uploadImgAgriculture.proposerId" tableName="t_house_approve_agriculture_options"-->
@@ -641,19 +634,17 @@
                     <van-col span="5">乡镇<br/>政府<br/>审核<br/>批准<br/>意见</van-col>
                     <van-col span="19">
                       <van-field required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.ydjfsp.xzzfshpzyj" rows="2" autosize type="textarea" placeholder="审批意见" :rules="[{ required: true }]"/>
-                      <van-field :rules="[{ required: true }]"  v-if="applicationDetail.ydjfsp.xzzfshpzrxm !='' && applicationDetail.ydjfsp.xzzfshpzrxm !=null && !applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('jpeg')"
-                                 @click="formEnabled.baseApplyForm.agricultureFormEnabled && searchCommit('ydjfsp.xzzfshpzrxm')" required :readonly="!formEnabled.baseApplyForm.townFormEnabled" v-model="applicationDetail.ydjfsp.xzzfshpzrxm" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>
-                      <van-cell title="负责人:" v-if="applicationDetail.ydjfsp.xzzfshpzrxm =='' || applicationDetail.ydjfsp.xzzfshpzrxm ==null || applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('jpeg')"   :rules="[{ required: true }]">
-                        <van-button :disabled="!formEnabled.baseApplyForm.townFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfsp.xzzfshpzrxm =='' || applicationDetail.ydjfsp.xzzfshpzrxm ==null || !applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfsp.xzzfshpzrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfsp.xzzfshpzrxm')">签名确认</van-button>
+                      <van-cell title="负责人:"   :rules="[{ required: true }]">
                         <van-image
                           width="100"
                           height="50"
                           :readonly="!formEnabled.baseApplyForm.townFormEnabled"
                           v-if="applicationDetail.ydjfsp.xzzfshpzrxm !='' && applicationDetail.ydjfsp.xzzfshpzrxm !=null
-                              && applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('jpeg')"
+                              && applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('png')"
                           :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfsp.xzzfshpzrxm"
-                          @click="formEnabled.baseApplyForm.townFormEnabled && searchCommit('ydjfsp.xzzfshpzrxm')"
                         ></van-image>
+                        <div  v-if="applicationDetail.ydjfsp.xzzfshpzrxm !='' && applicationDetail.ydjfsp.xzzfshpzrxm !=null
+                              && !applicationDetail.ydjfsp.xzzfshpzrxm.endsWith('png')">{{applicationDetail.ydjfsp.xzzfshpzrxm}}</div>
                       </van-cell>
 <!--                      <van-cell title="现场照片:">-->
 <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveTown" :uploadDisabled="!formEnabled.baseApplyForm.townFormEnabled" :jsonData="uploadImgTown.fileList" :proposer-id="uploadImgTown.proposerId" tableName="t_house_approve_town_options"-->
@@ -1404,19 +1395,18 @@
                   <van-col span="5">乡镇<br/>农业<br/>农村<br/>部门<br/>意见</van-col>
                   <van-col span="19">
                     <van-field required :readonly="!formEnabled.acceptingForm.agricultureFormEnabled" rows="2" v-model="applicationDetail.ydjfys.nyncbmysyj" :autosize="true" type="textarea" placeholder="乡镇农业农村部门意见" :rules="[{ required: true }]"/>
-                    <van-field :rules="[{ required: true }]"  v-if="applicationDetail.ydjfys.nyncbmysjbrxm !='' && applicationDetail.ydjfys.nyncbmysjbrxm !=null && !applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('jpeg')"
-                               @click="formEnabled.acceptingForm.agricultureFormEnabled && searchCommit('ydjfys.nyncbmysjbrxm')"  required :readonly="!formEnabled.baseApplyForm.agricultureFormEnabled" v-model="applicationDetail.ydjfys.nyncbmysjbrxm" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>
-                    <van-cell title="负责人:" v-if="applicationDetail.ydjfys.nyncbmysjbrxm =='' || applicationDetail.ydjfys.nyncbmysjbrxm ==null || applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('jpeg')"   :rules="[{ required: true }]">
-                      <van-button :disabled="!formEnabled.acceptingForm.agricultureFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfys.nyncbmysjbrxm =='' || applicationDetail.ydjfys.nyncbmysjbrxm ==null || !applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfys.nyncbmysjbrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfys.nyncbmysjbrxm')">签名确认</van-button>
+                    <van-cell title="负责人:" :rules="[{ required: true }]">
                       <van-image
                         width="100"
                         height="50"
                         :readonly="!formEnabled.acceptingForm.agricultureFormEnabled"
                         v-if="applicationDetail.ydjfys.nyncbmysjbrxm !='' && applicationDetail.ydjfys.nyncbmysjbrxm !=null
-                              && applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('jpeg')"
+                              && applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('png')"
                         :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.nyncbmysjbrxm"
                         @click="formEnabled.acceptingForm.agricultureFormEnabled && searchCommit('ydjfys.nyncbmysjbrxm')"
                       ></van-image>
+                      <div  v-if="applicationDetail.ydjfys.nyncbmysjbrxm !='' && applicationDetail.ydjfys.nyncbmysjbrxm !=null
+                              && !applicationDetail.ydjfys.nyncbmysjbrxm.endsWith('png')">{{applicationDetail.ydjfys.nyncbmysjbrxm}}</div>
                     </van-cell>
 <!--                    <van-cell title="现场照片:">-->
 <!--                      <house-location-plan-comp ref="tHouseApplyEndNongye" :uploadDisabled="!formEnabled.acceptingForm.agricultureFormEnabled" :jsonData="uploadImgEndNongyePlan.fileList" :proposer-id="uploadImgTown.proposerId" tableName="t_house_apply_end_nongye_options"-->
@@ -1450,19 +1440,17 @@
                   <van-col span="5">乡镇<br/>自然<br/>资源<br/>部门<br/>意见</van-col>
                   <van-col span="19">
                     <van-field required :readonly="!formEnabled.acceptingForm.nature_resourceFormEnabled" rows="2" v-model="applicationDetail.ydjfys.zrzybmysyj" :autosize="true" type="textarea" placeholder="乡镇自然资源部门意见" :rules="[{ required: true }]"/>
-                    <van-field :rules="[{ required: true }]"  v-if="applicationDetail.ydjfys.zrzybmysjbrxm !='' && applicationDetail.ydjfys.zrzybmysjbrxm !=null && !applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('jpeg')"
-                               @click="formEnabled.acceptingForm.nature_resourceFormEnabled && searchCommit('ydjfys.zrzybmysjbrxm')" required :readonly="!formEnabled.acceptingForm.nature_resourceFormEnabled" v-model="applicationDetail.ydjfys.zrzybmysjbrxm" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>
-                    <van-cell title="负责人:" v-if="applicationDetail.ydjfys.zrzybmysjbrxm =='' || applicationDetail.ydjfys.zrzybmysjbrxm ==null || applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('jpeg')"   :rules="[{ required: true }]">
-                      <van-button :disabled="!formEnabled.acceptingForm.nature_resourceFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfys.zrzybmysjbrxm =='' || applicationDetail.ydjfys.zrzybmysjbrxm ==null || !applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfys.zrzybmysjbrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfys.zrzybmysjbrxm')">签名确认</van-button>
+                    <van-cell title="负责人:" :rules="[{ required: true }]">
                       <van-image
                         width="100"
                         height="50"
                         :readonly="!formEnabled.acceptingForm.nature_resourceFormEnabled"
                         v-if="applicationDetail.ydjfys.zrzybmysjbrxm !='' && applicationDetail.ydjfys.zrzybmysjbrxm !=null
-                              && applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('jpeg')"
+                              && applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('png')"
                         :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.zrzybmysjbrxm"
-                        @click="formEnabled.acceptingForm.nature_resourceFormEnabled && searchCommit('ydjfys.zrzybmysjbrxm')"
                       ></van-image>
+                      <div  v-if="applicationDetail.ydjfys.zrzybmysjbrxm !='' && applicationDetail.ydjfys.zrzybmysjbrxm !=null
+                              && !applicationDetail.ydjfys.zrzybmysjbrxm.endsWith('png')">{{applicationDetail.ydjfys.zrzybmysjbrxm}}</div>
                     </van-cell>
 <!--                    <van-cell title="现场照片:">-->
 <!--                      <house-location-plan-comp ref="tHouseApplyEndNature" :uploadDisabled="!formEnabled.acceptingForm.nature_resourceFormEnabled" :jsonData="uploadImgEndNaturePlan.fileList" :proposer-id="uploadImgEndNaturePlan.proposerId" tableName="t_house_apply_end_nature_options"-->
@@ -1494,19 +1482,17 @@
                   <van-col span="5">乡镇<br/>住建<br/>部门<br/>意见</van-col>
                   <van-col span="19">
                     <van-field required :readonly="!formEnabled.acceptingForm.buildingFormEnabled" v-model="applicationDetail.ydjfys.zfcxjsbmysyj" rows="2" autosize  type="textarea" placeholder="审批意见" :rules="[{ required: true }]"/>
-                    <van-field :rules="[{ required: true }]" v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm !='' && applicationDetail.ydjfys.zfcxjsbmysjbrxm !=null && !applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('jpeg')"
-                               @click="formEnabled.acceptingForm.buildingFormEnabled && searchCommit('ydjfys.zfcxjsbmysjbrxm')" required :readonly="!formEnabled.acceptingForm.acceptingForm" v-model="applicationDetail.ydjfys.zfcxjsbmysjbrxm" label="负责人" placeholder="负责人" input-align="right" label-width="auto"/>
-                    <van-cell title="负责人:"  v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm =='' || applicationDetail.ydjfys.zfcxjsbmysjbrxm ==null || applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('jpeg')" :rules="[{ required: true }]">
-                      <van-button color="#7AC943" :disabled="!formEnabled.acceptingForm.buildingFormEnabled"  v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm =='' || applicationDetail.ydjfys.zfcxjsbmysjbrxm ==null || !applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfys.zfcxjsbmysjbrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfys.zfcxjsbmysjbrxm')">签名确认</van-button>
+                    <van-cell title="负责人:"  :rules="[{ required: true }]">
                       <van-image
                         width="100"
                         height="50"
                         :readonly="!formEnabled.acceptingForm.buildingFormEnabled"
                         v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm !='' && applicationDetail.ydjfys.zfcxjsbmysjbrxm !=null
-                              && applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('jpeg')"
+                              && applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('png')"
                         :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.zfcxjsbmysjbrxm"
-                        @click="formEnabled.acceptingForm.buildingFormEnabled && searchCommit('ydjfys.zfcxjsbmysjbrxm')"
                       ></van-image>
+                      <div  v-if="applicationDetail.ydjfys.zfcxjsbmysjbrxm !='' && applicationDetail.ydjfys.zfcxjsbmysjbrxm !=null
+                              && !applicationDetail.ydjfys.zfcxjsbmysjbrxm.endsWith('png')">{{applicationDetail.ydjfys.zfcxjsbmysjbrxm}}</div>
                     </van-cell>
                     <!--                      <van-cell title="现场照片:">-->
                     <!--                        <house-location-plan-comp ref="pictureUploadApplyingTHouseApproveOther" :uploadDisabled="!formEnabled.baseApplyForm.buildingFormEnabled" :jsonData="uploadImgOther.fileList" :proposer-id="uploadImgOther.proposerId" tableName="t_house_approve_other_options"-->
@@ -1551,19 +1537,17 @@
                   <van-col span="5">乡镇<br/>政府<br/>验收<br/>意见</van-col>
                   <van-col span="19">
                     <van-field required :readonly="!formEnabled.acceptingForm.townFormEnabled" rows="2" v-model="applicationDetail.ydjfys.xzzfysyj" :autosize="true" type="textarea" placeholder="乡镇政府验收意见" :rules="[{ required: true }]"/>
-                    <van-field :rules="[{ required: true }]" v-if="applicationDetail.ydjfys.xzzfysjbrxm !='' && applicationDetail.ydjfys.xzzfysjbrxm !=null && !applicationDetail.ydjfys.xzzfysjbrxm.endsWith('jpeg')"
-                               @click="formEnabled.acceptingForm.agricultureFormEnabled && searchCommit('ydjfys.xzzfysjbrxm')" required :readonly="!formEnabled.acceptingForm.townFormEnabled" v-model="applicationDetail.ydjfys.xzzfysjbrxm" label="负责人:" placeholder="负责人" input-align="right" label-width="auto"/>
-                    <van-cell title="负责人:" v-if="applicationDetail.ydjfys.xzzfysjbrxm =='' || applicationDetail.ydjfys.xzzfysjbrxm ==null || applicationDetail.ydjfys.xzzfysjbrxm.endsWith('jpeg')"   :rules="[{ required: true }]">
-                      <van-button :disabled="!formEnabled.acceptingForm.townFormEnabled" color="#7AC943" v-if="applicationDetail.ydjfys.xzzfysjbrxm =='' || applicationDetail.ydjfys.xzzfysjbrxm ==null || !applicationDetail.ydjfys.xzzfysjbrxm.endsWith('jpeg')" v-model="applicationDetail.ydjfys.xzzfysjbrxm" type="primary" style="float: right;width:100%;height:40px" @click="searchCommit('ydjfys.xzzfysjbrxm')">签名确认</van-button>
+                    <van-cell title="负责人:"   :rules="[{ required: true }]">
                       <van-image
                         width="100"
                         height="50"
                         :readonly="!formEnabled.acceptingForm.townFormEnabled"
                         v-if="applicationDetail.ydjfys.xzzfysjbrxm !='' && applicationDetail.ydjfys.xzzfysjbrxm !=null
-                              && applicationDetail.ydjfys.xzzfysjbrxm.endsWith('jpeg')"
+                              && applicationDetail.ydjfys.xzzfysjbrxm.endsWith('png')"
                         :src="$store.getters.baseRoutingUrl+applicationDetail.ydjfys.xzzfysjbrxm"
-                        @click="formEnabled.acceptingForm.townFormEnabled && searchCommit('ydjfys.xzzfysjbrxm')"
                       ></van-image>
+                      <div  v-if="applicationDetail.ydjfys.xzzfysjbrxm !='' && applicationDetail.ydjfys.xzzfysjbrxm !=null
+                              && !applicationDetail.ydjfys.xzzfysjbrxm.endsWith('png')">{{applicationDetail.ydjfys.xzzfysjbrxm}}</div>
                     </van-cell>
 <!--                    <van-cell title="现场照片:">-->
 <!--                      <house-location-plan-comp ref="tHouseApplyEndZhen" :uploadDisabled="!formEnabled.acceptingForm.townFormEnabled" :jsonData="uploadImgEndZhenPlan.fileList" :proposer-id="uploadImgEndZhenPlan.proposerId" tableName="t_house_apply_end_zhen_options"-->
@@ -2208,7 +2192,7 @@ export default {
         // 查看
         case PROPOSER_VIEW:
           this.formVisible.baseApplyForm.groupFormVisible = hasGroupLevel && this.isNotProposeStatus(homeApplyStatus, ["12", '13']);
-          this.formVisible.baseApplyForm.villageFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11"]);
+          this.formVisible.baseApplyForm.villageFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11","14"]);
           this.formVisible.baseApplyForm.townFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11","12","13","14", "15", "17", "19", this.isInRoles(role, 'town_leader') ? -99 : '7', this.isInRoles(role, 'town_leader') ? -99 : '8']);
           this.formVisible.baseApplyForm.agricultureFormVisible = this.isNotProposeStatus(homeApplyStatus, ["11","12","13","14", "15", "17", this.isInRoles(role, ['town_leader', 'agriculture']) ? -99 : '7', this.isInRoles(role, ['town_leader', 'agriculture']) ? -99 : '8']);
           this.formVisible.baseApplyForm.buildingFormVisible = this.isProposeStatus(homeApplyStatus, ["11","12","13","14", "15", "17",, this.isInRoles(role, ['town_leader', 'building']) ? -99 : '7', this.isInRoles(role, ['town_leader', 'building']) ? -99 : '8']);
@@ -2294,7 +2278,6 @@ export default {
             }
           }
 
-          console.info(this.selectedTabName);
           if(value.homeApplyStage == "3" ){
             // if(this.applicationDetail.ydjfys.villageOption !=null && this.applicationDetail.ydjfys.villageOption !=''){
             //   this.formVisible.baseApplyForm.villageFormVisible = true;
@@ -2322,6 +2305,64 @@ export default {
           let handlerName = this.$store.getters.nickName;
           let handlerTime = this.getDate();
           this.applicationDetail = value;
+          if(this.type === "todo"){
+            if(this.isProposeStatus(homeApplyStatus, ["14"])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail, "cjxzscr", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail, "cjxzscr", this.$route.query.nickName);
+              }
+            }else if(this.isProposeStatus(homeApplyStatus, ["19"]) && this.isInRoles(role, ['nature_resource'])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail.ydjfsp, "zrzybmscrxm", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail.ydjfsp, "zrzybmscrxm", this.$route.query.nickName);
+              }
+            }else if(this.isProposeStatus(homeApplyStatus, ["19"]) && this.isInRoles(role, ['agriculture'])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail.ydjfsp, "nyncbmscrxm", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail.ydjfsp, "nyncbmscrxm", this.$route.query.nickName);
+              }
+            }else if(this.isProposeStatus(homeApplyStatus, ["19"]) && this.isInRoles(role, ['building'])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail.ydjfsp, "zfcxjsbmscrxm", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail.ydjfsp, "zfcxjsbmscrxm", this.$route.query.nickName);
+              }
+            }else if(this.isProposeStatus(homeApplyStatus, ["1C"]) && this.isInRoles(role, ['town_leader'])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail.ydjfsp, "xzzfshpzrxm", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail.ydjfsp, "xzzfshpzrxm", this.$route.query.nickName);
+              }
+            }else if(this.isProposeStatus(homeApplyStatus, ["79"]) && this.isInRoles(role, ['nature_resource'])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail.ydjfys, "zrzybmysjbrxm", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail.ydjfys, "zrzybmysjbrxm", this.$route.query.nickName);
+              }
+            }else if(this.isProposeStatus(homeApplyStatus, ["79"]) && this.isInRoles(role, ['agriculture'])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail.ydjfys, "nyncbmysjbrxm", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail.ydjfys, "nyncbmysjbrxm", this.$route.query.nickName);
+              }
+            }else if(this.isProposeStatus(homeApplyStatus, ["79"]) && this.isInRoles(role, ['building'])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail.ydjfys, "zfcxjsbmysjbrxm", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail.ydjfys, "zfcxjsbmysjbrxm", this.$route.query.nickName);
+              }
+            }else if(this.isProposeStatus(homeApplyStatus, ["7C"]) && this.isInRoles(role, ['town_leader'])){
+              if(this.$route.query.electronicSignature != null){
+                this.$set(this.applicationDetail.ydjfys, "xzzfysjbrxm", this.$route.query.electronicSignature);
+              }else{
+                this.$set(this.applicationDetail.ydjfys, "xzzfysjbrxm", this.$route.query.nickName);
+              }
+            }
+          }
+          console.info(this.applicationDetail);
           this.formVisible.auditVisible = this.type === 'done' || this.type === 'todo';
           // 申请-组级审批 初始化表单
           if(hasGroupLevel)
diff --git a/src/views/sunVillage_info/index_code_rights.vue b/src/views/sunVillage_info/index_code_rights.vue
index 6ee302f1..766a338e 100644
--- a/src/views/sunVillage_info/index_code_rights.vue
+++ b/src/views/sunVillage_info/index_code_rights.vue
@@ -28,6 +28,7 @@
               <div class="nav_list">
                 <router-link :to="{name:'sunVillageInfoListVote',query:{type:'code'}}" class="nav_item n_4">投票表决</router-link>
                 <router-link :to="{name:'sunVillageInfoApplicationList',query:{type:'code'}}" class="nav_item n_6">宅基地申请</router-link>
+                <router-link :to="{name:'sunVillageInfoPaidExitList',query:{type:'code'}}" class="nav_item n_6">宅基地退出</router-link>
               </div>
             </div>
         </div>
diff --git a/src/views/sunVillage_info/paidExit/paidExitAdd.vue b/src/views/sunVillage_info/paidExit/paidExitAdd.vue
new file mode 100644
index 00000000..c9eccfee
--- /dev/null
+++ b/src/views/sunVillage_info/paidExit/paidExitAdd.vue
@@ -0,0 +1,649 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+      >
+        <template #title>
+          <p style="font-weight: bold;">添加有偿退出</p>
+        </template>
+      </van-nav-bar>
+      <p class="main_title">申请人基本信息</p>
+      <van-form ref="_Form">
+      <div class="main_box">
+<!--        <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>-->
+        <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" />
+        <div id="dropList" v-show="showDropList"  style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" >
+          <van-cell id="vanCell"  v-for="(item, index) in getObligeeOptions" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;">
+            {{item.sqrxm}}
+          </van-cell>
+        </div>
+<!--        <van-field-->
+<!--          readonly-->
+<!--          clickable-->
+<!--          v-model="circulation.zjddm"-->
+<!--          label="宅基地代码"-->
+<!--          placeholder="请选择"-->
+<!--          @click="remoteProposerMethod"-->
+<!--          input-align="right"-->
+<!--          right-icon="arrow-down" :rules="[{ required: true }]" required-->
+<!--        />-->
+<!--        <van-popup v-model="showzjddm" position="bottom">-->
+<!--          <van-picker-->
+<!--            show-toolbar-->
+<!--            :columns="zjdDictionaries"-->
+<!--            value-key="zjddm"-->
+<!--            @confirm="onConfirmZjddm"-->
+<!--            @cancel="showzjddm = false"-->
+<!--          />-->
+<!--        </van-popup>-->
+        <van-field
+          v-model="circulation.zjddm"
+          label="宅基地代码"
+          input-align="right"
+        >
+          <template #button>
+            <van-button size="small" @click="mapLook"  type="primary">选择宅基地</van-button>
+          </template>
+        </van-field>
+        <van-field
+          readonly
+          clickable
+          v-model="xb"
+          label="性别"
+          placeholder="请选择"
+          @click="showxb = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showxb" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="xbDictionaries"
+            @confirm="onConfirmXb"
+            @cancel="showxb = false"
+          />
+        </van-popup>
+        <van-field v-model="circulation.sqrzjhm" label="申请人证件号码" placeholder="申请人证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field v-model="circulation.lxdh" label="联系电话" placeholder="联系电话" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <field-select
+          v-model="circulation.gyqk"
+          label="共有情况"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="选择共有情况"
+          :rules="[{ required: true }]"
+          required
+          remote-url="/system/dict/data/type/house_yes_no"
+          :on-remote-response="'data'"
+        />
+        <van-field v-model="circulation.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      </div>
+
+        <p class="main_title">拟申请退出宅基地-面积</p>
+        <van-field v-model="circulation.tcmj" label="面积(㎡)" placeholder="请输入面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+        <field-select
+          v-model="circulation.xz"
+          label="现状"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="选择现状"
+          :rules="[{ required: true }]"
+          required
+          remote-url="/system/dict/data/type/dsxz"
+          :on-remote-response="'data'"
+        />
+        <p class="main_title">拟申请退出宅基地-四至</p>
+        <van-field v-model="circulation.zjdszd" label="东至" placeholder="东至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field v-model="circulation.zjdszn" label="南至" placeholder="南至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field v-model="circulation.zjdszx" label="西至" placeholder="西至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field v-model="circulation.zjdszb" label="北至" placeholder="北至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <p class="main_title">拟申请退出宅基地情况-地类</p>
+        <field-select
+          v-model="circulation.dldm"
+          label="地类"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="选择现状"
+          :rules="[{ required: true }]"
+          required
+          remote-url="/system/dict/data/type/geographic_type"
+          :on-remote-response="'data'"
+        />
+        <p class="main_title">退出宅基地情况</p>
+        <van-field v-model="circulation.tcmj" label="退出面积(㎡)" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+        <van-field v-model="circulation.jzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <div class="main_box">
+        <van-field
+          readonly
+          clickable
+          v-model="tcqllx"
+          label="退出权利类型"
+          placeholder="请选择退出权利类型"
+          @click="showtcqllx = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtcqllx" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tcqllxDictionaries"
+            @confirm="onConfirmTcqllx"
+            @cancel="showtcqllx = false"
+          />
+        </van-popup>
+
+        <!--<van-field
+          readonly
+          clickable
+          v-model="tclx"
+          label="退出类型"
+          placeholder="请选择退出类型"
+          @click="showtclx = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtclx" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tclxDictionaries"
+            @confirm="onConfirmTclx"
+            @cancel="showtclx = false"
+          />
+        </van-popup>-->
+
+        <van-field
+          readonly
+          clickable
+          v-model="tcfs"
+          label="退出方式"
+          placeholder="请选择退出方式"
+          @click="showtcfs = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtcfs" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tcfsDictionaries"
+            @confirm="onConfirmTcfs"
+            @cancel="showtcfs = false"
+          />
+        </van-popup>
+
+        <van-field v-model="circulation.tcqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />
+      </div>
+        <p class="main_title">现居住情况</p>
+        <van-field v-model="circulation.xjzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+        <van-field v-model="circulation.xqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />
+        <van-field v-model="circulation.xjzdd" label="居住地点" placeholder="请输入居住地点" input-align="right" label-width="auto" />
+        <p class="main_title">其他</p>
+
+        <van-field v-model="circulation.sqly" label="申请理由" placeholder="请输入申请理由" input-align="right" label-width="auto"/>
+        <field-date-picker
+          v-model="circulation.sqrq"
+          label="申请日期"
+          placeholder="选择日期"
+          :rules="[{ required: true }]"
+          formatter="yyyy-MM-dd"
+          required
+        />
+        <van-field v-model="circulation.jbrxm" label="经办人姓名" placeholder="请输入经办人姓名" input-align="right" label-width="auto"/>
+        <field-date-picker
+          v-model="circulation.pzrq"
+          label="批准日期"
+          placeholder="选择日期"
+          :rules="[{ required: true }]"
+          formatter="yyyy-MM-dd"
+          required
+        />
+        <field-date-picker
+          v-model="circulation.barq"
+          label="备案日期"
+          placeholder="选择日期"
+          :rules="[{ required: true }]"
+          formatter="yyyy-MM-dd"
+          required
+        />
+
+        <van-dialog v-model="mapShow" show-cancel-button>
+          <MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.sqrxm" :landStatus="landStatus" :deptId="sysFarmer.deptId" @closeMoule="closeMoule"></MapGisObtainTc>
+        </van-dialog>
+        <!-- 3组附件 -->
+        <van-popup
+          v-model="attachmentVisible"
+          closeable
+          position="top"
+          :style="{ height: '61.8%' }"
+          :close-on-click-overlay="proposerStatus == 1"
+          :lazy-render="false"
+        >
+          <van-tabs type="card" style="padding-top: 1.35rem;" color="#1D6FE9" :lazy-render="false" v-model="attachmentActive" ref="attachmentDialog">
+            <van-tab title="退出附件" key="0">
+              <home-apply-upload-comp
+                :business-type="houseApplyUploadComp.businessType"
+                :house-apply-status="houseApplyUploadComp.homeApplyStatus"
+                :process-key="houseApplyUploadComp.processKey"
+                :proposer-id="houseApplyUploadComp.proposerId"
+                :table-name="houseApplyUploadComp.tableName"
+                :readonly="houseApplyUploadComp.readonly"
+                :userName="sysFarmer.memberName"
+                :full="houseApplyUploadComp.full"
+                @uploadFinished="onUploadFinished"
+              >
+              </home-apply-upload-comp>
+            </van-tab>
+          </van-tabs>
+        </van-popup>
+      </van-form>
+      <van-goods-action style="z-index: 999;">
+        <van-goods-action-icon icon="label-o" text="附件" @click="openAttachment" color="#1D6FE9" />
+          <van-goods-action-button type="info" text="保存"  @click="goSubmit(false)" />
+          <van-goods-action-button type="info" text="提交"  @click="goSubmit(true)"/>
+      </van-goods-action>
+    </div>
+</template>
+
+<script>
+import {  getShyqrs,dyAdd,zyyctcApply,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit";
+import HomeApplyUploadComp from "@/components/home/HomeApplyUploadComp";
+import FieldSelect from "@/components/form/FieldSelect";
+import FieldDatePicker from "@/components/form/FieldDatePicker";
+import {formatDate} from "element-ui/src/utils/date-util.js";
+import { } from "@/api/onlineHome/homestead/paidExit";
+import {Notify} from "vant";
+import MapGisObtainTc from "@/components/Map/MapGisObtainTc";
+import Cookies from "js-cookie";
+const PROPOSER_VIEW = 1;
+// 工作流名称
+const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc';
+// 附件表名
+const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc';
+// 其他
+const PROPOSER_MODULE = 'home';
+export default {
+  name: "paidExitAdd",
+  components: { MapGisObtainTc,FieldSelect,FieldDatePicker,HomeApplyUploadComp },
+  data() {
+    return {
+      tcqllxDictionaries:[],//退出权利类型
+      tclxDictionaries:[],//退出类型
+      tcfsDictionaries:[],//退出方式
+      xbDictionaries:[],//申请人证件类型
+      bcfsDictionaries:[],//补偿方式
+      zjdDictionaries:[],//宅基地代码
+      getObligeeOptions:[],//下拉框列表
+      sysFarmer:JSON.parse(Cookies.get('user')),
+      tcqllx:'整体退出',
+      tclx:'有偿退出',
+      tcfs:'使用权',
+      xb:'男',
+      bcfs:'',
+      zjddm:'',
+      landStatus:"1",
+      showtcqllx: false,
+      showtclx: false,
+      showtcfs: false,
+      showxb: false,
+      showbcfs: false,
+      showzjddm: false,
+      showDropList: false,//是否显示下拉框
+      attachmentVisible:false,
+      active: 0,
+      // 表单意图
+      proposerStatus: PROPOSER_VIEW,
+      // 家庭成员tab
+      familyMembersActive: 0,
+      circulation:{
+        // 申请类型  1-宅基地退出
+        sqlx: '1',
+        xb:"1",
+        gyqk:"1",
+        xz:"1",
+        tcfs:"01",
+        jzmj:0.00,
+        tcqllx:"01",
+        xjzmj:0.00,
+        dldm:"10",
+        // 退出类型  01-有偿退出   02-无偿退出
+        tclx: '01',
+      },
+      // 当前附件tab
+      attachmentActive: 0,
+      // 申请附件树
+      houseApplyUploadComp: {
+        businessType: PROPOSER_MODULE,
+        proposerId: -1,
+        homeApplyStatus: "11",
+        processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY,
+        tableName: PROPOSER_STAGE_BASE_APPLY_TABLE,
+        attachmentList: [],
+        readonly: false,
+        full: false,
+      },
+      mapShow: false,
+    };
+  },
+  created() {
+    this.getDictionaries();
+  },
+  methods: {
+    getDictionaries(){
+      //退出权利类型
+      this.houseGetDicts("tcqllx").then((res) => {
+        for(var i = 0 ; i < res.data.length ; i++){
+          this.tcqllxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+        }
+      });
+      //退出类型
+      /*this.houseGetDicts("tclx").then((res) => {
+        for(var i = 0 ; i < res.data.length ; i++){
+          this.tclxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+        }
+      });*/
+      //退出方式
+      this.houseGetDicts("tcfs").then((res) => {
+        for(var i = 0 ; i < res.data.length ; i++){
+          this.tcfsDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+        }
+      });
+      //申请人证件类型
+      this.houseGetDicts("sys_user_sex").then((res) => {
+        for(var i = 0 ; i < res.data.length ; i++){
+          this.xbDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+        }
+      });
+      //补偿方式
+      this.houseGetDicts("bcfs").then((res) => {
+        for(var i = 0 ; i < res.data.length ; i++){
+          this.bcfsDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+        }
+      });
+      //宅基地代码
+      /*zjdzd().then(zjdRes => {
+        for( let i = 0 ; i < zjdRes.rows.length ; i++){
+          this.zjdDictionaries.push(zjdRes.rows[i].zjddm);
+        }
+        if(this.zjdDictionaries.length > 0)
+          this.onConfirmZjddm(this.zjdDictionaries[0]);
+      });*/
+      // getExitProposerDetail().then(res => {
+      //   if (res.data) {
+      //     let data = res.data;
+      //     this.$set(this.circulation, 'sqrxm', data.shyqrdbxm);
+      //     this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);
+      //     this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);
+      //     if(data.shyqrdbzjlx) {
+      //       let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);
+      //       if(val)
+      //         this.zjlx = val.text;
+      //     }
+      //   }
+      // });
+    },
+    /*onConfirmZjddm(data){
+      console.log(data)
+      this.circulation.zjddm = data;
+      this.showzjddm = false;
+      getByZjddm({zjddm: data,}).then(qlrRes => {
+        let data = qlrRes.data;
+        console.log(data)
+        this.$set(this.circulation, 'sqrxm', data.shyqrdbxm);
+        this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);
+        this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);
+        if(data.shyqrdbzjlx)
+        {
+          let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);
+          if(val)
+            this.zjlx = val.text;
+        }
+        this.$forceUpdate();
+      });
+    },*/
+    // 初次申请草稿的附件上传
+    onUploadFinished(fileIdList) {
+      this.$set(this.circulation, "fileList", fileIdList);
+    },
+    onConfirmZjddm(data){
+      console.log(data);
+      this.showzjddm = false;
+      if (data) {
+        this.$set(this.circulation, 'zjddm', data.zjddm);
+        this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);
+        this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);
+        if(data.shyqrdbzjlx)
+        {
+          let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);
+          if(val)
+            this.zjlx = val.text;
+        }
+      }
+      // this.$forceUpdate();
+    },
+    onConfirmXb(data){
+      this.xb = data.text;
+      this.circulation.xb = data.value;
+      this.showxb = false;
+    },
+    onConfirmTcqllx(data){
+      this.tcqllx = data.text;
+      this.circulation.tcqllx = data.value;
+      this.showtcqllx = false;
+    },
+    /*onConfirmTclx(data){
+      this.tclx = data.text;
+      this.circulation.tclx = data.value;
+      this.showtclx = false;
+    },*/
+    onConfirmTcfs(data){
+      this.tcfs = data.text;
+      this.circulation.tcfs = data.value;
+      this.showtcfs = false;
+    },
+    onConfirmBcfs(data){
+      this.bcfs = data.text;
+      this.circulation.bcfs = data.value;
+      this.showbcfs = false;
+    },
+    goSubmit(submit){
+      console.log(this.circulation);
+      this.$refs._Form.validate().then(() => {
+        // 设置初始状态为草稿，0 代表草稿
+        this.$set(this.circulation, "auditStatus", '0');
+      dyAdd(this.circulation).then(response => {
+        if(response.code = 200){
+          if(submit)
+          {
+            zyyctcApply(response.data).then((resp) => {
+              this.$toast.success('提交成功');
+              this.back();
+            });
+          }
+          else {
+            this.$toast.success('保存成功');
+            this.back();
+          }
+        }
+      })
+      }).catch((e) => {
+        Notify({ type: 'danger', message: '请填写完整的表单项' });
+      });
+    },
+    back() {
+      setTimeout(() => this.$router.back(-1), 1000)
+    },
+    remoteProposerMethod() {
+      this.showzjddm = true;
+      this.zjdDictionaries = [];
+      if (this.circulation.sqrxm) {
+        getShyqrs({shyqrdbxm:this.circulation.sqrxm}).then(response => {
+          this.zjdDictionaries = response.data.map(item => {
+            return {
+              zjddm: item.zjddm,
+              shyqrdbxm: item.shyqrdbxm,
+              shyqrdbzjlx: item.shyqrdbzjlx,
+              shyqrdbzjhm: item.shyqrdbzjhm
+            }
+          });
+        });
+      } else {
+        this.zjdDictionaries = [];
+      }
+    },
+    /** 模糊查询人员信息 */
+    remoteTransfereeMethod(query) {
+      if (query !== "") {
+        getShyqrs({shyqrdbxm:query,status:1}).then((response) => {
+          if (response.code == 200) {
+            this.getObligeeOptions = response.rows.map(function (item) {
+            return {
+                      sqrxm:item.shyqrdbxm,
+                      sqrxb:item.xb,
+                      sqrzjhm:item.shyqrdbzjhm,
+                      sqrnhdm:item.nhdm,
+                      sqrzjlx:item.shyqrdbzjlx,
+                      sqrdh:item.dh,
+                      gyfs:item.gyfs,
+                      dz:item.dz,
+                      deptId:item.deptId,
+                      deptName:item.deptName,
+                    }
+            })
+            //设置模糊查询的下拉框和滚动条
+            if (this.getObligeeOptions.length > 0) {
+              this.showDropList = true;   // div显示会阻挡下边的选择框和输入框，showDropList控制下拉框是否显示
+              //设置模糊查询的和滚动条
+              this.$nextTick(() => {
+                if (this.getObligeeOptions.length > 4) {
+                  let height = document.getElementById("vanCell").offsetHeight * 4;
+                  document.getElementById("dropList").style.height = height + "px";
+                  document.getElementById("dropList").style.overflow = "scroll";
+                } else {
+                  document.getElementById("dropList").style.height = "";
+                  document.getElementById("dropList").style.overflow = "visible";
+                }
+              });
+            } else {
+              this.showDropList = false;
+            }
+          }
+        });
+      } else {
+        this.getObligeeOptions = [];
+        this.showDropList = false;
+      }
+    },
+    // 打开附件树
+    openAttachment() {
+      this.attachmentVisible = true;
+      if(this.attachmentActive == this.active)
+        this.$nextTick(() => {
+          this.$refs.attachmentDialog.scrollTo(this.active);
+        });
+    },
+    shyqrdmxmChange(val){
+      console.info(val);
+      this.$set(this.circulation, "sqrxm", val.sqrxm);
+      this.$set(this.circulation, "deptId", val.deptId);
+      this.$set(this.circulation, "deptName", val.deptId);
+      this.$set(this.circulation, "sqrzjhm", val.sqrzjhm);
+      this.$set(this.circulation, "sqrzjlx", val.sqrzjlx);
+      this.$set(this.circulation, "sqrnhdm", val.sqrnhdm);
+      this.$set(this.circulation, "gyqk", val.gyfs);
+      this.$set(this.circulation, "xb", val.sqrxb);
+      this.$set(this.circulation, "lxdh", val.sqrdh);
+      this.$set(this.circulation, "hkszd", val.dz);
+      this.getObligeeOptions=[];
+      this.showDropList = false;
+    },
+    mapLook(){
+      this.mapShow = true;
+      setTimeout(() => {
+        this.$refs.zjdProductResh.drawingLyPaceCountryDarw();
+      },1000);
+    },
+    // 获取日期, yyyy-MM-dd
+    getDate(d) {
+      return formatDate(d ? d : new Date(), 'yyyy-MM-dd');
+    },
+    /** 查找地图中宅基地 */
+    closeMoule: function (data) {
+      this.circulation.zjddm = data;
+      let _this = this;
+      let handlerTime = this.getDate();
+      this.$set(this.circulation, "sqrq", handlerTime);
+      this.$set(this.circulation, "pzrq", handlerTime);
+      this.$set(this.circulation, "barq", handlerTime);
+      getByLyZjddm(data).then((response) => {
+        this.$set(this.circulation, "ntcmj", response.data.zdmj);
+        this.$set(this.circulation, "tcmj", response.data.zdmj);
+        this.$set(this.circulation, "zjdszd", response.data.zdszd);
+        this.$set(this.circulation, "zjdszn", response.data.zdszn);
+        this.$set(this.circulation, "zjdszx", response.data.zdszx);
+        this.$set(this.circulation, "zjdszb", response.data.zdszb);
+        this.$set(this.circulation, "theGeomJson", response.data.theGeomJson);
+        this.$set(this.circulation, "tcqszsh", response.data.zsh);
+        listHomesteadnmfw({zjddm: data}).then((response) => {
+          response.rows.map(function(item){
+            _this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj));
+            _this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj));
+          });
+        });
+        // const baseImgUrl = this.$store.getters.baseRoutingUrl;
+        if(response.rows[0].zdt != null && response.rows[0].zdt !== ""){
+          this.$set(this.form, "xzzp", response.rows[0].zdt);
+        }
+      });
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .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;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+
+  }
+  /*#dropList::-webkit-scrollbar {*/
+  /*  !*滚动条整体样式*!*/
+  /*  width: 5px;     !*高宽分别对应横竖滚动条的尺寸*!*/
+  /*  height: 1px;*/
+  /*}*/
+  /*#dropList::-webkit-scrollbar-thumb {*/
+  /*  !*滚动条里面小方块*!*/
+  /*  border-radius: 10px;*/
+  /*  background: #fff;*/
+  /*  box-shadow: inset 0 0 5px rgb(0, 122, 204);*/
+  /*}*/
+  /*#dropList::-webkit-scrollbar-track {*/
+  /*  border-radius: 10px;*/
+  /*  background: #fff;*/
+  /*  !*滚动条里面轨道*!*/
+  /*  box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);*/
+  /*}*/
+</style>
diff --git a/src/views/sunVillage_info/paidExit/paidExitDetail.vue b/src/views/sunVillage_info/paidExit/paidExitDetail.vue
new file mode 100644
index 00000000..a67239ba
--- /dev/null
+++ b/src/views/sunVillage_info/paidExit/paidExitDetail.vue
@@ -0,0 +1,810 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+      >
+        <template #title>
+          <p style="font-weight: bold;">有偿退出</p>
+        </template>
+      </van-nav-bar>
+      <div class="main_box">
+        <!--        <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>-->
+        <van-field  readonly v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" />
+        <div id="dropList" v-show="showDropList"  style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" >
+          <van-cell id="vanCell"  v-for="(item, index) in getObligeeOptions" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;">
+            {{item.sqrxm}}
+          </van-cell>
+        </div>
+        <!--        <van-field-->
+        <!--          readonly-->
+        <!--          clickable-->
+        <!--          v-model="circulation.zjddm"-->
+        <!--          label="宅基地代码"-->
+        <!--          placeholder="请选择"-->
+        <!--          @click="remoteProposerMethod"-->
+        <!--          input-align="right"-->
+        <!--          right-icon="arrow-down" :rules="[{ required: true }]" required-->
+        <!--        />-->
+        <!--        <van-popup v-model="showzjddm" position="bottom">-->
+        <!--          <van-picker-->
+        <!--            show-toolbar-->
+        <!--            :columns="zjdDictionaries"-->
+        <!--            value-key="zjddm"-->
+        <!--            @confirm="onConfirmZjddm"-->
+        <!--            @cancel="showzjddm = false"-->
+        <!--          />-->
+        <!--        </van-popup>-->
+        <van-field
+          readonly
+          v-model="circulation.zjddm"
+          label="宅基地代码"
+          input-align="right"
+        >
+          <template #button>
+            <van-button size="small" @click="mapLook"  type="primary">选择宅基地</van-button>
+          </template>
+        </van-field>
+        <field-select
+          readonly
+          v-model="circulation.xb"
+          label="性別"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="选择现状"
+          :rules="[{ required: true }]"
+          required
+          remote-url="/system/dict/data/type/sys_user_sex"
+          :on-remote-response="'data'"
+        />
+
+        <van-field readonly v-model="circulation.sqrzjhm" label="申请人证件号码" placeholder="申请人证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field readonly v-model="circulation.lxdh" label="联系电话" placeholder="联系电话" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <field-select
+          readonly
+          v-model="circulation.gyqk"
+          label="共有情况"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="选择共有情况"
+          :rules="[{ required: true }]"
+          required
+          remote-url="/system/dict/data/type/house_yes_no"
+          :on-remote-response="'data'"
+        />
+        <van-field readonly v-model="circulation.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      </div>
+              <div v-if="circulation.jtcyqkList">
+                <p class="main_title">家庭成员情况</p>
+
+                <div >
+                  <van-tabs v-if="circulation.jtcyqkList && circulation.jtcyqkList.length > 0" v-model="familyMembersActive" ref="memberTabs">
+                    <van-tab :title="(index + 1) + '. ' + item.xm" v-for="(item , index) in circulation.jtcyqkList" :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 readonly required v-model="item.xm" label="姓名" placeholder="姓名" input-align="right" :rules="[{ required: true }]"/>
+                          <van-field readonly required v-model="item.nl" label="年龄" placeholder="年龄" input-align="right" :rules="[{ required: true }]"/>
+                          <field-select
+                            v-model="item.yhzgx"
+                            readonly
+                            label="与户主关系"
+                            value-key="dictLabel"
+                            data-key="dictValue"
+                            placeholder="选择与户主关系"
+                            :rules="[{ required: true }]"
+                            required
+                            remote-url="/system/dict/data/type/family_status"
+                            :on-remote-response="'data'"
+                          />
+                          <van-field readonly required v-model="item.sfzh" label="身份证号" placeholder="身份证号" input-align="right" :rules="[{pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/}]" @input="updateMemberInfo(index)"/>
+                          <van-field readonly required v-model="item.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" :rules="[{ required: true }]"/>
+                        </div>
+                      </div>
+                    </van-tab>
+                  </van-tabs>
+                </div>
+              </div>
+      <div v-if="circulation.gyrqkList">
+        <p class="main_title">共有人情况</p>
+
+        <div >
+          <van-tabs v-if="circulation.gyrqkList && circulation.gyrqkList.length > 0" v-model="familyMembersActive" ref="memberTabs">
+            <van-tab :title="(index + 1) + '. ' + item.xm" v-for="(item , index) in circulation.gyrqkList" :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 readonly required v-model="item.xm" label="姓名" placeholder="姓名" input-align="right" :rules="[{ required: true }]"/>
+                  <van-field readonly required v-model="item.nl" label="年龄" placeholder="年龄" input-align="right" :rules="[{ required: true }]"/>
+                  <field-select
+                    v-model="item.yhzgx"
+                    label="与户主关系"
+                    value-key="dictLabel"
+                    data-key="dictValue"
+                    placeholder="选择与户主关系"
+                    :rules="[{ required: true }]"
+                    required
+                    readonly
+                    remote-url="/system/dict/data/type/family_status"
+                    :on-remote-response="'data'"
+                  />
+                  <van-field readonly required v-model="item.sfzh" label="身份证号" placeholder="身份证号" input-align="right" :rules="[{pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/}]" @input="updateMemberInfo(index)"/>
+                  <van-field readonly required v-model="item.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" :rules="[{ required: true }]"/>
+                </div>
+              </div>
+            </van-tab>
+          </van-tabs>
+        </div>
+      </div>
+      <p class="main_title">拟申请退出宅基地-面积</p>
+      <van-field readonly v-model="circulation.tcmj" label="面积(㎡)" placeholder="请输入面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <field-select
+        readonly
+        v-model="circulation.xz"
+        label="现状"
+        value-key="dictLabel"
+        data-key="dictValue"
+        placeholder="选择现状"
+        :rules="[{ required: true }]"
+        required
+        remote-url="/system/dict/data/type/dsxz"
+        :on-remote-response="'data'"
+      />
+      <p class="main_title">拟申请退出宅基地-四至</p>
+      <van-field readonly v-model="circulation.zjdszd" label="东至" placeholder="东至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field readonly v-model="circulation.zjdszn" label="南至" placeholder="南至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field  readonly v-model="circulation.zjdszx" label="西至" placeholder="西至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field readonly v-model="circulation.zjdszb" label="北至" placeholder="北至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <p class="main_title">拟申请退出宅基地情况-地类</p>
+      <field-select
+        readonly
+        v-model="circulation.dldm"
+        label="地类"
+        value-key="dictLabel"
+        data-key="dictValue"
+        placeholder="选择现状"
+        :rules="[{ required: true }]"
+        required
+        remote-url="/system/dict/data/type/geographic_type"
+        :on-remote-response="'data'"
+      />
+      <p class="main_title">退出宅基地情况</p>
+      <van-field readonly v-model="circulation.tcmj" label="退出面积(㎡)" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field readonly v-model="circulation.jzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <div class="main_box">
+        <van-field
+          readonly
+          clickable
+          v-model="tcqllx"
+          label="退出权利类型"
+          placeholder="请选择退出权利类型"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtcqllx" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tcqllxDictionaries"
+            @cancel="showtcqllx = false"
+          />
+        </van-popup>
+
+        <!--<van-field
+          readonly
+          clickable
+          v-model="tclx"
+          label="退出类型"
+          placeholder="请选择退出类型"
+          @click="showtclx = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtclx" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tclxDictionaries"
+            @confirm="onConfirmTclx"
+            @cancel="showtclx = false"
+          />
+        </van-popup>-->
+
+        <van-field
+          readonly
+          clickable
+          v-model="tcfs"
+          label="退出方式"
+          placeholder="请选择退出方式"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtcfs" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tcfsDictionaries"
+            @cancel="showtcfs = false"
+          />
+        </van-popup>
+
+        <van-field v-model="circulation.tcqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />
+      </div>
+      <p class="main_title">现居住情况</p>
+      <van-field readonly v-model="circulation.xjzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field readonly v-model="circulation.xqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />
+      <van-field readonly v-model="circulation.xjzdd" label="居住地点" placeholder="请输入居住地点" input-align="right" label-width="auto" />
+      <p class="main_title">其他</p>
+
+      <van-field readonly v-model="circulation.sqly" label="申请理由" placeholder="请输入申请理由" input-align="right" label-width="auto"/>
+      <field-date-picker
+        readonly
+        v-model="circulation.sqrq"
+        label="申请日期"
+        placeholder="选择日期"
+        :rules="[{ required: true }]"
+        formatter="yyyy-MM-dd"
+        required
+      />
+      <van-field readonly v-model="circulation.jbrxm" label="经办人姓名" placeholder="请输入经办人姓名" input-align="right" label-width="auto"/>
+      <field-date-picker
+        readonly
+        v-model="circulation.pzrq"
+        label="批准日期"
+        placeholder="选择日期"
+        :rules="[{ required: true }]"
+        formatter="yyyy-MM-dd"
+        required
+      />
+      <field-date-picker
+        v-model="circulation.barq"
+        label="备案日期"
+        placeholder="选择日期"
+        :rules="[{ required: true }]"
+        formatter="yyyy-MM-dd"
+        required
+      />
+
+      <van-dialog v-model="mapShow" show-cancel-button>
+        <MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.sqrxm" :landStatus="landStatus" :deptId="circulation.deptId" @closeMoule="closeMoule"></MapGisObtainTc>
+      </van-dialog>
+      <!-- 3组附件 -->
+      <van-popup
+        v-model="attachmentVisible"
+        closeable
+        position="top"
+        :style="{ height: '61.8%' }"
+        :close-on-click-overlay="proposerStatus == 1"
+        :lazy-render="false"
+      >
+        <van-tabs type="card" style="padding-top: 1.35rem;" color="#1D6FE9" :lazy-render="false" v-model="attachmentActive" ref="attachmentDialog">
+          <van-tab title="退出附件" key="0">
+            <home-apply-upload-comp
+              :business-type="houseApplyUploadComp.businessType"
+              :house-apply-status="houseApplyUploadComp.homeApplyStatus"
+              :process-key="houseApplyUploadComp.processKey"
+              :proposer-id="houseApplyUploadComp.proposerId"
+              :table-name="houseApplyUploadComp.tableName"
+              :readonly="houseApplyUploadComp.readonly"
+              :userName="houseApplyUploadComp.createBy"
+              :full="houseApplyUploadComp.full"
+            >
+            </home-apply-upload-comp>
+          </van-tab>
+        </van-tabs>
+      </van-popup>
+      <!-- 审批 -->
+
+        <div class="main_box examine_box" v-if="showCjt">
+          <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="approval.type !== 'todo' || !cjtspOperation" v-model="circulation.cjzzscyj" rows="2" autosize type="textarea" placeholder="审核意见"/>
+              <van-cell title="负责人:"  :rules="[{ required: true }]">
+                <van-image
+                  v-if="circulation.cjzzscr !='' && circulation.cjzzscr !=null && circulation.cjzzscr.endsWith('png')"
+                  width="100"
+                  height="50"
+                  :src="$store.getters.baseRoutingUrl+circulation.cjzzscr"
+                ></van-image>
+                <div  v-if="circulation.cjzzscr !='' && circulation.cjzzscr !=null && !circulation.cjzzscr.endsWith('png')">{{circulation.cjzzscr}}</div>
+              </van-cell>
+              <field-date-picker
+                v-model="circulation.cjzzscsj"
+                label="审批日期"
+                placeholder="选择日期"
+                :readonly="approval.type !== 'todo' || !cjtspOperation"
+                :rules="[{ required: true }]"
+                formatter="yyyy-MM-dd"
+                required
+              />
+            </van-col>
+
+          </van-row>
+        </div>
+
+        <div class="main_box examine_box" v-if="showZjsp">
+          <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="approval.type !== 'todo'" v-model="circulation.xzzfshpzyj" rows="2" autosize type="textarea" placeholder="审核意见"/>
+              <van-cell title="负责人:"  :rules="[{ required: true }]">
+                <van-image
+                  v-if="circulation.xzzfshpzrxm !='' && circulation.xzzfshpzrxm !=null && circulation.xzzfshpzrxm.endsWith('png')"
+                  width="100"
+                  height="50"
+                  :src="$store.getters.baseRoutingUrl+circulation.xzzfshpzrxm"
+                ></van-image>
+                <div v-if="circulation.xzzfshpzrxm !='' && circulation.xzzfshpzrxm !=null && !circulation.xzzfshpzrxm.endsWith('png')">{{circulation.xzzfshpzrxm}}</div>
+              </van-cell>
+              <field-date-picker
+                v-model="circulation.xzzfshpzsj"
+                label="审批日期"
+                placeholder="选择日期"
+                :rules="[{ required: true }]"
+                :readonly="approval.type !== 'todo'"
+                formatter="yyyy-MM-dd"
+                required
+              />
+            </van-col>
+
+          </van-row>
+        </div>
+      <div class="clear"></div>
+      <van-goods-action style="z-index: 999;">
+        <van-goods-action-icon icon="label-o" text="附件" @click="openAttachment" color="#1D6FE9" />
+        <van-goods-action-button type="info" text="同意" v-if="approval.type == 'todo'"  @click="complete(true)" />
+        <van-goods-action-button type="danger" text="驳回" v-if="approval.type == 'todo'"  @click="complete(false)"/>
+      </van-goods-action>
+    </div>
+</template>
+
+<script>
+  import {  getZyyctc,getShyqrs,zyyctcEdit,zyyctcApply,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit";
+  import HomeApplyUploadComp from "@/components/home/HomeApplyUploadComp";
+  import FieldSelect from "@/components/form/FieldSelect";
+  import FieldDatePicker from "@/components/form/FieldDatePicker";
+  import {formatDate} from "element-ui/src/utils/date-util.js";
+  import { } from "@/api/onlineHome/homestead/paidExit";
+  import {Notify} from "vant";
+  import MapGisObtainTc from "@/components/Map/MapGisObtainTc";
+import request from '@/utils/request';
+  const PROPOSER_VIEW = 1;
+  // 工作流名称
+  const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc';
+  // 附件表名
+  const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc';
+  // 其他
+  const PROPOSER_MODULE = 'home';
+export default {
+  name: "paidExitDetail",
+  components: { MapGisObtainTc,FieldSelect,FieldDatePicker,HomeApplyUploadComp },
+  data() {
+    return {
+      tcqllxDictionaries:[],//退出权利类型
+      tclxDictionaries:[],//退出类型
+      tcfsDictionaries:[],//退出方式
+      xbDictionaries:[],//申请人证件类型
+      zjlxDictionaries:[],
+      bcfsDictionaries:[],//补偿方式
+      zjdDictionaries:[],//宅基地代码
+      getObligeeOptions:[],//下拉框列表
+      tcqllx:'',
+      tclx:'',
+      tcfs:'',
+      xb:'',
+      bcfs:'',
+      zjddm:'',
+      landStatus:"1",
+      nickName:this.$route.query.nickName,
+      electronicSignature:this.$route.query.electronicSignature,
+      showtcqllx: false,
+      showtclx: false,
+      showtcfs: false,
+      showxb: false,
+      showbcfs: false,
+      showzjddm: false,
+      showZjsp: false,
+      showCjt:false,
+      cjtspOperation:false,
+      showDropList: false,//是否显示下拉框
+      mapShow: false,
+      attachmentVisible:false,
+      // 家庭成员tab
+      familyMembersActive: 0,
+      active: 0,
+      // 表单意图
+      proposerStatus: PROPOSER_VIEW,
+      circulation:{},
+      // 当前附件tab
+      attachmentActive: 0,
+      // 申请附件树
+      houseApplyUploadComp: {
+        businessType: PROPOSER_MODULE,
+        proposerId: this.$route.query.id,
+        homeApplyStatus: "11",
+        processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY,
+        tableName: PROPOSER_STAGE_BASE_APPLY_TABLE,
+        attachmentList: [],
+        readonly: true,
+        full: false,
+      },
+      approval: {
+        taskId: null,
+        instanceId: null,
+        type: null,
+        id: null,
+        comment: '',
+      },
+    };
+  },
+  created() {
+    this.approval.id = this.$route.query.id;
+    this.approval.instanceId = this.$route.query.instanceId;
+    this.approval.type = this.$route.query.type;
+    this.approval.taskId = this.$route.query.taskId;
+    this.getDetail();
+  },
+  methods: {
+    // 获取日期, yyyy-MM-dd
+    getDate(d) {
+      return formatDate(d ? d : new Date(), 'yyyy-MM-dd');
+    },
+    getDetail(){
+      getZyyctc(this.$route.query.id).then(response => {
+        this.circulation = response.data;
+        if(this.circulation.jtcyqkList != null){
+          for(let i = 0; i < this.circulation.jtcyqkList.length; i++)
+          {
+            this.updateMemberInfo(i);
+          }
+        }
+        if(this.circulation.gyrqkList != null){
+          for(let i = 0; i < this.circulation.gyrqkList.length; i++)
+          {
+            this.updateMemberInfoGy(i);
+          }
+        }
+        if(this.approval.type === "todo"){
+          if(response.data.auditStatus === "1" || response.data.auditStatus === "2"){
+            if(this.electronicSignature != null){
+              this.$set(this.circulation, "cjzzscr", this.electronicSignature);
+            }else{
+              this.$set(this.circulation, "cjzzscr", this.nickName);
+            }
+            let handlerTime = this.getDate();
+            this.$set(this.circulation, "cjzzscsj", handlerTime);
+            this.cjtspOperation = true;
+            this.showCjt = true;
+
+          }else if(response.data.auditStatus === "3"){
+            this.showZjsp = true;
+            this.showCjt = true;
+            if(this.electronicSignature != null){
+              this.zzfdzqmShow = true;
+              this.$set(this.circulation, "xzzfshpzrxm", this.electronicSignature);
+            }else{
+              this.$set(this.circulation, "xzzfshpzrxm", this.nickName);
+            }
+            let handlerTime = this.getDate();
+            this.$set(this.circulation, "xzzfshpzsj", handlerTime);
+          }
+        }else{
+          if(response.data.auditStatus === "4" ){
+            this.showCjt = true;
+            this.showZjsp = true;
+          }else if(response.data.auditStatus === "0" || response.data.auditStatus === "1"){
+            this.showCjt = false;
+          }else{
+            this.showCjt = true;
+          }
+        }
+
+        //退出权利类型
+        this.houseGetDicts("tcqllx").then((res) => {
+          for (var i = 0; i < res.data.length; i++) {
+            this.tcqllxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+          }
+          this.tcqllx = this.selectDictLabel(res.data, response.data.tcqllx);
+        });
+        //退出方式
+        this.houseGetDicts("tcfs").then((res) => {
+          for (var i = 0; i < res.data.length; i++) {
+            this.tcfsDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+          }
+          this.tcfs = this.selectDictLabel(res.data, response.data.tcfs);
+        });
+        //审核状态
+        this.houseGetDicts("audit_status").then((res) => {
+          this.circulation.auditStatus = this.selectDictLabel(res.data, response.data.auditStatus);
+        });
+      });
+    },
+    parseIDCard(idcard) {
+      if(!idcard)
+        return false;
+      if(idcard.length !== 18)
+        return false;
+      if(!/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(idcard))
+        return false;
+      let sex = (parseInt(idcard.substr(16, 1)) % 2) ^ 1;
+      let now = new Date().getFullYear();
+      let y = parseInt(idcard.substr(6, 4));
+      let age = Math.max(now - y, 0);
+      return [sex, age];
+    },
+    updateMemberInfo(index) {
+      let res = this.parseIDCard(this.circulation.jtcyqkList[index].sfzh);
+      if(res)
+      {
+        this.$set(this.circulation.jtcyqkList[index], 'nl', res[1]);
+      }
+    },
+    updateMemberInfoGy(index) {
+      let res = this.parseIDCard(this.circulation.gyrqkList[index].sfzh);
+      if(res)
+      {
+        this.$set(this.circulation.gyrqkList[index], 'nl', res[1]);
+      }
+    },
+    remoteProposerMethod() {
+      this.showzjddm = true;
+      this.zjdDictionaries = [];
+      if (this.circulation.sqrxm) {
+        getShyqrs({shyqrdbxm:this.circulation.sqrxm}).then(response => {
+          this.zjdDictionaries = response.data.map(item => {
+            return {
+              zjddm: item.zjddm,
+              shyqrdbxm: item.shyqrdbxm,
+              shyqrdbzjlx: item.shyqrdbzjlx,
+              shyqrdbzjhm: item.shyqrdbzjhm
+            }
+          });
+        });
+      } else {
+        this.zjdDictionaries = [];
+      }
+    },
+    /** 模糊查询人员信息 */
+    remoteTransfereeMethod(query) {
+      if (query !== "") {
+        getShyqrs({shyqrdbxm:query,status:1}).then((response) => {
+          if (response.code == 200) {
+            this.getObligeeOptions = response.rows.map(function (item) {
+              return {
+                sqrxm:item.shyqrdbxm,
+                sqrxb:item.xb,
+                sqrzjhm:item.shyqrdbzjhm,
+                sqrzjlx:item.shyqrdbzjlx,
+                sqrdh:item.dh,
+                gyfs:item.gyfs,
+                dz:item.dz,
+                deptId:item.deptId,
+                deptName:item.deptName,
+              }
+            })
+            //设置模糊查询的下拉框和滚动条
+            if (this.getObligeeOptions.length > 0) {
+              this.showDropList = true;   // div显示会阻挡下边的选择框和输入框，showDropList控制下拉框是否显示
+              //设置模糊查询的和滚动条
+              this.$nextTick(() => {
+                if (this.getObligeeOptions.length > 4) {
+                  let height = document.getElementById("vanCell").offsetHeight * 4;
+                  document.getElementById("dropList").style.height = height + "px";
+                  document.getElementById("dropList").style.overflow = "scroll";
+                } else {
+                  document.getElementById("dropList").style.height = "";
+                  document.getElementById("dropList").style.overflow = "visible";
+                }
+              });
+            } else {
+              this.showDropList = false;
+            }
+          }
+        });
+      } else {
+        this.getObligeeOptions = [];
+        this.showDropList = false;
+      }
+    },
+    shyqrdmxmChange(val){
+      console.info(val);
+      this.$set(this.circulation, "sqrxm", val.sqrxm);
+      this.$set(this.circulation, "deptId", val.deptId);
+      this.$set(this.circulation, "deptName", val.deptId);
+      this.$set(this.circulation, "sqrzjhm", val.sqrzjhm);
+      this.$set(this.circulation, "sqrzjlx", val.sqrzjlx);
+      this.$set(this.circulation, "gyqk", val.gyfs);
+      this.$set(this.circulation, "xb", val.sqrxb);
+      this.$set(this.circulation, "lxdh", val.sqrdh);
+      this.$set(this.circulation, "hkszd", val.dz);
+      this.getObligeeOptions=[];
+      this.showDropList = false;
+    },
+    /** 查找地图中宅基地 */
+    closeMoule: function (data) {
+      this.circulation.zjddm = data;
+      let _this = this;
+      let handlerTime = this.getDate();
+      this.$set(this.circulation, "sqrq", handlerTime);
+      this.$set(this.circulation, "pzrq", handlerTime);
+      this.$set(this.circulation, "barq", handlerTime);
+      getByLyZjddm(data).then((response) => {
+        this.$set(this.circulation, "ntcmj", response.data.zdmj);
+        this.$set(this.circulation, "tcmj", response.data.zdmj);
+        this.$set(this.circulation, "zjdszd", response.data.zdszd);
+        this.$set(this.circulation, "zjdszn", response.data.zdszn);
+        this.$set(this.circulation, "zjdszx", response.data.zdszx);
+        this.$set(this.circulation, "zjdszb", response.data.zdszb);
+        this.$set(this.circulation, "theGeomJson", response.data.theGeomJson);
+        this.$set(this.circulation, "tcqszsh", response.data.zsh);
+        listHomesteadnmfw({zjddm: data}).then((response) => {
+          response.rows.map(function(item){
+            _this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj));
+            _this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj));
+          });
+        });
+        // const baseImgUrl = this.$store.getters.baseRoutingUrl;
+        if(response.rows[0].zdt != null && response.rows[0].zdt !== ""){
+          this.$set(this.form, "xzzp", response.rows[0].zdt);
+        }
+      });
+    },
+    mapLook(){
+      this.mapShow = true;
+      setTimeout(() => {
+        this.$refs.zjdProductResh.drawingLyPaceCountryDarw();
+      },1000);
+    },
+    // 打开附件树
+    openAttachment() {
+      this.attachmentVisible = true;
+      if(this.attachmentActive == this.active)
+        this.$nextTick(() => {
+          this.$refs.attachmentDialog.scrollTo(this.active);
+        });
+    },
+    complete(pass) {
+      if(this.circulation.auditStatus === "1" || this.circulation.auditStatus === "2"){
+        this.approval.comment = this.circulation.cjzzscyj;
+      }else{
+        this.approval.comment = this.circulation.xzzfshpzyj;
+      }
+      if(!this.approval.taskId || !this.approval.instanceId || this.approval.type !== 'todo')
+      {
+        console.error("无效操作");
+        return false;
+      }
+      if(!this.approval.comment)
+      {
+        this.notify("请填写审批意见", 'danger');
+        return false;
+      }
+      /*let data = {
+        taskId: this.approval.taskId,
+        instanceId: this.approval.instanceId,
+        variables: JSON.stringify({
+          pass: pass ? "true" : "false",
+          comment: this.approval.comment ? this.approval.comment : (pass ? '同意' : '驳回'),
+        }),
+      };
+      request({
+        url: "/activiti/process/complete",
+        method: "post",
+        params: data,
+      }).then((response) => {
+        this.notify("操作成功", 'success');
+        this.$router.back();
+      }).catch(e => {
+        this.notify("操作失败!", 'danger');
+      });*/
+      if (pass) {
+        let data = {
+          taskId: this.approval.taskId,
+          instanceId: this.approval.instanceId,
+          variables: JSON.stringify({
+            pass: "true",
+            comment: this.approval.comment ? this.approval.comment : "同意",
+          }),
+        };
+        zyyctcEdit(this.circulation).then(response => {
+          request({
+            url: "/activiti/process/complete",
+            method: "post",
+            params: data,
+          }).then((response) => {
+            this.notify("操作成功", 'success');
+            this.$router.back();
+          }).catch(e => {
+            this.notify("操作失败!", 'danger');
+          });
+        });
+
+      } else {
+        let _this = this;
+        _this.$dialog.confirm({
+          message: '是否确认驳回此条申请',
+        }).then(() => {
+          let data = {
+            taskId: _this.approval.taskId,
+            instanceId: _this.approval.instanceId,
+            variables: JSON.stringify({
+              pass: "false",
+              comment: _this.approval.comment ? _this.approval.comment : "驳回",
+            }),
+          };
+          zyyctcEdit(this.circulation).then(response => {
+            request({
+              url: "/activiti/process/complete",
+              method: "post",
+              params: data,
+            }).then((response) => {
+              _this.notify("操作成功", 'success');
+              _this.$router.back();
+            }).catch(e => {
+              _this.notify("操作失败!", 'danger');
+            });
+          });
+        });
+      }
+      return true;
+    },
+    notify(message, type) {
+      Notify.clear();
+      Notify({ type: type || 'primary', message: message });
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .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;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+
+  }
+  .clear{
+    height: 80px;
+  }
+  .examine_box{
+    background-color: #1D6FE9!important;
+    padding: 0.18rem!important;
+    padding-left: 0!important;
+    border-radius: 0.15rem!important;
+    margin-top: 0.3rem!important;
+    .van-col:first-child{
+      color: #FFF!important;
+      font-size: 0.45rem!important;
+      text-align: center!important;
+    }
+    .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;
+      }
+    }
+  }
+</style>
diff --git a/src/views/sunVillage_info/paidExit/paidExitList.vue b/src/views/sunVillage_info/paidExit/paidExitList.vue
new file mode 100644
index 00000000..5c82d4ce
--- /dev/null
+++ b/src/views/sunVillage_info/paidExit/paidExitList.vue
@@ -0,0 +1,193 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+        @click-right="goAdd"
+      >
+        <template #title>
+          <p style="font-weight: bold;">有偿退出</p>
+        </template>
+        <template #right>
+          <van-icon name="add" size="18" />
+        </template>
+      </van-nav-bar>
+      <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.zjddm" :value="item.auditStatus" center :to="{name:'sunVillageInfoPaidExitDetail', query: {id:item.id}}" >
+            <template #icon>
+              <van-icon name="../../../static/images/onlineHome/icon_zjd3.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+            </template>
+            <template #label>
+              <p><b style="color: #539FFD;">{{item.tcfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.sqrxm}}</b><i style="margin-right: 0.5rem;"></i>{{item.tcmj}}㎡</p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square text="修改" v-if="item.auditStatus=='草稿'" :to="{name:'sunVillageInfoPaidExitModify', query: {id:item.id}}" type="info" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="提交" type="primary" v-if="item.auditStatus=='草稿'" class="delete-button" @click="goSubmit(item)" />
+              </van-col>
+              <van-col>
+                <van-button square text="删除" v-if="item.auditStatus=='草稿'" @click="deleteList(item.id,index)" type="danger" class="delete-button" />
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+    </div>
+</template>
+
+<script>
+import { getList, removeList, zyyctcApply } from "@/api/sunVillage_info/homestead/paidExit";
+export default {
+  name: "paidExit",
+  data() {
+    return {
+      applicationList:[],
+      houseApplyStatus:[],
+      tcqllxStatus:[],
+      tclxStatus:[],
+      tcfsStatus:[],
+      auditStatus:[],
+      loading: false,
+      finished: false,
+      queryParams:{
+        pageNum:1,
+        pageSize:10,
+        orderByColumn:'createTime',
+        isAsc:'desc',
+        // 申请类型  1-宅基地退出
+        sqlx: '1',
+        // 退出类型  01-有偿退出   02-无偿退出
+        tclx: '01',
+      }
+    };
+  },
+  created() {
+    this.houseGetDicts("tcqllx").then((res) => {
+      this.tcqllxStatus = res.data;
+    });
+    this.houseGetDicts("tclx").then((res) => {
+      this.tclxStatus = res.data;
+    });
+    this.houseGetDicts("tcfs").then((res) => {
+      this.tcfsStatus = res.data;
+    });
+    this.houseGetDicts("yctcsp_status").then((res) => {
+      // this.auditStatus = res.data;
+      let _this = this;
+      res.data.forEach((item) => {
+        if (item.dictValue < 5) {
+          _this.auditStatus.push(item);
+        } else if (item.dictValue == 5) {
+          item.dictLabel = "审核通过";
+          _this.auditStatus.push(item);
+        }
+      });
+    });
+  },
+  methods: {
+    goAdd(){
+      window.location = '/sunVillage_info/paidExitAdd';
+    },
+    getList(){
+      setTimeout(() => {
+        getList(this.queryParams).then(response => {
+          console.log(response)
+          for (var i = 0; i < response.rows.length; i++) {
+            response.rows[i].tclx = this.selectDictLabel(this.tcqllxStatus, response.rows[i].tclx)
+            response.rows[i].tclx = this.selectDictLabel(this.tclxStatus, response.rows[i].tclx)
+            response.rows[i].tcfs = this.selectDictLabel(this.tcfsStatus, response.rows[i].tcfs)
+            response.rows[i].auditStatus = this.selectDictLabel(this.auditStatus, response.rows[i].auditStatus)
+            this.applicationList.push(response.rows[i]);
+          }
+          if(this.applicationList.length >= response.total){
+            this.finished = true;
+            return;
+          }else{
+            this.loading = false;
+            this.queryParams.pageNum += 1 ;
+          }
+        });
+      }, 1000);
+    },
+    deleteList(id,index){
+      this.$dialog.confirm({
+        message: '您确认删除此申请草稿？',
+      })
+      .then(() => {
+        // on confirm
+        this.applicationList.splice(index,1)
+        removeList(id).then(res => {
+          if(res.code = 200){
+            this.$toast.success('删除成功');
+          }
+        });
+      })
+      .catch(() => {
+        // on cancel
+      });
+    },
+    goSubmit(item) {
+      zyyctcApply(item.id).then(response => {
+        if (response.code = 200) {
+          this.$toast.success('提交成功');
+          setTimeout(function () {
+            window.location.replace("/sunVillage_info/paidExit/paidExitList")
+          }, 1000)
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0.2rem 3%;
+  }
+  /deep/.van-cell__title{
+    flex: 0.7;
+  }
+  /deep/.van-cell__title span{
+    font-family: Arial;
+    font-size: 0.4rem;
+    font-weight: normal;
+  }
+  /deep/.van-cell__value{
+    flex: 0.3;
+    color: #1D6FE9;
+    font-weight: bold;
+    text-align: center;
+    position: relative;
+    left: 20px;
+  }
+  /deep/.van-swipe-cell{
+    margin-bottom: 0.2rem;
+    border-radius: 0.2rem;
+    overflow: hidden;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  }
+  /deep/van-ellipsis{
+    font-weight: bold;
+  }
+  .delete-button {
+    height: 100%;
+  }
+  .van-row{
+    height: 100%;
+  }
+  .van-col{
+    height: 100%;
+  }
+</style>
diff --git a/src/views/sunVillage_info/paidExit/paidExitModify.vue b/src/views/sunVillage_info/paidExit/paidExitModify.vue
new file mode 100644
index 00000000..c5dedb09
--- /dev/null
+++ b/src/views/sunVillage_info/paidExit/paidExitModify.vue
@@ -0,0 +1,567 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    >
+      <template #title>
+        <p style="font-weight: bold;">修改有偿退出</p>
+      </template>
+    </van-nav-bar>
+    <van-form ref="_Form">
+      <div class="main_box">
+        <!--        <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>-->
+        <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" />
+        <div id="dropList" v-show="showDropList"  style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" >
+          <van-cell id="vanCell"  v-for="(item, index) in getObligeeOptions" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;">
+            {{item.sqrxm}}
+          </van-cell>
+        </div>
+        <!--        <van-field-->
+        <!--          readonly-->
+        <!--          clickable-->
+        <!--          v-model="circulation.zjddm"-->
+        <!--          label="宅基地代码"-->
+        <!--          placeholder="请选择"-->
+        <!--          @click="remoteProposerMethod"-->
+        <!--          input-align="right"-->
+        <!--          right-icon="arrow-down" :rules="[{ required: true }]" required-->
+        <!--        />-->
+        <!--        <van-popup v-model="showzjddm" position="bottom">-->
+        <!--          <van-picker-->
+        <!--            show-toolbar-->
+        <!--            :columns="zjdDictionaries"-->
+        <!--            value-key="zjddm"-->
+        <!--            @confirm="onConfirmZjddm"-->
+        <!--            @cancel="showzjddm = false"-->
+        <!--          />-->
+        <!--        </van-popup>-->
+        <van-field
+          v-model="circulation.zjddm"
+          label="宅基地代码"
+          input-align="right"
+        >
+          <template #button>
+            <van-button size="small" @click="mapLook"  type="primary">选择宅基地</van-button>
+          </template>
+        </van-field>
+        <field-select
+          v-model="circulation.xb"
+          label="性別"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="选择现状"
+          :rules="[{ required: true }]"
+          required
+          remote-url="/system/dict/data/type/sys_user_sex"
+          :on-remote-response="'data'"
+        />
+
+        <van-field v-model="circulation.sqrzjhm" label="申请人证件号码" placeholder="申请人证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <van-field v-model="circulation.lxdh" label="联系电话" placeholder="联系电话" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+        <field-select
+          v-model="circulation.gyqk"
+          label="共有情况"
+          value-key="dictLabel"
+          data-key="dictValue"
+          placeholder="选择共有情况"
+          :rules="[{ required: true }]"
+          required
+          remote-url="/system/dict/data/type/house_yes_no"
+          :on-remote-response="'data'"
+        />
+        <van-field v-model="circulation.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      </div>
+      <p class="main_title">拟申请退出宅基地-面积</p>
+      <van-field v-model="circulation.tcmj" label="面积(㎡)" placeholder="请输入面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <field-select
+        v-model="circulation.xz"
+        label="现状"
+        value-key="dictLabel"
+        data-key="dictValue"
+        placeholder="选择现状"
+        :rules="[{ required: true }]"
+        required
+        remote-url="/system/dict/data/type/dsxz"
+        :on-remote-response="'data'"
+      />
+      <p class="main_title">拟申请退出宅基地-四至</p>
+      <van-field v-model="circulation.zjdszd" label="东至" placeholder="东至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field v-model="circulation.zjdszn" label="南至" placeholder="南至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field v-model="circulation.zjdszx" label="西至" placeholder="西至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <van-field v-model="circulation.zjdszb" label="北至" placeholder="北至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>
+      <p class="main_title">拟申请退出宅基地情况-地类</p>
+      <field-select
+        v-model="circulation.dldm"
+        label="地类"
+        value-key="dictLabel"
+        data-key="dictValue"
+        placeholder="选择现状"
+        :rules="[{ required: true }]"
+        required
+        remote-url="/system/dict/data/type/geographic_type"
+        :on-remote-response="'data'"
+      />
+      <p class="main_title">退出宅基地情况</p>
+      <van-field v-model="circulation.tcmj" label="退出面积(㎡)" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field v-model="circulation.jzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <div class="main_box">
+        <van-field
+          readonly
+          clickable
+          v-model="tcqllx"
+          label="退出权利类型"
+          placeholder="请选择退出权利类型"
+          @click="showtcqllx = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtcqllx" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tcqllxDictionaries"
+            @confirm="onConfirmTcqllx"
+            @cancel="showtcqllx = false"
+          />
+        </van-popup>
+
+        <!--<van-field
+          readonly
+          clickable
+          v-model="tclx"
+          label="退出类型"
+          placeholder="请选择退出类型"
+          @click="showtclx = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtclx" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tclxDictionaries"
+            @confirm="onConfirmTclx"
+            @cancel="showtclx = false"
+          />
+        </van-popup>-->
+
+        <van-field
+          readonly
+          clickable
+          v-model="tcfs"
+          label="退出方式"
+          placeholder="请选择退出方式"
+          @click="showtcfs = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto" :rules="[{ required: true }]" required
+        />
+        <van-popup v-model="showtcfs" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="tcfsDictionaries"
+            @confirm="onConfirmTcfs"
+            @cancel="showtcfs = false"
+          />
+        </van-popup>
+
+        <van-field v-model="circulation.tcqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />
+      </div>
+      <p class="main_title">现居住情况</p>
+      <van-field v-model="circulation.xjzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>
+      <van-field v-model="circulation.xqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />
+      <van-field v-model="circulation.xjzdd" label="居住地点" placeholder="请输入居住地点" input-align="right" label-width="auto" />
+      <p class="main_title">其他</p>
+
+      <van-field v-model="circulation.sqly" label="申请理由" placeholder="请输入申请理由" input-align="right" label-width="auto"/>
+      <field-date-picker
+        v-model="circulation.sqrq"
+        label="申请日期"
+        placeholder="选择日期"
+        :rules="[{ required: true }]"
+        formatter="yyyy-MM-dd"
+        required
+      />
+      <van-field v-model="circulation.jbrxm" label="经办人姓名" placeholder="请输入经办人姓名" input-align="right" label-width="auto"/>
+      <field-date-picker
+        v-model="circulation.pzrq"
+        label="批准日期"
+        placeholder="选择日期"
+        :rules="[{ required: true }]"
+        formatter="yyyy-MM-dd"
+        required
+      />
+      <field-date-picker
+        v-model="circulation.barq"
+        label="备案日期"
+        placeholder="选择日期"
+        :rules="[{ required: true }]"
+        formatter="yyyy-MM-dd"
+        required
+      />
+
+      <van-dialog v-model="mapShow" show-cancel-button>
+        <MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.sqrxm" :landStatus="landStatus" :deptId="sysFarmer.deptId" @closeMoule="closeMoule"></MapGisObtainTc>
+      </van-dialog>
+      <!-- 3组附件 -->
+      <van-popup
+        v-model="attachmentVisible"
+        closeable
+        position="top"
+        :style="{ height: '61.8%' }"
+        :close-on-click-overlay="proposerStatus == 1"
+        :lazy-render="false"
+      >
+        <van-tabs type="card" style="padding-top: 1.35rem;" color="#1D6FE9" :lazy-render="false" v-model="attachmentActive" ref="attachmentDialog">
+          <van-tab title="退出附件" key="0">
+            <home-apply-upload-comp
+              :business-type="houseApplyUploadComp.businessType"
+              :house-apply-status="houseApplyUploadComp.homeApplyStatus"
+              :process-key="houseApplyUploadComp.processKey"
+              :proposer-id="houseApplyUploadComp.proposerId"
+              :table-name="houseApplyUploadComp.tableName"
+              :readonly="houseApplyUploadComp.readonly"
+              :userName="sysFarmer.memberName"
+              :full="houseApplyUploadComp.full"
+              @uploadFinished="onUploadFinished"
+            >
+            </home-apply-upload-comp>
+          </van-tab>
+        </van-tabs>
+      </van-popup>
+    </van-form>
+    <van-goods-action style="z-index: 999;">
+      <van-goods-action-icon icon="label-o" text="附件" @click="openAttachment" color="#1D6FE9" />
+      <van-goods-action-button type="info" text="保存"  @click="goEdit" />
+      <van-goods-action-button type="info" text="提交"  @click="goSubmit"/>
+    </van-goods-action>
+  </div>
+</template>
+
+<script>
+  import {  getZyyctc,getShyqrs,zyyctcEdit,zyyctcApply,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit";
+  import HomeApplyUploadComp from "@/components/home/HomeApplyUploadComp";
+  import FieldSelect from "@/components/form/FieldSelect";
+  import FieldDatePicker from "@/components/form/FieldDatePicker";
+  import {formatDate} from "element-ui/src/utils/date-util.js";
+  import { } from "@/api/onlineHome/homestead/paidExit";
+  import {Notify} from "vant";
+  import MapGisObtainTc from "@/components/Map/MapGisObtainTc";
+  import Cookies from "js-cookie";
+  const PROPOSER_VIEW = 1;
+  // 工作流名称
+  const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc';
+  // 附件表名
+  const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc';
+  // 其他
+  const PROPOSER_MODULE = 'home';
+  export default {
+    name: "paidExitModify",
+    components: { MapGisObtainTc,FieldSelect,FieldDatePicker,HomeApplyUploadComp },
+    data() {
+      return {
+        tcqllxDictionaries:[],//退出权利类型
+        tclxDictionaries:[],//退出类型
+        tcfsDictionaries:[],//退出方式
+        xbDictionaries:[],//申请人证件类型
+        zjlxDictionaries:[],
+        bcfsDictionaries:[],//补偿方式
+        zjdDictionaries:[],//宅基地代码
+        getObligeeOptions:[],//下拉框列表
+        sysFarmer:JSON.parse(Cookies.get('user')),
+        tcqllx:'',
+        tclx:'',
+        tcfs:'',
+        xb:'',
+        bcfs:'',
+        zjddm:'',
+        landStatus:"1",
+        showtcqllx: false,
+        showtclx: false,
+        showtcfs: false,
+        showxb: false,
+        showbcfs: false,
+        showzjddm: false,
+        showDropList: false,//是否显示下拉框
+        mapShow: false,
+        attachmentVisible:false,
+        active: 0,
+        // 表单意图
+        proposerStatus: PROPOSER_VIEW,
+        circulation:{},
+        // 当前附件tab
+        attachmentActive: 0,
+        // 申请附件树
+        houseApplyUploadComp: {
+          businessType: PROPOSER_MODULE,
+          proposerId: this.$route.query.id,
+          homeApplyStatus: "11",
+          processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY,
+          tableName: PROPOSER_STAGE_BASE_APPLY_TABLE,
+          attachmentList: [],
+          readonly: false,
+          full: false,
+        },
+      };
+    },
+    created() {
+      this.getDictionaries();
+    },
+    methods: {
+      getDictionaries(){
+        getZyyctc(this.$route.query.id).then(response => {
+          //退出权利类型
+          this.houseGetDicts("tcqllx").then((res) => {
+            for (var i = 0; i < res.data.length; i++) {
+              this.tcqllxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+            }
+            this.tcqllx = this.selectDictLabel(res.data, response.data.tcqllx);
+          });
+          //退出方式
+          this.houseGetDicts("tcfs").then((res) => {
+            for (var i = 0; i < res.data.length; i++) {
+              this.tcfsDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+            }
+            this.tcfs = this.selectDictLabel(res.data, response.data.tcfs);
+          });
+          //申请人证件类型
+          this.houseGetDicts("zjlx").then((res) => {
+            for (var i = 0; i < res.data.length; i++) {
+              this.zjlxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+            }
+            this.zjlx = this.selectDictLabel(res.data, response.data.sqrzjlx);
+          });
+
+          this.circulation = response.data;
+          console.info(this.circulation);
+        });
+      },
+      onConfirmZjddm(data){
+        console.log(data);
+        this.showzjddm = false;
+        if (data) {
+          this.$set(this.circulation, 'zjddm', data.zjddm);
+          this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);
+          this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);
+          if(data.shyqrdbzjlx)
+          {
+            let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);
+            if(val)
+              this.zjlx = val.text;
+          }
+        }
+        // this.$forceUpdate();
+      },
+      onConfirmXb(data){
+        this.xb = data.text;
+        this.circulation.xb = data.value;
+        this.showxb = false;
+      },
+      // 初次申请草稿的附件上传
+      onUploadFinished(fileIdList) {
+        this.$set(this.circulation, "fileList", fileIdList);
+      },
+      onConfirmTcqllx(data){
+        this.tcqllx = data.text;
+        this.circulation.tcqllx = data.value;
+        this.showtcqllx = false;
+      },
+      /*onConfirmTclx(data){
+        this.tclx = data.text;
+        this.circulation.tclx = data.value;
+        this.showtclx = false;
+      },*/
+      onConfirmTcfs(data){
+        this.tcfs = data.text;
+        this.circulation.tcfs = data.value;
+        this.showtcfs = false;
+      },
+      onConfirmBcfs(data){
+        this.bcfs = data.text;
+        this.circulation.bcfs = data.value;
+        this.showbcfs = false;
+      },
+      goEdit(){
+        console.log(this.circulation);
+        this.$refs._Form.validate().then(() => {
+        zyyctcEdit(this.circulation).then(response => {
+          if(response.code = 200){
+            this.$toast.success('保存成功');
+            this.$router.back(-1);
+          }
+        })
+        }).catch((e) => {
+          Notify({ type: 'danger', message: '请填写完整的表单项' });
+        });
+      },
+      goSubmit(){
+        this.$refs._Form.validate().then(() => {
+          this.$set(this.circulation, 'updateBy', this.sysFarmer.memberName);
+          zyyctcEdit(this.circulation).then(response => {
+            zyyctcApply(this.$route.query.id).then(response => {
+              if(response.code = 200){
+                this.$toast.success('提交成功');
+                setTimeout(function(){
+                  this.$router.back(-1);
+                },1000)
+              }
+            });
+          });
+        }).catch((e) => {
+          Notify({ type: 'danger', message: '请填写完整的表单项' });
+        });
+      },
+      remoteProposerMethod() {
+        this.showzjddm = true;
+        this.zjdDictionaries = [];
+        if (this.circulation.sqrxm) {
+          getShyqrs({shyqrdbxm:this.circulation.sqrxm}).then(response => {
+            this.zjdDictionaries = response.data.map(item => {
+              return {
+                zjddm: item.zjddm,
+                shyqrdbxm: item.shyqrdbxm,
+                shyqrdbzjlx: item.shyqrdbzjlx,
+                shyqrdbzjhm: item.shyqrdbzjhm
+              }
+            });
+          });
+        } else {
+          this.zjdDictionaries = [];
+        }
+      },
+      // 打开附件树
+      openAttachment() {
+        this.attachmentVisible = true;
+        if(this.attachmentActive == this.active)
+          this.$nextTick(() => {
+            this.$refs.attachmentDialog.scrollTo(this.active);
+          });
+      },
+      /** 模糊查询人员信息 */
+      remoteTransfereeMethod(query) {
+        if (query !== "") {
+          getShyqrs({shyqrdbxm:query,status:1}).then((response) => {
+            if (response.code == 200) {
+              this.getObligeeOptions = response.rows.map(function (item) {
+                return {
+                  sqrxm:item.shyqrdbxm,
+                  sqrxb:item.xb,
+                  sqrzjhm:item.shyqrdbzjhm,
+                  sqrzjlx:item.shyqrdbzjlx,
+                  sqrdh:item.dh,
+                  gyfs:item.gyfs,
+                  dz:item.dz,
+                  deptId:item.deptId,
+                  deptName:item.deptName,
+                }
+              })
+              //设置模糊查询的下拉框和滚动条
+              if (this.getObligeeOptions.length > 0) {
+                this.showDropList = true;   // div显示会阻挡下边的选择框和输入框，showDropList控制下拉框是否显示
+                //设置模糊查询的和滚动条
+                this.$nextTick(() => {
+                  if (this.getObligeeOptions.length > 4) {
+                    let height = document.getElementById("vanCell").offsetHeight * 4;
+                    document.getElementById("dropList").style.height = height + "px";
+                    document.getElementById("dropList").style.overflow = "scroll";
+                  } else {
+                    document.getElementById("dropList").style.height = "";
+                    document.getElementById("dropList").style.overflow = "visible";
+                  }
+                });
+              } else {
+                this.showDropList = false;
+              }
+            }
+          });
+        } else {
+          this.getObligeeOptions = [];
+          this.showDropList = false;
+        }
+      },
+      shyqrdmxmChange(val){
+        console.info(val);
+        this.$set(this.circulation, "sqrxm", val.sqrxm);
+        this.$set(this.circulation, "deptId", val.deptId);
+        this.$set(this.circulation, "deptName", val.deptId);
+        this.$set(this.circulation, "sqrzjhm", val.sqrzjhm);
+        this.$set(this.circulation, "sqrzjlx", val.sqrzjlx);
+        this.$set(this.circulation, "gyqk", val.gyfs);
+        this.$set(this.circulation, "xb", val.sqrxb);
+        this.$set(this.circulation, "lxdh", val.sqrdh);
+        this.$set(this.circulation, "hkszd", val.dz);
+        this.getObligeeOptions=[];
+        this.showDropList = false;
+      },
+      // 获取日期, yyyy-MM-dd
+      getDate(d) {
+        return formatDate(d ? d : new Date(), 'yyyy-MM-dd');
+      },
+      /** 查找地图中宅基地 */
+      closeMoule: function (data) {
+        this.circulation.zjddm = data;
+        let _this = this;
+        let handlerTime = this.getDate();
+        this.$set(this.circulation, "sqrq", handlerTime);
+        this.$set(this.circulation, "pzrq", handlerTime);
+        this.$set(this.circulation, "barq", handlerTime);
+        getByLyZjddm(data).then((response) => {
+          this.$set(this.circulation, "ntcmj", response.data.zdmj);
+          this.$set(this.circulation, "tcmj", response.data.zdmj);
+          this.$set(this.circulation, "zjdszd", response.data.zdszd);
+          this.$set(this.circulation, "zjdszn", response.data.zdszn);
+          this.$set(this.circulation, "zjdszx", response.data.zdszx);
+          this.$set(this.circulation, "zjdszb", response.data.zdszb);
+          this.$set(this.circulation, "theGeomJson", response.data.theGeomJson);
+          this.$set(this.circulation, "tcqszsh", response.data.zsh);
+          listHomesteadnmfw({zjddm: data}).then((response) => {
+            response.rows.map(function(item){
+              _this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj));
+              _this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj));
+            });
+          });
+          // const baseImgUrl = this.$store.getters.baseRoutingUrl;
+          if(response.rows[0].zdt != null && response.rows[0].zdt !== ""){
+            this.$set(this.form, "xzzp", response.rows[0].zdt);
+          }
+        });
+      },
+      mapLook(){
+        this.mapShow = true;
+        setTimeout(() => {
+          this.$refs.zjdProductResh.drawingLyPaceCountryDarw();
+        },1000);
+      },
+    },
+
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .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;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+
+  }
+</style>
diff --git a/src/views/yinnong/doneCompleted/completed.vue b/src/views/yinnong/doneCompleted/completed.vue
index 4ed3af35..d9295242 100644
--- a/src/views/yinnong/doneCompleted/completed.vue
+++ b/src/views/yinnong/doneCompleted/completed.vue
@@ -48,6 +48,7 @@
 <script>
     import onlineHomeIndex from "../../onlineHomeIndex";
     import yinnongIndex from "../../yinnongIndex";
+    import { getInfo } from "../../../api/login/index";
     import {ListDone, ListTodo} from "../../../api/onlineHome/done";
 
     export default {
@@ -61,6 +62,8 @@
           taskList:[],
           activeName:this.$route.query.activeName?this.$route.query.activeName:'1',
           total:0,
+          nickName:"",
+          electronicSignature:"",
           queryParams: {
             pageNum: 1,
             pageSize: 100,
@@ -81,7 +84,10 @@
         if(this.$route.query.fr){
           this.$cookies.set("from",this.$route.query.fr,"0")
         }
-
+        getInfo().then((response) => {
+            this.electronicSignature = response.user.electronicSignature;
+            this.nickName = response.user.nickName;
+        });
       },
       methods: {
         goOnlineHomeIndex(){
@@ -118,12 +124,15 @@
           console.log(item)
           let type = item.formData.processKey;
           switch (type) {
+            case 'homeuseZyyctcsq':
+              this.$router.push({name:'sunVillageInfoPaidExitDetail',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type,electronicSignature:this.electronicSignature,nickName:this.nickName}})
+              break;
             case 'home_check':
             case 'home_start':
-              this.$router.push({name:'approvalForm',query: {id:item.formData.ydjfsqId,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
+              this.$router.push({name:'approvalForm',query: {id:item.formData.ydjfsqId,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type,electronicSignature:this.electronicSignature,nickName:this.nickName}})
               break;
             case 'home_apply':
-              this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
+              this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type,electronicSignature:this.electronicSignature,nickName:this.nickName}})
               break;
             case 'baseApply':
             case 'landscope':
diff --git a/src/views/yinnong/doneCompleted/done.vue b/src/views/yinnong/doneCompleted/done.vue
index 1494fa5e..06c88b61 100644
--- a/src/views/yinnong/doneCompleted/done.vue
+++ b/src/views/yinnong/doneCompleted/done.vue
@@ -118,6 +118,9 @@
           console.log(item)
           let type = item.formData.processKey;
           switch (type) {
+            case 'homeuseZyyctcsq':
+              this.$router.push({name:'sunVillageInfoPaidExitDetail',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
+              break;
             case 'home_check':
             case 'home_start':
               this.$router.push({name:'approvalForm',query: {id:item.formData.ydjfsqId,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})