zhangzl
/
nsgk_mobile
2
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
移动端
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
988 Revize
7 Větve
79 MiB
 
 
Strom: ae82309814
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „ae82309814“
${ noResults }
nsgk_mobile/src/views/sunVillage_info/paidExit/paidExitModify.vue

635 řádky
24 KiB
Surový Blame Historie 

  1. <template>

  2.   <div class="app-container">

  3. <!--    <van-nav-bar-->

  4. <!--      left-arrow-->

  5. <!--      fixed-->

  6. <!--      placeholder-->

  7. <!--      @click-left="$router.back(-1)"-->

  8. <!--    >-->

  9. <!--      <template #title>-->

  10. <!--        <p style="font-weight: bold;">修改有偿退出</p>-->

  11. <!--      </template>-->

  12. <!--    </van-nav-bar>-->

  13. 

  14.     <div class="header_main">

  15.       修改有偿退出

  16.       <div class="return_btn" @click="onClickLeft"></div>

  17.       <!--      <div class="add_btn" @click="goAdd"></div>-->

  18.     </div>

  19. 

  20.     <van-form ref="_Form">

  21.       <div class="main_box">

  22.         <!--        <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>-->

  23.         <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" />

  24.         <div id="dropList" v-show="showDropList"  style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" >

  25.           <van-cell id="vanCell"  v-for="(item, index) in getObligeeOptions" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;">

  26.             {{item.sqrxm}}

  27.           </van-cell>

  28.         </div>

  29.         <!--        <van-field-->

  30.         <!--          readonly-->

  31.         <!--          clickable-->

  32.         <!--          v-model="circulation.zjddm"-->

  33.         <!--          label="宅基地代码"-->

  34.         <!--          placeholder="请选择"-->

  35.         <!--          @click="remoteProposerMethod"-->

  36.         <!--          input-align="right"-->

  37.         <!--          right-icon="arrow-down" :rules="[{ required: true }]" required-->

  38.         <!--        />-->

  39.         <!--        <van-popup v-model="showzjddm" position="bottom">-->

  40.         <!--          <van-picker-->

  41.         <!--            show-toolbar-->

  42.         <!--            :columns="zjdDictionaries"-->

  43.         <!--            value-key="zjddm"-->

  44.         <!--            @confirm="onConfirmZjddm"-->

  45.         <!--            @cancel="showzjddm = false"-->

  46.         <!--          />-->

  47.         <!--        </van-popup>-->

  48.         <van-field

  49.           v-model="circulation.zjddm"

  50.           label="宅基地代码"

  51.           input-align="right"

  52.         >

  53.           <template #button>

  54.             <van-icon name="../../../static/images/22.png"  color="#539FFD" size="20" @click="mapLook"/>

  55.           </template>

  56.         </van-field>

  57.         <field-select

  58.           v-model="circulation.xb"

  59.           label="性別"

  60.           value-key="dictLabel"

  61.           data-key="dictValue"

  62.           placeholder="选择现状"

  63.           :rules="[{ required: true }]"

  64.           required

  65.           remote-url="/system/dict/data/type/sys_user_sex"

  66.           :on-remote-response="'data'"

  67.         />

  68. 

  69.         <van-field v-model="circulation.sqrzjhm" label="申请人证件号码" placeholder="申请人证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  70.         <van-field v-model="circulation.lxdh" label="联系电话" placeholder="联系电话" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  71.         <field-select

  72.           v-model="circulation.gyqk"

  73.           label="共有情况"

  74.           value-key="dictLabel"

  75.           data-key="dictValue"

  76.           placeholder="选择共有情况"

  77.           :rules="[{ required: true }]"

  78.           required

  79.           remote-url="/system/dict/data/type/house_yes_no"

  80.           :on-remote-response="'data'"

  81.         />

  82.         <van-field v-model="circulation.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  83.       </div>

  84.       <p class="main_title">拟申请退出宅基地-面积</p>

  85.       <van-field v-model="circulation.tcmj" label="面积(㎡)" placeholder="请输入面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>

  86.       <field-select

  87.         v-model="circulation.xz"

  88.         label="现状"

  89.         value-key="dictLabel"

  90.         data-key="dictValue"

  91.         placeholder="选择现状"

  92.         :rules="[{ required: true }]"

  93.         required

  94.         remote-url="/system/dict/data/type/dsxz"

  95.         :on-remote-response="'data'"

  96.       />

  97.       <p class="main_title">拟申请退出宅基地-四至</p>

  98.       <van-field v-model="circulation.zjdszd" label="东至" placeholder="东至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  99.       <van-field v-model="circulation.zjdszn" label="南至" placeholder="南至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  100.       <van-field v-model="circulation.zjdszx" label="西至" placeholder="西至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  101.       <van-field v-model="circulation.zjdszb" label="北至" placeholder="北至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  102.       <p class="main_title">拟申请退出宅基地情况-地类</p>

  103.       <field-select

  104.         v-model="circulation.dldm"

  105.         label="地类"

  106.         value-key="dictLabel"

  107.         data-key="dictValue"

  108.         placeholder="选择现状"

  109.         :rules="[{ required: true }]"

  110.         required

  111.         remote-url="/system/dict/data/type/geographic_type"

  112.         :on-remote-response="'data'"

  113.       />

  114.       <p class="main_title">退出宅基地情况</p>

  115.       <van-field v-model="circulation.tcmj" label="退出面积(㎡)" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>

  116.       <van-field v-model="circulation.jzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>

  117.       <div class="main_box">

  118.         <van-field

  119.           readonly

  120.           clickable

  121.           v-model="tcqllx"

  122.           label="退出权利类型"

  123.           placeholder="请选择退出权利类型"

  124.           @click="showtcqllx = true"

  125.           input-align="right"

  126.           right-icon="arrow-down"

  127.           label-width="auto" :rules="[{ required: true }]" required

  128.         />

  129.         <van-popup v-model="showtcqllx" position="bottom">

  130.           <van-picker

  131.             show-toolbar

  132.             :columns="tcqllxDictionaries"

  133.             @confirm="onConfirmTcqllx"

  134.             @cancel="showtcqllx = false"

  135.           />

  136.         </van-popup>

  137. 

  138.         <!--<van-field

  139.           readonly

  140.           clickable

  141.           v-model="tclx"

  142.           label="退出类型"

  143.           placeholder="请选择退出类型"

  144.           @click="showtclx = true"

  145.           input-align="right"

  146.           right-icon="arrow-down"

  147.           label-width="auto" :rules="[{ required: true }]" required

  148.         />

  149.         <van-popup v-model="showtclx" position="bottom">

  150.           <van-picker

  151.             show-toolbar

  152.             :columns="tclxDictionaries"

  153.             @confirm="onConfirmTclx"

  154.             @cancel="showtclx = false"

  155.           />

  156.         </van-popup>-->

  157. 

  158.         <van-field

  159.           readonly

  160.           clickable

  161.           v-model="tcfs"

  162.           label="退出方式"

  163.           placeholder="请选择退出方式"

  164.           @click="showtcfs = true"

  165.           input-align="right"

  166.           right-icon="arrow-down"

  167.           label-width="auto" :rules="[{ required: true }]" required

  168.         />

  169.         <van-popup v-model="showtcfs" position="bottom">

  170.           <van-picker

  171.             show-toolbar

  172.             :columns="tcfsDictionaries"

  173.             @confirm="onConfirmTcfs"

  174.             @cancel="showtcfs = false"

  175.           />

  176.         </van-popup>

  177. 

  178.         <van-field v-model="circulation.tcqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />

  179.       </div>

  180.       <p class="main_title">现居住情况</p>

  181.       <van-field v-model="circulation.xjzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>

  182.       <van-field v-model="circulation.xqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />

  183.       <van-field v-model="circulation.xjzdd" label="居住地点" placeholder="请输入居住地点" input-align="right" label-width="auto" />

  184.       <p class="main_title">补偿信息</p>

  185.       <van-field v-model="circulation.bcje" label="宅基地补偿" placeholder="宅基地补偿" input-align="right" label-width="auto"  type="number"/>

  186.       <van-field v-model="circulation.dmfzwbc" label="地面附着物补偿" placeholder="地面附着物补偿" input-align="right" label-width="auto"  type="number"/>

  187.       <field-select

  188.         v-model="circulation.yctcfs"

  189.         label="退出类型"

  190.         value-key="dictLabel"

  191.         data-key="dictValue"

  192.         placeholder="选择退出类型"

  193.         remote-url="/system/dict/data/type/yctcfs"

  194.         :on-remote-response="'data'"

  195.       />

  196.       <field-select

  197.         v-model="circulation.bcfs"

  198.         label="补偿方式"

  199.         value-key="dictLabel"

  200.         data-key="dictValue"

  201.         placeholder="选择退出类型"

  202.         remote-url="/system/dict/data/type/bcfs"

  203.         :on-remote-response="'data'"

  204.       />

  205.       <field-date-picker

  206.         v-model="circulation.bcsj"

  207.         label="补偿时间"

  208.         placeholder="选择日期"

  209.         formatter="yyyy-MM-dd"

  210.       />

  211.       <p class="main_title">其他</p>

  212. 

  213.       <van-field v-model="circulation.sqly" label="申请理由" placeholder="请输入申请理由" input-align="right" label-width="auto"/>

  214.       <field-date-picker

  215.         v-model="circulation.sqrq"

  216.         label="申请日期"

  217.         placeholder="选择日期"

  218.         :rules="[{ required: true }]"

  219.         formatter="yyyy-MM-dd"

  220.         required

  221.       />

  222.       <van-field v-model="circulation.jbrxm" label="经办人姓名" placeholder="请输入经办人姓名" input-align="right" label-width="auto"/>

  223.       <field-date-picker

  224.         v-model="circulation.pzrq"

  225.         label="批准日期"

  226.         placeholder="选择日期"

  227.         :rules="[{ required: true }]"

  228.         formatter="yyyy-MM-dd"

  229.         required

  230.       />

  231.       <field-date-picker

  232.         v-model="circulation.barq"

  233.         label="备案日期"

  234.         placeholder="选择日期"

  235.         :rules="[{ required: true }]"

  236.         formatter="yyyy-MM-dd"

  237.         required

  238.       />

  239. 

  240.       <van-dialog v-model="mapShow" show-cancel-button>

  241.         <MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.sqrxm" :landStatus="landStatus" :deptId="sysFarmer.deptId" @closeMoule="closeMoule"></MapGisObtainTc>

  242.       </van-dialog>

  243.       <!-- 3组附件 -->

  244.       <van-popup

  245.         v-model="attachmentVisible"

  246.         closeable

  247.         position="top"

  248.         :style="{ height: '61.8%' }"

  249.         :close-on-click-overlay="proposerStatus == 1"

  250.         :lazy-render="false"

  251.       >

  252.         <van-tabs type="card" style="padding-top: 1.35rem;" color="#1D6FE9" :lazy-render="false" v-model="attachmentActive" ref="attachmentDialog">

  253.           <van-tab title="退出附件" key="0">

  254.             <home-apply-upload-comp

  255.               :business-type="houseApplyUploadComp.businessType"

  256.               :house-apply-status="houseApplyUploadComp.homeApplyStatus"

  257.               :process-key="houseApplyUploadComp.processKey"

  258.               :proposer-id="houseApplyUploadComp.proposerId"

  259.               :table-name="houseApplyUploadComp.tableName"

  260.               :readonly="houseApplyUploadComp.readonly"

  261.               :userName="sysFarmer.memberName"

  262.               :full="houseApplyUploadComp.full"

  263.               @uploadFinished="onUploadFinished"

  264.             >

  265.             </home-apply-upload-comp>

  266.           </van-tab>

  267.         </van-tabs>

  268.       </van-popup>

  269.     </van-form>

  270.     <van-goods-action style="z-index: 999;">

  271.       <van-goods-action-icon icon="label-o" text="附件" @click="openAttachment" color="#1D6FE9" />

  272.       <van-goods-action-button type="info" text="保存"  @click="goEdit" />

  273.       <van-goods-action-button type="info" text="提交"  @click="goSubmit"/>

  274.     </van-goods-action>

  275.   </div>

  276. </template>

  277. 

  278. <script>

  279.   import {  getZyyctc,getShyqrs,zyyctcEdit,zyyctcApply,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit";

  280.   import HomeApplyUploadComp from "@/components/home/HomeApplyUploadComp";

  281.   import FieldSelect from "@/components/form/FieldSelect";

  282.   import FieldDatePicker from "@/components/form/FieldDatePicker";

  283.   import {formatDate} from "element-ui/src/utils/date-util.js";

  284.   import { } from "@/api/onlineHome/homestead/paidExit";

  285.   import {Notify} from "vant";

  286.   import MapGisObtainTc from "@/components/Map/MapGisObtainTc";

  287.   import Cookies from "js-cookie";

  288.   const PROPOSER_VIEW = 1;

  289.   // 工作流名称

  290.   const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc';

  291.   // 附件表名

  292.   const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc';

  293.   // 其他

  294.   const PROPOSER_MODULE = 'home';

  295.   export default {

  296.     name: "paidExitModify",

  297.     components: { MapGisObtainTc,FieldSelect,FieldDatePicker,HomeApplyUploadComp },

  298.     data() {

  299.       return {

  300.         tcqllxDictionaries:[],//退出权利类型

  301.         tclxDictionaries:[],//退出类型

  302.         tcfsDictionaries:[],//退出方式

  303.         xbDictionaries:[],//申请人证件类型

  304.         zjlxDictionaries:[],

  305.         bcfsDictionaries:[],//补偿方式

  306.         zjdDictionaries:[],//宅基地代码

  307.         getObligeeOptions:[],//下拉框列表

  308.         sysFarmer:JSON.parse(Cookies.get('user')),

  309.         tcqllx:'',

  310.         tclx:'',

  311.         tcfs:'',

  312.         xb:'',

  313.         bcfs:'',

  314.         zjddm:'',

  315.         landStatus:"1",

  316.         showtcqllx: false,

  317.         showtclx: false,

  318.         showtcfs: false,

  319.         showxb: false,

  320.         showbcfs: false,

  321.         showzjddm: false,

  322.         showDropList: false,//是否显示下拉框

  323.         mapShow: false,

  324.         attachmentVisible:false,

  325.         active: 0,

  326.         // 表单意图

  327.         proposerStatus: PROPOSER_VIEW,

  328.         circulation:{},

  329.         // 当前附件tab

  330.         attachmentActive: 0,

  331.         // 申请附件树

  332.         houseApplyUploadComp: {

  333.           businessType: PROPOSER_MODULE,

  334.           proposerId: this.$route.query.id,

  335.           homeApplyStatus: "11",

  336.           processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY,

  337.           tableName: PROPOSER_STAGE_BASE_APPLY_TABLE,

  338.           attachmentList: [],

  339.           readonly: false,

  340.           full: false,

  341.         },

  342.       };

  343.     },

  344.     created() {

  345.       this.getDictionaries();

  346.     },

  347.     methods: {

  348.       getDictionaries(){

  349.         getZyyctc(this.$route.query.id).then(response => {

  350.           //退出权利类型

  351.           this.houseGetDicts("tcqllx").then((res) => {

  352.             for (var i = 0; i < res.data.length; i++) {

  353.               this.tcqllxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  354.             }

  355.             this.tcqllx = this.selectDictLabel(res.data, response.data.tcqllx);

  356.           });

  357.           //退出方式

  358.           this.houseGetDicts("tcfs").then((res) => {

  359.             for (var i = 0; i < res.data.length; i++) {

  360.               this.tcfsDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  361.             }

  362.             this.tcfs = this.selectDictLabel(res.data, response.data.tcfs);

  363.           });

  364.           //申请人证件类型

  365.           this.houseGetDicts("zjlx").then((res) => {

  366.             for (var i = 0; i < res.data.length; i++) {

  367.               this.zjlxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  368.             }

  369.             this.zjlx = this.selectDictLabel(res.data, response.data.sqrzjlx);

  370.           });

  371. 

  372.           this.circulation = response.data;

  373.           console.info(this.circulation);

  374.         });

  375.       },

  376.       onConfirmZjddm(data){

  377.         console.log(data);

  378.         this.showzjddm = false;

  379.         if (data) {

  380.           this.$set(this.circulation, 'zjddm', data.zjddm);

  381.           this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);

  382.           this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);

  383.           if(data.shyqrdbzjlx)

  384.           {

  385.             let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);

  386.             if(val)

  387.               this.zjlx = val.text;

  388.           }

  389.         }

  390.         // this.$forceUpdate();

  391.       },

  392.       onConfirmXb(data){

  393.         this.xb = data.text;

  394.         this.circulation.xb = data.value;

  395.         this.showxb = false;

  396.       },

  397.       // 初次申请草稿的附件上传

  398.       onUploadFinished(fileIdList) {

  399.         this.$set(this.circulation, "fileList", fileIdList);

  400.       },

  401.       onConfirmTcqllx(data){

  402.         this.tcqllx = data.text;

  403.         this.circulation.tcqllx = data.value;

  404.         this.showtcqllx = false;

  405.       },

  406.       /*onConfirmTclx(data){

  407.         this.tclx = data.text;

  408.         this.circulation.tclx = data.value;

  409.         this.showtclx = false;

  410.       },*/

  411.       onConfirmTcfs(data){

  412.         this.tcfs = data.text;

  413.         this.circulation.tcfs = data.value;

  414.         this.showtcfs = false;

  415.       },

  416.       onConfirmBcfs(data){

  417.         this.bcfs = data.text;

  418.         this.circulation.bcfs = data.value;

  419.         this.showbcfs = false;

  420.       },

  421.       goEdit(){

  422.         console.log(this.circulation);

  423.         this.$refs._Form.validate().then(() => {

  424.         zyyctcEdit(this.circulation).then(response => {

  425.           if(response.code = 200){

  426.             this.$toast.success('保存成功');

  427.             this.$router.back(-1);

  428.           }

  429.         })

  430.         }).catch((e) => {

  431.           Notify({ type: 'danger', message: '请填写完整的表单项' });

  432.         });

  433.       },

  434.       goSubmit(){

  435.         this.$refs._Form.validate().then(() => {

  436.           this.$set(this.circulation, 'updateBy', this.sysFarmer.memberName);

  437.           zyyctcEdit(this.circulation).then(response => {

  438.             zyyctcApply(this.$route.query.id).then(response => {

  439.               if(response.code = 200){

  440.                 this.$toast.success('提交成功');

  441.                 setTimeout(function(){

  442.                   this.$router.back(-1);

  443.                 },1000)

  444.               }

  445.             });

  446.           });

  447.         }).catch((e) => {

  448.           Notify({ type: 'danger', message: '请填写完整的表单项' });

  449.         });

  450.       },

  451.       remoteProposerMethod() {

  452.         this.showzjddm = true;

  453.         this.zjdDictionaries = [];

  454.         if (this.circulation.sqrxm) {

  455.           getShyqrs({shyqrdbxm:this.circulation.sqrxm}).then(response => {

  456.             this.zjdDictionaries = response.data.map(item => {

  457.               return {

  458.                 zjddm: item.zjddm,

  459.                 shyqrdbxm: item.shyqrdbxm,

  460.                 shyqrdbzjlx: item.shyqrdbzjlx,

  461.                 shyqrdbzjhm: item.shyqrdbzjhm

  462.               }

  463.             });

  464.           });

  465.         } else {

  466.           this.zjdDictionaries = [];

  467.         }

  468.       },

  469.       // 打开附件树

  470.       openAttachment() {

  471.         this.attachmentVisible = true;

  472.         if(this.attachmentActive == this.active)

  473.           this.$nextTick(() => {

  474.             this.$refs.attachmentDialog.scrollTo(this.active);

  475.           });

  476.       },

  477.       /** 模糊查询人员信息 */

  478.       remoteTransfereeMethod(query) {

  479.         if (query !== "") {

  480.           getShyqrs({shyqrdbxm:query,status:1}).then((response) => {

  481.             if (response.code == 200) {

  482.               this.getObligeeOptions = response.rows.map(function (item) {

  483.                 return {

  484.                   sqrxm:item.shyqrdbxm,

  485.                   sqrxb:item.xb,

  486.                   sqrzjhm:item.shyqrdbzjhm,

  487.                   sqrzjlx:item.shyqrdbzjlx,

  488.                   sqrdh:item.dh,

  489.                   gyfs:item.gyfs,

  490.                   dz:item.dz,

  491.                   deptId:item.deptId,

  492.                   deptName:item.deptName,

  493.                 }

  494.               })

  495.               //设置模糊查询的下拉框和滚动条

  496.               if (this.getObligeeOptions.length > 0) {

  497.                 this.showDropList = true;   // div显示会阻挡下边的选择框和输入框，showDropList控制下拉框是否显示

  498.                 //设置模糊查询的和滚动条

  499.                 this.$nextTick(() => {

  500.                   if (this.getObligeeOptions.length > 4) {

  501.                     let height = document.getElementById("vanCell").offsetHeight * 4;

  502.                     document.getElementById("dropList").style.height = height + "px";

  503.                     document.getElementById("dropList").style.overflow = "scroll";

  504.                   } else {

  505.                     document.getElementById("dropList").style.height = "";

  506.                     document.getElementById("dropList").style.overflow = "visible";

  507.                   }

  508.                 });

  509.               } else {

  510.                 this.showDropList = false;

  511.               }

  512.             }

  513.           });

  514.         } else {

  515.           this.getObligeeOptions = [];

  516.           this.showDropList = false;

  517.         }

  518.       },

  519.       shyqrdmxmChange(val){

  520.         console.info(val);

  521.         this.$set(this.circulation, "sqrxm", val.sqrxm);

  522.         this.$set(this.circulation, "deptId", val.deptId);

  523.         this.$set(this.circulation, "deptName", val.deptId);

  524.         this.$set(this.circulation, "sqrzjhm", val.sqrzjhm);

  525.         this.$set(this.circulation, "sqrzjlx", val.sqrzjlx);

  526.         this.$set(this.circulation, "gyqk", val.gyfs);

  527.         this.$set(this.circulation, "xb", val.sqrxb);

  528.         this.$set(this.circulation, "lxdh", val.sqrdh);

  529.         this.$set(this.circulation, "hkszd", val.dz);

  530.         this.getObligeeOptions=[];

  531.         this.showDropList = false;

  532.       },

  533.       // 获取日期, yyyy-MM-dd

  534.       getDate(d) {

  535.         return formatDate(d ? d : new Date(), 'yyyy-MM-dd');

  536.       },

  537.       /** 查找地图中宅基地 */

  538.       closeMoule: function (data) {

  539.         this.circulation.zjddm = data;

  540.         let _this = this;

  541.         let handlerTime = this.getDate();

  542.         this.$set(this.circulation, "sqrq", handlerTime);

  543.         this.$set(this.circulation, "pzrq", handlerTime);

  544.         this.$set(this.circulation, "barq", handlerTime);

  545.         getByLyZjddm(data).then((response) => {

  546.           this.$set(this.circulation, "ntcmj", response.data.zdmj);

  547.           this.$set(this.circulation, "tcmj", response.data.zdmj);

  548.           this.$set(this.circulation, "zjdszd", response.data.zdszd);

  549.           this.$set(this.circulation, "zjdszn", response.data.zdszn);

  550.           this.$set(this.circulation, "zjdszx", response.data.zdszx);

  551.           this.$set(this.circulation, "zjdszb", response.data.zdszb);

  552.           this.$set(this.circulation, "theGeomJson", response.data.theGeomJson);

  553.           this.$set(this.circulation, "tcqszsh", response.data.zsh);

  554.           listHomesteadnmfw({zjddm: data}).then((response) => {

  555.             response.rows.map(function(item){

  556.               _this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj));

  557.               _this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj));

  558.             });

  559.           });

  560.           // const baseImgUrl = this.$store.getters.baseRoutingUrl;

  561.           if(response.rows[0].zdt != null && response.rows[0].zdt !== ""){

  562.             this.$set(this.form, "xzzp", response.rows[0].zdt);

  563.           }

  564.         });

  565.       },

  566.       mapLook(){

  567.         this.mapShow = true;

  568.         setTimeout(() => {

  569.           this.$refs.zjdProductResh.drawingLyPaceCountryDarw();

  570.         },1000);

  571.       },

  572.     },

  573. 

  574.   }

  575. </script>

  576. 

  577. <style scoped lang="scss">

  578.   .app-container {

  579.     padding-bottom: 2%;

  580.     .header_main{

  581.       height: 116px;

  582.       background: url('../../../assets/images/sunVillage_info/list_head_green.png') no-repeat;

  583.       background-size: 100% 100%;

  584.       position: fixed;

  585.       top: 0;

  586.       left: 0;

  587.       width: 100%;

  588.       font-size: 36px;

  589.       line-height: 116px;

  590.       text-align: center;

  591.       color: #fff;

  592.       position: relative;

  593.       margin-bottom: 2%;

  594.       .return_btn{

  595.         width: 24px;

  596.         height: 43.2px;

  597.         background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;

  598.         background-size: 20px 36px;

  599.         position: absolute;

  600.         left: 38px;

  601.         top: 36px;

  602.       }

  603.       .add_btn{

  604.         width: 56.4px;

  605.         height: 40.8px;

  606.         background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;

  607.         background-size: 47px 34px;

  608.         position: absolute;

  609.         right: 38px;

  610.         top: 36px;

  611.       }

  612.     }

  613.   }

  614.   .main_title{

  615.     font-size: 0.4rem;

  616.     color: #1D6FE9;

  617.     margin: 0.2rem 6%;

  618.     position: relative;

  619.   }

  620.   .main_box{

  621.     width: 96%;

  622.     margin: 0 auto;

  623.     border-radius: 6px;

  624.     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);

  625.     overflow: hidden;

  626.     background-color: #FFF;

  627.   }

  628.   .submitButton{

  629.     width: 80%;

  630.     margin: 0 auto;

  631.     background-color: #1D6FE9;

  632. 

  633.   }

  634. </style>