zhangzl
/
nsgk_mobile
2
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
移动端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
285 Commity
7 Gałęzie
79 MiB
 
 
Drzewo: 64a1bbf4ca
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '64a1bbf4ca'
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/list.vue

1547 wiersze
62 KiB
Czysty Wina Historia 

  1. <template>

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

  3.     <div class="bannerBg" style="">

  4.       <van-nav-bar

  5.         style="background:transparent;border-bottom-width:0;"

  6.         @click-left="$router.back(-1)"

  7.       >

  8.         <template #left>

  9.           <van-icon name="arrow-left" size="18" color="#fff" />

  10.         </template>

  11.         <template #title>

  12.           <p style="color:#fff">{{item.deptName}}</p>

  13.         </template>

  14.       </van-nav-bar>

  15.       <div style="display:flex;width:90%;margin:0 auto;">

  16.         <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="activeBtn=1"><van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn1'+(activeBtn!=1?'1':'')+'.png')" />

  17.           入户核查

  18.         </div>

  19.         <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="activeBtn=2"><van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn2'+(activeBtn!=2?'2':'')+'.png')" />

  20.           农户信息

  21.         </div>

  22.         <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3"> <van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" />

  23.           所有权人

  24.         </div>

  25.         <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }"  @click="activeBtn=4,mapShow()">

  26.           <van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn4'+(activeBtn!=4?'4':'')+'.png')" />

  27.           切换地图

  28.         </div>

  29.       </div>

  30.     </div>

  31.     <div v-if="activeBtn==1">

  32.       <van-search v-model="value" placeholder="请输入搜索关键词" show-action>

  33.         <template #action>

  34.           <van-icon name="add" color="rgba(122,201,67,1)" size="55" style="vertical-align:middle;"/>

  35.         </template>

  36.       </van-search>

  37.       <van-tabs v-model="active" sticky title-active-color="#7AC943" color="#7AC943" swipeable @click="getZjdList">

  38.         <van-tab title="全部" >

  39.           <van-cell  v-for="(item,index) in list" :key="index" size="small":to="{name:'homesteadAdd',params:{item:item}}"  style="border-radius: 16px;

  40.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">

  41.             <template #title>

  42.               <p style="color:#22B7F2">{{item.syqr}}</p>

  43.             </template>

  44.             <template #default>

  45.               <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>

  46.             </template>

  47.             <template #label>

  48.               <p>宅基地代码  {{item.zjddm}} </p>

  49.               <p>宗地面积 {{item.zdmj}}㎡ </p>

  50.             </template>

  51.             <template #icon>

  52.               <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>

  53.             </template>

  54.           </van-cell>

  55.         </van-tab>

  56.         <van-tab title="已核查" >

  57.           <van-cell  v-for="(item,index) in list1" :key="index" size="small":to="{name:'homesteadAdd',params:{item:item}}"  style="border-radius: 16px;

  58.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">

  59.             <template #title>

  60.               <p style="color:#22B7F2">刘茂强</p>

  61.             </template>

  62.             <template #default>

  63.               <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>

  64.             </template>

  65.             <template #label>

  66.               <p>宅基地代码  {{item.zjddm}} </p>

  67.               <p>宗地面积 {{item.zdmj}}㎡ </p>

  68.             </template>

  69.             <template #icon>

  70.               <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>

  71.             </template>

  72.           </van-cell>

  73.         </van-tab>

  74.         <van-tab title="未核查">

  75.           <van-cell  v-for="(item,index) in list2" :key="index" size="small":to="{name:'homesteadAdd',params:{item:item}}"  style="border-radius: 16px;

  76.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">

  77.             <template #title>

  78.               <p style="color:#22B7F2">{{item.syqr}}</p>

  79.             </template>

  80.             <template #default>

  81.               <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>

  82.             </template>

  83.             <template #label>

  84.               <p>宅基地代码  {{item.zjddm}} </p>

  85.               <p>宗地面积 {{item.zdmj}}㎡ </p>

  86.             </template>

  87.             <template #icon>

  88.               <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>

  89.             </template>

  90.           </van-cell>

  91.         </van-tab>

  92.       </van-tabs>

  93.     </div>

  94.     <div v-if="activeBtn==2" >

  95.       <van-search v-model="value" placeholder="请输入农户姓名或证件号" show-action>

  96.         <template #action>

  97.           <van-icon name="add" color="rgba(122,201,67,1)" size="55" style="vertical-align:middle;"/>

  98.         </template>

  99.       </van-search>

  100.       <van-cell  v-for="(item,index) in syqrlist" :key="index" size="small"  style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">

  101.         <template #title>

  102.           <p style="color:#22B7F2">刘茂强</p>

  103.         </template>

  104.         <template #default>

  105.           <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;" @click="showsyqr=true">查看详情</van-button>

  106.         </template>

  107.         <template #label>

  108.           <p>宅基地代码  4413215200216562255Z00026 </p>

  109.           <p>宗地面积  119.87㎡ </p>

  110.         </template>

  111.         <template #icon>

  112.           <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>

  113.         </template>

  114.       </van-cell>

  115.     </div>

  116.     <div v-if="activeBtn==3">

  117.       <van-form >

  118.         <div style="border-radius: 16px;

  119.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">

  120.           <van-field

  121.             v-model="qlrform.qydm"

  122.             name="区域代码"

  123.             label="区域代码"

  124.             required

  125.             placeholder="区域代码"

  126.             input-align="right"

  127.             :rules="[{ required: true, message: '' }]"

  128.           />

  129.           <van-field

  130.             v-model="qlrform.suyqrdm"

  131.             name="所有权人代码"

  132.             label="所有权人代码"

  133.             required

  134.             placeholder="所有权人代码"

  135.             input-align="right"

  136.             :rules="[{ required: true, message: '' }]"

  137.           />

  138.           <van-field

  139.             v-model="qlrform.suyqrmc"

  140.             name="所有权人名称"

  141.             label="所有权人名称"

  142.             required

  143.             placeholder="所有权人名称"

  144.             input-align="right"

  145.             :rules="[{ required: true, message: '' }]"

  146.           />

  147.           <van-field

  148.             v-model="qlrform.suyqxz"

  149.             name="所有权性质"

  150.             label="所有权性质"

  151.             required

  152.             placeholder="所有权性质"

  153.             input-align="right"

  154.             :rules="[{ required: true, message: '' }]"

  155.             @click="showsuyqxz = true"

  156.           />

  157.           <van-popup v-model="showsuyqxz" position="bottom">

  158.             <van-picker

  159.               show-toolbar

  160.               :columns="columns"

  161.               @confirm="onConfirm"

  162.               @cancel="showsuyqxz = false"

  163.             />

  164.           </van-popup>

  165. 

  166.           <van-field

  167.             v-model="qlrform.dbrxm"

  168.             name="代表人姓名"

  169.             label="代表人姓名"

  170.             required

  171.             placeholder="代表人姓名"

  172.             input-align="right"

  173.             :rules="[{ required: true, message: '' }]"

  174.           />

  175.           <van-field

  176.             v-model="qlrform.dbrzjlx"

  177.             name="代表人证件类型"

  178.             label="代表人证件类型"

  179.             required

  180.             placeholder="代表人证件类型"

  181.             input-align="right"

  182.             :rules="[{ required: true, message: '' }]"

  183.             @click="showdbrzjlx = true"

  184.           />

  185.           <van-popup v-model="showdbrzjlx" position="bottom">

  186.             <van-picker

  187.               show-toolbar

  188.               :columns="columns"

  189.               @confirm="onConfirm"

  190.               @cancel="showdbrzjlx = false"

  191.             />

  192.           </van-popup>

  193.           <van-field

  194.             v-model="qlrform.dbrzjhm"

  195.             name="代表人证件号码"

  196.             label="代表人证件号码"

  197.             required

  198.             placeholder="代表人证件号码"

  199.             input-align="right"

  200.             :rules="[{ required: true, message: '' }]"

  201.           />

  202.           <van-field

  203.             v-model="qlrform.dbrlxdh"

  204.             name="代表人联系电话"

  205.             label="代表人联系电话"

  206.             placeholder="代表人联系电话"

  207.             input-align="right"

  208.             :rules="[{ required: true, message: '' }]"

  209.           />

  210.           <van-field

  211.             v-model="qlrform.dbrtxdz"

  212.             name="代表人通讯地址"

  213.             label="代表人通讯地址"

  214.             required

  215.             placeholder="代表人通讯地址"

  216.             input-align="right"

  217.             :rules="[{ required: true, message: '' }]"

  218.           />

  219.           <van-field

  220.             v-model="qlrform.dbryzbm"

  221.             name="代表人邮政编码"

  222.             label="代表人邮政编码"

  223.             required

  224.             placeholder="代表人邮政编码"

  225.             input-align="right"

  226.             :rules="[{ required: true, message: '' }]"

  227.           />

  228.           <van-field name="radio" label="是否成立农村集体经济组织" required input-align="right">

  229.             <template #input>

  230.               <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal">

  231.                 <van-radio name="1">是</van-radio>

  232.                 <van-radio name="2">否 </van-radio>

  233.               </van-radio-group>

  234.             </template>

  235.           </van-field>

  236.           <van-field

  237.             v-model="qlrform.dlrxm"

  238.             name="代理人姓名"

  239.             label="代理人姓名"

  240.             placeholder="代理人姓名"

  241.             input-align="right"

  242.             :rules="[{ required: true, message: '' }]"

  243.           />

  244.           <van-field

  245.             v-model="qlrform.dlrzjlx"

  246.             name="代理人证件类型"

  247.             label="代理人证件类型"

  248.             placeholder="代理人证件类型"

  249.             input-align="right"

  250.             :rules="[{ required: true, message: '' }]"

  251.             @click="showdlrzjlx = true"

  252.           />

  253.           <van-popup v-model="showdlrzjlx" position="bottom">

  254.             <van-picker

  255.               show-toolbar

  256.               :columns="columns"

  257.               @confirm="onConfirm"

  258.               @cancel="showdlrzjlx = false"

  259.             />

  260.           </van-popup>

  261.           <van-field

  262.             v-model="qlrform.dlrzjhm"

  263.             name="代理人证件号码"

  264.             label="代理人证件号码"

  265.             placeholder="代理人证件号码"

  266.             input-align="right"

  267.             :rules="[{ required: true, message: '' }]"

  268.           />

  269.           <van-field

  270.             v-model="qlrform.dlrlxdh"

  271.             name="代理人联系电话"

  272.             label="代理人联系电话"

  273.             placeholder="代理人联系电话"

  274.             input-align="right"

  275.             :rules="[{ required: true, message: '' }]"

  276.           />

  277.           <van-field

  278.             v-model="qlrform.dlrtxdz"

  279.             name="代理人通讯地址"

  280.             label="代理人通讯地址"

  281.             placeholder="代理人通讯地址"

  282.             input-align="right"

  283.             :rules="[{ required: true, message: '' }]"

  284.           />

  285.           <van-field

  286.             v-model="qlrform.dlryzbm"

  287.             name="代理人邮政编码"

  288.             label="代理人邮政编码"

  289.             placeholder="代理人邮政编码"

  290.             input-align="right"

  291.             :rules="[{ required: true, message: '' }]"

  292.           />

  293.         </div>

  294.       <div style="border-radius: 16px;

  295.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">

  296.         <van-field

  297.           v-model="qlrform.ncjtjjzzdm"

  298.           name="农村集体经济组织代码"

  299.           label="农村集体经济组织代码"

  300.           placeholder="农村集体经济组织代码"

  301.           input-align="right"

  302.           :rules="[{ required: true, message: '' }]"

  303.         />

  304.         <van-field

  305.           v-model="qlrform.ncjtjjzzmc"

  306.           name="农村集体经济组织名称"

  307.           label="农村集体经济组织名称"

  308.           placeholder="农村集体经济组织名称"

  309.           input-align="right"

  310.           :rules="[{ required: true, message: '' }]"

  311.         />

  312.         <van-field

  313.           v-model="qlrform.fbfdm"

  314.           name="发包方代码"

  315.           label="发包方代码"

  316.           placeholder="发包方代码"

  317.           input-align="right"

  318.           :rules="[{ required: true, message: '' }]"

  319.         />

  320.         <van-field

  321.           v-model="qlrform.fbfmc"

  322.           name="发包方名称"

  323.           label="发包方名称"

  324.           placeholder="发包方名称"

  325.           input-align="right"

  326.           :rules="[{ required: true, message: '' }]"

  327.         />

  328.         <van-field

  329.           v-model="qlrform.sjly"

  330.           name="数据来源"

  331.           label="数据来源"

  332.           placeholder="数据来源"

  333.           input-align="right"

  334.           :rules="[{ required: true, message: '' }]"

  335.           @click="showsjly = true"

  336.         />

  337.         <van-popup v-model="showsjly" position="bottom">

  338.           <van-picker

  339.             show-toolbar

  340.             :columns="columns"

  341.             @confirm="onConfirm"

  342.             @cancel="showsjly = false"

  343.           />

  344.         </van-popup>

  345.         <van-field

  346.           v-model="qlrform.bz"

  347.           name="备注"

  348.           label="备注"

  349.           placeholder="备注"

  350.           input-align="right"

  351.           :rules="[{ required: true, message: '' }]"

  352.         />

  353.       </div>

  354.         <div style="margin: 16px;">

  355.           <van-button round block color="#7AC943" native-type="submit">保存</van-button>

  356.         </div>

  357.       </van-form>

  358.     </div>

  359.     <div v-if="activeBtn==4">

  360.         <div id="mapWrapAll" style="width: 100%;height: 100vh"></div>

  361.     </div>

  362.     <van-popup v-model="show1" style="height:100%;width:100%;">

  363.       <div class="bannerBg">

  364.         <van-nav-bar

  365.           style="background:transparent;border-bottom-width:0;"

  366.           @click-left="show1=!show1"

  367.         >

  368.           <template #left>

  369.             <van-icon name="arrow-left" size="18" color="#fff" />

  370.           </template>

  371.           <template #title>

  372.             <p style="color:#fff">户主信息</p>

  373.           </template>

  374.         </van-nav-bar>

  375.       </div>

  376.       <div style="margin:20px;">

  377.         <van-form @submit="onSubmit">

  378.           <p class="title" style="position:relative;padding-left:20px;line-height:32px;">户主信息</p>

  379.           <van-field

  380.             v-model="hzform.hzxm"

  381.             name="户主名称"

  382.             label="户主名称"

  383.             placeholder="户主名称"

  384.             required

  385.             :rules="[{ required: true, message: '' }]"

  386.           />

  387.           <van-field

  388.             v-model="hzform.hzzjlx"

  389.             name="户主证件类型"

  390.             label="户主证件类型"

  391.             placeholder="户主证件类型"

  392.             input-align="right"

  393.             required

  394.             :rules="[{ required: true, message: '' }]"

  395.             @click="showhzzjlx = true"

  396.           />

  397.           <van-popup v-model="showhzzjlx" position="bottom">

  398.             <van-picker

  399.               show-toolbar

  400.               :columns="columns"

  401.               @confirm="onConfirm"

  402.               @cancel="showhzzjlx = false"

  403.             />

  404.           </van-popup>

  405.           <van-field

  406.             v-model="hzform.hzzjhm"

  407.             name="户主证件号码"

  408.             label="户主证件号码"

  409.             placeholder="户主证件号码"

  410.             :rules="[{ required: true, message: '' }]"

  411.           />

  412.           <van-field

  413.             v-model="hzform.txdz"

  414.             name="通讯地址"

  415.             label="通讯地址"

  416.             placeholder="通讯地址"

  417.             :rules="[{ required: true, message: '' }]"

  418.           />

  419.           <van-field

  420.             v-model="hzform.hncysl"

  421.             name="户内成员数量"

  422.             label="户内成员数量"

  423.             placeholder="户内成员数量"

  424.             :rules="[{ required: true, message: '' }]"

  425.           />

  426.           <div style="text-align:center;overflow:auto;">

  427.             <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;">查看户内成员信息</van-button>

  428.           </div>

  429.           <div style="margin: 16px;">

  430.             <van-button round block color="#7AC943" native-type="submit">保存</van-button>

  431.           </div>

  432.         </van-form>

  433.       </div>

  434.     </van-popup>

  435.     <van-popup v-model="showsyqr" style="height:100%;width:100%;">

  436.       <div class="bannerBg">

  437.         <van-nav-bar

  438.           style="background:transparent;border-bottom-width:0;"

  439.           @click-left="showsyqr=!showsyqr"

  440.         >

  441.           <template #left>

  442.             <van-icon name="arrow-left" size="18" color="#fff" />

  443.           </template>

  444.           <template #title>

  445.             <p style="color:#fff">使用权利人</p>

  446.           </template>

  447.         </van-nav-bar>

  448.       </div>

  449.       <div style="margin:20px;">

  450.         <van-form @submit="onSubmit">

  451.           <p class="title" style="position:relative;padding-left:20px;line-height:32px;">使用权人</p>

  452.           <van-field

  453.             v-model="form1.suyqrdm"

  454.             name="所有权人代码"

  455.             label="所有权人代码"

  456.             placeholder="所有权人代码"

  457.             :rules="[{ required: true, message: '' }]"

  458.           />

  459.           <van-field

  460.             v-model="form1.nhdm"

  461.             name="农户代码"

  462.             label="农户代码"

  463.             placeholder="农户代码"

  464.             :rules="[{ required: true, message: '' }]"

  465.           />

  466.           <van-field

  467.             v-model="form1.zjddm"

  468.             name="宅基地代码"

  469.             label="宅基地代码"

  470.             placeholder="宅基地代码"

  471.             :rules="[{ required: true, message: '' }]"

  472.           />

  473. 

  474.           <van-field

  475.             v-model="form1.nmfwdm"

  476.             name="农民房屋代码"

  477.             label="农民房屋代码"

  478.             placeholder="农民房屋代码"

  479.             :rules="[{ required: true, message: '' }]"

  480.           />

  481.           <van-field

  482.             v-model="form1.shyqrdbxm"

  483.             name="使用权人代表姓名"

  484.             label="使用权人代表姓名"

  485.             placeholder="使用权人代表姓名"

  486.             :rules="[{ required: true, message: '' }]"

  487.           />

  488.           <van-field

  489.             v-model="form1.shyqrdbzjlx"

  490.             name="使用权人代表证件类型"

  491.             label="使用权人代表证件类型"

  492.             placeholder="使用权人代表证件类型"

  493.             :rules="[{ required: true, message: '' }]"

  494.           />

  495.           <van-field

  496.             v-model="form1.shyqrdbzjhm"

  497.             name="使用权人代表证件号码"

  498.             label="使用权人代表证件号码"

  499.             placeholder="使用权人代表证件号码"

  500.             :rules="[{ required: true, message: '' }]"

  501.           />

  502.           <van-field

  503.             v-model="form1.bdcdyh"

  504.             name="不动产单元号"

  505.             label="不动产单元号"

  506.             placeholder="不动产单元号"

  507.             :rules="[{ required: true, message: '' }]"

  508.           />

  509.           <van-field

  510.             v-model="form1.bdcqzh"

  511.             name="不动产权证号"

  512.             label="不动产权证号"

  513.             placeholder="不动产权证号"

  514.             :rules="[{ required: true, message: '' }]"

  515.           />

  516.           <van-field

  517.             v-model="form1.qzysxlh"

  518.             name="权证印刷序列号"

  519.             label="权证印刷序列号"

  520.             placeholder="权证印刷序列号"

  521.             :rules="[{ required: true, message: '' }]"

  522.           />

  523.           <van-field

  524.             v-model="form1.fzjg"

  525.             name="发证机关"

  526.             label="发证机关"

  527.             placeholder="发证机关"

  528.             :rules="[{ required: true, message: '' }]"

  529.           />

  530.           <van-field

  531.             v-model="form1.sshy"

  532.             name="所属行业"

  533.             label="所属行业"

  534.             placeholder="所属行业"

  535.             :rules="[{ required: true, message: '' }]"

  536.           />

  537.           <van-field name="radio" label="国家/地区">

  538.             <template #input>

  539.               <van-radio-group v-model="form1.gj" direction="horizontal">

  540.                 <van-radio name="1">中国</van-radio>

  541.                 <van-radio name="2">其他</van-radio>

  542.               </van-radio-group>

  543.             </template>

  544.           </van-field>

  545.           <van-field

  546.             v-model="form1.qlbl"

  547.             name="权利比例"

  548.             label="权利比例"

  549.             placeholder="权利比例"

  550.             :rules="[{ required: true, message: '' }]"

  551.           />

  552.           <van-field

  553.             v-model="form1.hjszss"

  554.             name="户籍所在省市"

  555.             label="户籍所在省市"

  556.             placeholder="户籍所在省市"

  557.             :rules="[{ required: true, message: '' }]"

  558.           />

  559.           <van-field name="radio" label="性别">

  560.             <template #input>

  561.               <van-radio-group v-model="form1.xb" direction="horizontal">

  562.                 <van-radio name="1">男</van-radio>

  563.                 <van-radio name="2">女</van-radio>

  564.               </van-radio-group>

  565.             </template>

  566.           </van-field>

  567.           <van-field

  568.             v-model="form1.dh"

  569.             name="电话"

  570.             label="电话"

  571.             placeholder="电话"

  572.             :rules="[{ required: true, message: '' }]"

  573.           />

  574.           <van-field

  575.             v-model="form1.dz"

  576.             name="地址"

  577.             label="地址"

  578.             placeholder="地址"

  579.             :rules="[{ required: true, message: '' }]"

  580.           />

  581.           <van-field

  582.             v-model="form1.ftzdmj"

  583.             name="分摊宗地面积"

  584.             label="分摊宗地面积"

  585.             placeholder="分摊宗地面积"

  586.             :rules="[{ required: true, message: '' }]"

  587.           />

  588.           <van-field

  589.             v-model="form1.sfsyqrzjgy"

  590.             name="是否使用权人之间共有"

  591.             label="是否使用权人之间共有"

  592.             placeholder="是否使用权人之间共有"

  593.             :rules="[{ required: true, message: '' }]"

  594.           />

  595.           <van-field

  596.             v-model="form1.qlrlx"

  597.             name="权利人类型"

  598.             label="权利人类型"

  599.             placeholder="权利人类型"

  600.             :rules="[{ required: true, message: '' }]"

  601.           />

  602.           <van-field

  603.             v-model="form1.gyfs"

  604.             name="共有方式"

  605.             label="共有方式"

  606.             placeholder="共有方式"

  607.             :rules="[{ required: true, message: '' }]"

  608.           />

  609.           <van-field

  610.             v-model="form1.sfbncjtjjzzcy"

  611.             name="是否本农村集体经济组织成员"

  612.             label="是否本农村集体经济组织成员"

  613.             placeholder="是否本农村集体经济组织成员"

  614.             :rules="[{ required: true, message: '' }]"

  615.           />

  616.           <van-field

  617.             v-model="form1.hklx"

  618.             name="户口类型"

  619.             label="户口类型"

  620.             placeholder="户口类型"

  621.             :rules="[{ required: true, message: '' }]"

  622.           />

  623.           <van-field

  624.             v-model="form1.bz"

  625.             name="备注"

  626.             label="备注"

  627.             placeholder="备注"

  628.             :rules="[{ required: true, message: '' }]"

  629.           />

  630.           <div style="text-align:center;overflow:auto;">

  631.             <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showhncylist=true">查看户内成员列表</van-button>

  632.           </div>

  633.           <div style="margin: 16px;">

  634.             <van-button round block color="#7AC943" native-type="submit">保存</van-button>

  635.           </div>

  636.         </van-form>

  637.       </div>

  638.     </van-popup>

  639.     <van-popup v-model="showhncylist" style="height:100%;width:100%;">

  640.       <div class="bannerBg">

  641.         <van-nav-bar

  642.           style="background:transparent;border-bottom-width:0;"

  643.           @click-left="showhncylist=!showhncylist"

  644.         >

  645.           <template #left>

  646.             <van-icon name="arrow-left" size="18" color="#fff" />

  647.           </template>

  648.           <template #title>

  649.             <p style="color:#fff">户内成员列表</p>

  650.           </template>

  651.         </van-nav-bar>

  652.       </div>

  653.       <van-swipe-cell v-for="(item,index) in hncylist" :key="index" @click.native="showPopuphncy" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">

  654.         <div style="padding:20px;">

  655.           <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>刘茂强</p>

  656.           <div style="display:flex;line-height:20px">

  657.             <p style="flex:1;text-align:left;">证件号码</p>

  658.             <p  style="flex:1;text-align:right;">4413215200216562255Z00026</p>

  659.           </div>

  660.           <div style="display:flex;line-height:20px">

  661.             <p style="flex:1;text-align:left;">权利人类型</p>

  662.             <p style="flex:1;text-align:right;">个人</p>

  663.           </div>

  664.         </div>

  665.         <template #right>

  666.           <van-button square text="删除" type="danger" class="delete-button" />

  667.         </template>

  668.       </van-swipe-cell>

  669.       <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">

  670.         <div style="text-align:center;" >

  671.           <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopuphncy"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加户内成员信息</p>

  672.         </div>

  673.       </div>

  674.     </van-popup>

  675.     <van-popup v-model="showhncy" style="height:100%;width:100%;">

  676.       <div class="bannerBg">

  677.         <van-nav-bar

  678.           style="background:transparent;border-bottom-width:0;"

  679.           @click-left="showhncy=!showhncy"

  680.         >

  681.           <template #left>

  682.             <van-icon name="arrow-left" size="18" color="#fff" />

  683.           </template>

  684.           <template #title>

  685.             <p style="color:#fff">户内成员</p>

  686.           </template>

  687.         </van-nav-bar>

  688.       </div>

  689.       <div style="margin:20px;">

  690.         <van-form @submit="onSubmit">

  691.           <van-field

  692.             v-model="form5.nhdm"

  693.             name="农户代码"

  694.             label="农户代码"

  695.             placeholder="农户代码"

  696.             :rules="[{ required: true, message: '' }]"

  697.           />

  698.           <van-field

  699.             v-model="form5.xm"

  700.             name="姓名"

  701.             label="姓名"

  702.             placeholder="姓名"

  703.             :rules="[{ required: true, message: '' }]"

  704.           />

  705.           <van-field

  706.             v-model="form5.zjlx"

  707.             name="证件类型"

  708.             label="证件类型"

  709.             placeholder="证件类型"

  710.             :rules="[{ required: true, message: '' }]"

  711.           />

  712.           <van-field

  713.             v-model="form5.yhzgx"

  714.             name="与户主关系"

  715.             label="与户主关系"

  716.             placeholder="与户主关系"

  717.             :rules="[{ required: true, message: '' }]"

  718.           />

  719.           <van-field

  720.             v-model="form5.zjhm"

  721.             name="证件号码"

  722.             label="证件号码"

  723.             placeholder="证件号码"

  724.             :rules="[{ required: true, message: '' }]"

  725.           />

  726.           <van-field

  727.             v-model="form5.xb"

  728.             name="性别"

  729.             label="性别"

  730.             placeholder="性别"

  731.             :rules="[{ required: true, message: '' }]"

  732.           />

  733.           <van-field

  734.             v-model="form5.lxdh"

  735.             name="联系电话"

  736.             label="联系电话"

  737.             placeholder="联系电话"

  738.             :rules="[{ required: true, message: '' }]"

  739.           />

  740.           <van-field

  741.             v-model="form5.hklx"

  742.             name="户口类型"

  743.             label="户口类型"

  744.             placeholder="户口类型"

  745.             :rules="[{ required: true, message: '' }]"

  746.           />

  747.           <van-field

  748.             v-model="form5.hyzk"

  749.             name="婚姻状况"

  750.             label="婚姻状况"

  751.             placeholder="婚姻状况"

  752.             :rules="[{ required: true, message: '' }]"

  753.           />

  754.           <van-field

  755.             v-model="form5.jzwqk"

  756.             name="建筑物情况"

  757.             label="建筑物情况"

  758.             placeholder="建筑物情况"

  759.             :rules="[{ required: true, message: '' }]"

  760.           />

  761.           <van-field

  762.             v-model="form5.sfbjtjjzzcy"

  763.             name="是否本集体经济组织成员"

  764.             label="是否本集体经济组织成员"

  765.             placeholder="是否本集体经济组织成员"

  766.             :rules="[{ required: true, message: '' }]"

  767.           />

  768.           <van-field

  769.             v-model="form5.cybz"

  770.             name="成员备注"

  771.             label="成员备注"

  772.             placeholder="成员备注"

  773.             :rules="[{ required: true, message: '' }]"

  774.           />

  775.           <van-field

  776.             v-model="form5.cybzsm"

  777.             name="成员备注说明"

  778.             label="成员备注说明"

  779.             placeholder="成员备注说明"

  780.             :rules="[{ required: true, message: '' }]"

  781.           />

  782.           <div style="margin: 16px;">

  783.             <van-button round block color="#7AC943" native-type="submit">保存</van-button>

  784.           </div>

  785.         </van-form>

  786.       </div>

  787.     </van-popup>

  788.   </div>

  789. </template>

  790. 

  791. <script>

  792.     import { currentLocation,} from "@/api/homestead/index";

  793.     import {listZjdzd} from "@/api/homesteadSurvey/zjdzd";

  794.     import {listZrz,getZrzZjdDmList} from "@/api/homesteadSurvey/zrz";

  795.     import {listFsss,getFsssZjdDmList} from "@/api/homesteadSurvey/fsss";

  796.     import $ from "jquery";

  797.     export default {

  798.       name: "homesteadList",

  799.       data() {

  800.         return {

  801.           // 使用权人表单弹出

  802.           showsyqr:false,

  803.           showhncylist:false,

  804.           showhncy:false,

  805.           activeBtn:1,

  806.           value:'',

  807.           active:null,

  808.           // 全部列表

  809.           list:[],

  810.           // 已核查列表

  811.           list1:[],

  812.           // 未核查列表

  813.           list2:[],

  814.           // 使用权列表

  815.           syqrlist:[1,1,1,],

  816.           // 户内成员表单

  817.           form5: {},

  818.           // 户内成员列表

  819.           hncylist:[11,1,1],

  820.           currentRate:20,

  821.           geoJson:null,

  822.           // 使用权人

  823.           form1:[],

  824.           // 户主列表

  825.           hzform:{},

  826.           // 权利人列表

  827.           qlrform:[],

  828.           // 权利人性质弹出框

  829.           showsuyqxz:false,

  830.           // 代理人证件类型弹出框

  831.           showdlrzjlx:false,

  832.           // 代表人证件类型弹出框

  833.           showdbrzjlx:false,

  834.           // 数据来源弹出框

  835.           showsjly:false,

  836.           columns:[],

  837.           show1:false,

  838.           showhzzjlx: false,

  839.           // 路由传过来的任务基本信息。

  840.           item: {},

  841.           //地图使用 --start

  842.           openMap: false,

  843.           mapTheGeomZrzId: null,

  844.           mapTheGeomZjdId: null,

  845.           mapTheGeomFsssId: null,

  846.           drawInsert:null,

  847.           mapZjdData:{},

  848.           mapZrzData:{},

  849.           mapFsssData:{},

  850.           mapHaDataValue:false,

  851.           mapHasDateStatus: 0, //0附属设施  1自然幢  2宅基地

  852.           //地图使用 --end

  853.         };

  854.       },

  855.       mounted(){

  856.         currentLocation().then((res) => {

  857.           if (res.code == 200) {

  858.             let content = res.data;

  859.             this.geoJson = content.geoJson;

  860.           }

  861.         });

  862.       },

  863.       created(){

  864.         this.item = this.$route.params.item

  865.         this.getZjdList();

  866.       },

  867.       methods: {

  868.         showPopuphncy(){

  869.           this.showhncy = true

  870.         },

  871.         getZjdList(){

  872.           console.log(this.active)

  873.            if(this.active==1){

  874.             let params = {

  875.               "deptId" : this.item.deptId,

  876.               "houserDataConfirmStatus" : "CONFIRMED"

  877.             }

  878.             listZjdzd(params).then((response) => {

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

  880.                 this.list1 = response.rows

  881.               }

  882.             });

  883.           }else if(this.active==2){

  884.             let params = {

  885.               "deptId" : this.item.deptId,

  886.               "houserDataConfirmStatus" : "UNCONFIRMED"

  887.             }

  888.             listZjdzd(params).then((response) => {

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

  890.                 this.list2 = response.rows

  891.               }

  892.             });

  893.           }else{

  894.                let params = {

  895.                  "deptId" : this.item.deptId,

  896.                }

  897.                listZjdzd(params).then((response) => {

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

  899.                    this.list = response.rows

  900.                  }

  901.                });

  902.            }

  903.         },

  904.         onConfirm(){},

  905.         onSubmit(){},

  906.         mapShow() {

  907.           listZjdzd().then((response) => {

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

  909.               this.mapTheGeomZjdId = response.rows;

  910.               // listZrz().then((response) => {

  911.               //   if (response.code == 200) {

  912.               //     this.mapTheGeomZrzId = response.rows;

  913.               //   }

  914.               //   listFsss().then((response) => {

  915.               //     if (response.code == 200) {

  916.               //       this.mapTheGeomFsssId = response.rows;

  917.               //     }

  918.               setTimeout(() => {

  919.                 this.GetMapsInit();

  920.               }, 500);

  921.               //     });

  922.               //   });

  923.             }

  924.           });

  925.         },

  926.         //地图加载 -----start

  927.         GetMapsInit() {

  928.           //加载地图编辑

  929.           var that = this;

  930.           var map;

  931.           // document.getElementById("mapAll").innerHTML = '';

  932.           var hc_land;

  933.           var projection = new ol.proj.Projection({

  934.             //地图投影类型

  935.             code: "EPSG:3857",

  936.             units: "degrees",

  937.             //extent:extent

  938.           });

  939. 

  940.           var aerial = new ol.layer.Tile({

  941.             source: new ol.source.XYZ({

  942.               url: "http://t0.tianditu.gov.cn/img_w/wmts?" +

  943.                 "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +

  944.                 "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",

  945.             }),

  946.             isGroup: true,

  947.             name: "卫星影像图",

  948.           });

  949. 

  950.           var yingxzi = new ol.layer.Tile({

  951.             source: new ol.source.XYZ({

  952.               url: "https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",

  953.             }),

  954.             isGroup: true,

  955.             name: "天地图文字标注--卫星影像图",

  956.           });

  957.           //加载地图

  958.           map = new ol.Map({

  959.             controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮

  960.             layers: [aerial, yingxzi],

  961.             projection: projection,

  962.             target: "mapWrapAll",

  963.             view: new ol.View({

  964.               //center: ol.proj.fromLonLat([115.452752, 31.789033]),

  965.               zoom: 15,

  966.               minZoom: 0, //地图缩小限制

  967.               maxZoom: 18.3, //地图放大限制

  968.             }),

  969.           });

  970.           console.log(map);

  971.           //判断当前账套是否有数据

  972.           var mapTalkAbout = true;

  973.           //宅基地定位开始 ---------start

  974.           if(this.mapTheGeomZjdId.length >0) {

  975.             for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {

  976.               if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {

  977.                 mapTalkAbout =false;

  978.                 this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';

  979.                 var styleYqr = "";

  980.                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  981.                   styleYqr = new ol.style.Style({

  982.                     fill: new ol.style.Fill({

  983.                       //矢量图层填充颜色，以及透明度

  984.                       color: "#AE57A4",

  985.                     }),

  986.                     stroke: new ol.style.Stroke({

  987.                       //边界样式

  988.                       color: "#28FF28",

  989.                       width: 3,

  990.                     }),

  991.                   });

  992.                 } else {

  993.                   styleYqr = new ol.style.Style({

  994.                     fill: new ol.style.Fill({

  995.                       //矢量图层填充颜色，以及透明度

  996.                       color: "#AE57A4",

  997.                     }),

  998.                     stroke: new ol.style.Stroke({

  999.                       //边界样式

  1000.                       color: "rgba(255, 45, 45,1)",

  1001.                       width: 3,

  1002.                     }),

  1003.                   });

  1004.                 }

  1005.                 hc_land = new ol.layer.Vector({

  1006.                   title: "add Layer",

  1007.                   source: new ol.source.Vector({

  1008.                     projection: projection,

  1009.                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  1010.                       "    \"type\": \"Feature\",\n" +

  1011.                       "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),

  1012.                   }),

  1013.                   style: styleYqr

  1014.                 });

  1015.                 map.addLayer(hc_land);

  1016.                 var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  1017.                 var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  1018.                 var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  1019.                 var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  1020.                 //定位查询位置

  1021.                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  1022.                 map.getView().animate({

  1023.                   // 只设置需要的属性即可

  1024.                   center: center, // 中心点

  1025.                   zoom: 15.8, // 缩放级别

  1026.                   rotation: undefined, // 缩放完成view视图旋转弧度

  1027.                   duration: 1000, // 缩放持续时间，默认不需要设置

  1028.                 });

  1029.                 //自然幢定位开始 ---------start

  1030.                 getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

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

  1032.                     this.mapTheGeomZrzId = response.data;

  1033.                     if(this.mapTheGeomZrzId.length >0) {

  1034.                       for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {

  1035.                         if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {

  1036.                           this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';

  1037.                           var styleZrz = "";

  1038.                           if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  1039.                             styleZrz = new ol.style.Style({

  1040.                               fill: new ol.style.Fill({

  1041.                                 //矢量图层填充颜色，以及透明度

  1042.                                 color: "#FFD306",

  1043.                               }),

  1044.                               stroke: new ol.style.Stroke({

  1045.                                 //边界样式

  1046.                                 color: "#28FF28",

  1047.                                 width: 3,

  1048.                               }),

  1049.                             });

  1050.                           } else {

  1051.                             styleZrz = new ol.style.Style({

  1052.                               fill: new ol.style.Fill({

  1053.                                 //矢量图层填充颜色，以及透明度

  1054.                                 color: "#FFD306",

  1055.                               }),

  1056.                               stroke: new ol.style.Stroke({

  1057.                                 //边界样式

  1058.                                 color: "rgba(255, 45, 45,1)",

  1059.                                 width: 3,

  1060.                               }),

  1061.                             });

  1062.                           }

  1063.                           hc_land = new ol.layer.Vector({

  1064.                             title: "add Layer",

  1065.                             source: new ol.source.Vector({

  1066.                               projection: projection,

  1067.                               features: new ol.format.GeoJSON().readFeatures("{\n" +

  1068.                                 "    \"type\": \"Feature\",\n" +

  1069.                                 "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),

  1070.                             }),

  1071.                             style: styleZrz

  1072.                           });

  1073.                           map.addLayer(hc_land);

  1074.                         }

  1075.                       }

  1076.                     }

  1077.                   }

  1078.                 });

  1079.                 //自然幢定位结束 ---------end

  1080. 

  1081.                 //附属设施定位开始 ---------start

  1082.                 getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

  1083.                   console.log(response);

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

  1085.                     this.mapTheGeomFsssId = response.data;

  1086.                     if(this.mapTheGeomFsssId.length >0) {

  1087.                       for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {

  1088.                         if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {

  1089.                           this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';

  1090.                           var styleFsss = "";

  1091.                           if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  1092.                             styleFsss = new ol.style.Style({

  1093.                               fill: new ol.style.Fill({

  1094.                                 //矢量图层填充颜色，以及透明度

  1095.                                 color: "#00FFFF",

  1096.                               }),

  1097.                               stroke: new ol.style.Stroke({

  1098.                                 //边界样式

  1099.                                 color: "#28FF28",

  1100.                                 width: 3,

  1101.                               }),

  1102.                             });

  1103.                           } else {

  1104.                             styleFsss = new ol.style.Style({

  1105.                               fill: new ol.style.Fill({

  1106.                                 //矢量图层填充颜色，以及透明度

  1107.                                 color: "#00FFFF",

  1108.                               }),

  1109.                               stroke: new ol.style.Stroke({

  1110.                                 //边界样式

  1111.                                 color: "rgba(255, 45, 45,1)",

  1112.                                 width: 3,

  1113.                               }),

  1114.                             });

  1115.                           }

  1116.                           hc_land = new ol.layer.Vector({

  1117.                             title: "add Layer",

  1118.                             source: new ol.source.Vector({

  1119.                               projection: projection,

  1120.                               features: new ol.format.GeoJSON().readFeatures("{\n" +

  1121.                                 "    \"type\": \"Feature\",\n" +

  1122.                                 "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),

  1123.                             }),

  1124.                             style: styleFsss

  1125.                           });

  1126.                           map.addLayer(hc_land);

  1127.                         }

  1128.                       }

  1129.                     }

  1130.                   }

  1131.                 });

  1132.                 //附属设施定位结束 ---------end

  1133.               }

  1134.             }

  1135.           }

  1136.           //宅基地定位结束 ---------end

  1137. 

  1138.           //点击查询详细信息

  1139.           map.on("singleclick", function (evt) {

  1140.             let feature = map.forEachFeatureAtPixel(

  1141.               evt.pixel,

  1142.               (feature) => feature

  1143.             );

  1144.             if(feature) {

  1145.               document.getElementById("info").innerHTML = "";

  1146.               that.mapHaDataValue = true;

  1147.               var ifConsole = feature.values_.createBy;

  1148.               if (ifConsole =="mapTheGeomFsssId") {

  1149.                 let obj = {};

  1150.                 that.mapHasDateStatus = 0;

  1151.                 obj.deptName = feature.values_.deptName;//行政区划名称

  1152.                 obj.zjddm = feature.values_.zjddm;//宅基地代码

  1153.                 obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态

  1154.                 obj.fssslx = feature.values_.fssslx; //附属设施类型

  1155.                 obj.jzmj = feature.values_.jzmj; //建筑面积

  1156.                 obj.qsly = feature.values_.qsly;//权属来源

  1157.                 obj.fwzt = feature.values_.fwzt; //房屋状态

  1158.                 obj.sfsp = feature.values_.sfsp; //是否审批

  1159.                 obj.sffz = feature.values_.sffz; //是否发证

  1160.                 obj.jglx = feature.values_.jglx; //结构类型

  1161.                 obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用

  1162.                 obj.jzwqk = feature.values_.jzwqk; //建筑物情况

  1163.                 obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况

  1164.                 obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚

  1165.                 obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用

  1166.                 //附属设施类型字典项

  1167.                 that.getDicts("fsss_type").then((response) => {

  1168.                   var assetTypeOptions = response.data;

  1169.                   if(obj.fssslx !=null && obj.fssslx !=""){

  1170.                     for(var i=0;assetTypeOptions.length >i; i++){

  1171.                       if(obj.fssslx == assetTypeOptions[i].dictValue) {

  1172.                         obj.fssslx = assetTypeOptions[i].dictLabel;

  1173.                         break;

  1174.                       }

  1175.                     }

  1176.                   }

  1177.                 });

  1178.                 //权属类型字典项

  1179.                 that.getDicts("acquisition_method").then((response) => {

  1180.                   var assetTypeOptions = response.data;

  1181.                   if(obj.qsly !=null && obj.qsly !=""){

  1182.                     for(var i=0;assetTypeOptions.length >i; i++){

  1183.                       if(obj.qsly == assetTypeOptions[i].dictValue) {

  1184.                         obj.qsly = assetTypeOptions[i].dictLabel;

  1185.                         break;

  1186.                       }

  1187.                     }

  1188.                   }

  1189.                 });

  1190.                 //房屋状态字典项

  1191.                 that.getDicts("fwzt").then((response) => {

  1192.                   var assetTypeOptions = response.data;

  1193.                   if(obj.fwzt !=null && obj.fwzt !=""){

  1194.                     for(var i=0;assetTypeOptions.length >i; i++){

  1195.                       if(obj.fwzt == assetTypeOptions[i].dictValue) {

  1196.                         obj.fwzt = assetTypeOptions[i].dictLabel;

  1197.                         break;

  1198.                       }

  1199.                     }

  1200.                   }

  1201.                 });

  1202.                 //是否审批字典项

  1203.                 that.getDicts("sys_yes_no").then((response) => {

  1204.                   var assetTypeOptions = response.data;

  1205.                   if(obj.sfsp !=null && obj.sfsp !=""){

  1206.                     for(var i=0;assetTypeOptions.length >i; i++){

  1207.                       if(obj.sfsp == assetTypeOptions[i].dictValue) {

  1208.                         obj.sfsp = assetTypeOptions[i].dictLabel;

  1209.                         break;

  1210.                       }

  1211.                     }

  1212.                   }

  1213.                 });

  1214.                 //是否发证字典项

  1215.                 that.getDicts("sys_yes_no").then((response) => {

  1216.                   var assetTypeOptions = response.data;

  1217.                   if(obj.sffz !=null && obj.sffz !=""){

  1218.                     for(var i=0;assetTypeOptions.length >i; i++){

  1219.                       if(obj.sffz == assetTypeOptions[i].dictValue) {

  1220.                         obj.sffz = assetTypeOptions[i].dictLabel;

  1221.                         break;

  1222.                       }

  1223.                     }

  1224.                   }

  1225.                 });

  1226.                 //结构类型字典项

  1227.                 that.getDicts("house_jglx").then((response) => {

  1228.                   var assetTypeOptions = response.data;

  1229.                   if(obj.jglx !=null && obj.jglx !=""){

  1230.                     for(var i=0;assetTypeOptions.length >i; i++){

  1231.                       if(obj.jglx == assetTypeOptions[i].dictValue) {

  1232.                         obj.jglx = assetTypeOptions[i].dictLabel;

  1233.                         break;

  1234.                       }

  1235.                     }

  1236.                   }

  1237.                 });

  1238.                 //是否正在使用字典项

  1239.                 that.getDicts("sys_yes_no").then((response) => {

  1240.                   var assetTypeOptions = response.data;

  1241.                   if(obj.sfzzsy !=null && obj.sfzzsy !=""){

  1242.                     for(var i=0;assetTypeOptions.length >i; i++){

  1243.                       if(obj.sfzzsy == assetTypeOptions[i].dictValue) {

  1244.                         obj.sfzzsy = assetTypeOptions[i].dictLabel;

  1245.                         break;

  1246.                       }

  1247.                     }

  1248.                   }

  1249.                 });

  1250.                 //房屋状态字典项

  1251.                 that.getDicts("fwzt").then((response) => {

  1252.                   var assetTypeOptions = response.data;

  1253.                   if(obj.fwzt !=null && obj.fwzt !=""){

  1254.                     for(var i=0;assetTypeOptions.length >i; i++){

  1255.                       if(obj.fwzt == assetTypeOptions[i].dictValue) {

  1256.                         obj.fwzt = assetTypeOptions[i].dictLabel;

  1257.                         break;

  1258.                       }

  1259.                     }

  1260.                   }

  1261.                 });

  1262.                 //土地状况字典项

  1263.                 that.getDicts("land_state").then((response) => {

  1264.                   var assetTypeOptions = response.data;

  1265.                   if(obj.tdzk !=null && obj.tdzk !=""){

  1266.                     for(var i=0;assetTypeOptions.length >i; i++){

  1267.                       if(obj.tdzk == assetTypeOptions[i].dictValue) {

  1268.                         obj.tdzk = assetTypeOptions[i].dictLabel;

  1269.                         break;

  1270.                       }

  1271.                     }

  1272.                   }

  1273.                 });

  1274.                 //是否受过处罚字典项

  1275.                 that.getDicts("land_state").then((response) => {

  1276.                   var assetTypeOptions = response.data;

  1277.                   if(obj.sfsgcf !=null && obj.sfsgcf !=""){

  1278.                     for(var i=0;assetTypeOptions.length >i; i++){

  1279.                       if(obj.sfsgcf == assetTypeOptions[i].dictValue) {

  1280.                         obj.sfsgcf = assetTypeOptions[i].dictLabel;

  1281.                         break;

  1282.                       }

  1283.                     }

  1284.                   }

  1285.                 });

  1286.                 that.mapFsssData = obj;

  1287.               } else if(ifConsole =="mapTheGeomZrzId"){

  1288.                 let obj = {};

  1289.                 that.mapHasDateStatus = 1;

  1290.                 obj.deptName = feature.values_.deptName;//部门名称

  1291.                 obj.zjddm = feature.values_.zjddm;//宅基地代码

  1292.                 obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号

  1293.                 obj.zrzh = feature.values_.zrzh;//自然幢号

  1294.                 obj.jgrq = feature.values_.jgrq;//竣工日期

  1295.                 obj.jzwgd = feature.values_.jzwgd;//建筑物高度

  1296.                 obj.zzdmj = feature.values_.zzdmj;//幢占地面积

  1297.                 obj.zydmj = feature.values_.zydmj;//幢用地面积

  1298.                 obj.scjzmj = feature.values_.scjzmj;//实测建筑面积

  1299.                 obj.zcs = feature.values_.zcs;//总层数

  1300.                 obj.dscs = feature.values_.dscs;//地上层数

  1301.                 obj.dxcs = feature.values_.dxcs;//地下层数

  1302.                 obj.fwjg = feature.values_.fwjg;//房屋结构

  1303.                 obj.sjly = feature.values_.sjly;//数据来源

  1304.                 obj.status = feature.values_.status;//状态

  1305.                 obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态

  1306.                 //字典项转化

  1307.                 //房屋结构字典项

  1308.                 that.getDicts("housing_structure").then((response) => {

  1309.                   var assetTypeOptions = response.data;

  1310.                   if(obj.fwjg !=null && obj.fwjg !=""){

  1311.                     for(var i=0;assetTypeOptions.length >i; i++){

  1312.                       if(obj.fwjg == assetTypeOptions[i].dictValue) {

  1313.                         obj.fwjg = assetTypeOptions[i].dictLabel;

  1314.                         break;

  1315.                       }

  1316.                     }

  1317.                   }

  1318.                 });

  1319.                 //房屋结构字典项

  1320.                 that.getDicts("sjly").then((response) => {

  1321.                   var assetTypeOptions = response.data;

  1322.                   if(obj.sjly !=null && obj.sjly !=""){

  1323.                     for(var i=0;assetTypeOptions.length >i; i++){

  1324.                       if(obj.sjly == assetTypeOptions[i].dictValue) {

  1325.                         obj.sjly = assetTypeOptions[i].dictLabel;

  1326.                         break;

  1327.                       }

  1328.                     }

  1329.                   }

  1330.                 });

  1331.                 that.mapZrzData = obj;

  1332.               } else if(ifConsole =="mapTheGeomZjdId"){

  1333.                 let obj = {};

  1334.                 that.mapHasDateStatus = 2;

  1335.                 obj.deptName = feature.values_.deptName;//行政区划名称

  1336.                 obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码

  1337.                 obj.nhdm = feature.values_.nhdm;//农户代码

  1338.                 obj.zjddm = feature.values_.zjddm;//宅基地代码

  1339.                 obj.zdbh = feature.values_.zdbh;//宗地编号

  1340.                 obj.zddm = feature.values_.zddm;//宗地代码

  1341.                 obj.zl = feature.values_.zl;//坐落

  1342.                 obj.zldwdm = feature.values_.zldwdm;//坐落单位代码

  1343.                 obj.zdmj = feature.values_.zdmj;//宗地面积

  1344.                 obj.yt = feature.values_.yt;//用途

  1345.                 obj.ytmc = feature.values_.ytmc;//用途名称

  1346.                 obj.dj = feature.values_.dj;//宗地编号

  1347.                 obj.jg = feature.values_.jg;//价格万元

  1348.                 obj.qllx = feature.values_.qllx;//权利类型

  1349.                 obj.qlxz = feature.values_.qlxz;//权利性质

  1350.                 obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式

  1351.                 obj.rjl = feature.values_.rjl;//容积率

  1352.                 obj.jzmd = feature.values_.jzmd;//建筑密度

  1353.                 obj.jzxg = feature.values_.jzxg;//建筑限高

  1354.                 obj.zdszd = feature.values_.zdszd;//宗地四至-东

  1355.                 obj.zdszn = feature.values_.zdszn;//宗地四至-南

  1356.                 obj.zdszx = feature.values_.zdszx;//宗地四至-西

  1357.                 obj.zdszb = feature.values_.zdszb;//宗地四至-北

  1358.                 obj.zdt = feature.values_.zdt;//宗地图

  1359.                 obj.tfh = feature.values_.tfh;//图幅号

  1360.                 obj.djh = feature.values_.djh;//地籍号

  1361.                 obj.sjly = feature.values_.sjly;//数据来源

  1362.                 obj.lyzk = feature.values_.lyzk;//当前利用状况

  1363.                 obj.xzkssj = feature.values_.xzkssj;//闲置开始时间

  1364.                 obj.sffz = feature.values_.sffz;//是否发证

  1365.                 obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号

  1366.                 obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片

  1367.                 obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式

  1368.                 obj.bccjl = feature.values_.bccjl;//被惩处经历

  1369.                 obj.bccbz = feature.values_.bccbz;//被惩处备注

  1370.                 obj.yctcyx = feature.values_.yctcyx;//有偿退出意向

  1371.                 obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积

  1372.                 obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因

  1373.                 obj.lzyx = feature.values_.lzyx;//流转意向

  1374.                 obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用

  1375.                 //字典项转化

  1376.                 //是否发证字典项

  1377.                 that.getDicts("sys_yes_no").then((response) => {

  1378.                   var assetTypeOptions = response.data;

  1379.                   if(obj.sffz !=null && obj.sffz !=""){

  1380.                     for(var i=0;assetTypeOptions.length >i; i++){

  1381.                       if(obj.sffz == assetTypeOptions[i].dictValue) {

  1382.                         obj.sffz = assetTypeOptions[i].dictLabel;

  1383.                         break;

  1384.                       }

  1385.                     }

  1386.                   }

  1387.                 });

  1388.                 //利用状态字典项

  1389.                 that.getDicts("zjdlyzk").then((response) => {

  1390.                   var assetTypeOptions = response.data;

  1391.                   if(obj.lyzk !=null && obj.lyzk !=""){

  1392.                     for(var i=0;assetTypeOptions.length >i; i++){

  1393.                       if(obj.lyzk == assetTypeOptions[i].dictValue) {

  1394.                         obj.lyzk = assetTypeOptions[i].dictLabel;

  1395.                         break;

  1396.                       }

  1397.                     }

  1398.                   }

  1399.                 });

  1400.                 //流转意向字典项

  1401.                 that.getDicts("is_have").then((response) => {

  1402.                   var assetTypeOptions = response.data;

  1403.                   if(obj.lzyx !=null && obj.lzyx !=""){

  1404.                     for(var i=0;assetTypeOptions.length >i; i++){

  1405.                       if(obj.lzyx == assetTypeOptions[i].dictValue) {

  1406.                         obj.lzyx = assetTypeOptions[i].dictLabel;

  1407.                         break;

  1408.                       }

  1409.                     }

  1410.                   }

  1411.                 });

  1412.                 //有偿退出意向字典项

  1413.                 that.getDicts("is_have").then((response) => {

  1414.                   var assetTypeOptions = response.data;

  1415.                   if(obj.yctcyx !=null && obj.yctcyx !=""){

  1416.                     for(var i=0;assetTypeOptions.length >i; i++){

  1417.                       if(obj.yctcyx == assetTypeOptions[i].dictValue) {

  1418.                         obj.yctcyx = assetTypeOptions[i].dictLabel;

  1419.                         break;

  1420.                       }

  1421.                     }

  1422.                   }

  1423.                 });

  1424.                 //被惩处经历字典项

  1425.                 that.getDicts("is_have").then((response) => {

  1426.                   var assetTypeOptions = response.data;

  1427.                   if(obj.bccjl !=null && obj.bccjl !=""){

  1428.                     for(var i=0;assetTypeOptions.length >i; i++){

  1429.                       if(obj.bccjl == assetTypeOptions[i].dictValue) {

  1430.                         obj.bccjl = assetTypeOptions[i].dictLabel;

  1431.                         break;

  1432.                       }

  1433.                     }

  1434.                   }

  1435.                 });

  1436.                 //宅基地取得方式字典项

  1437.                 that.getDicts("acquisition_method").then((response) => {

  1438.                   var assetTypeOptions = response.data;

  1439.                   if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){

  1440.                     for(var i=0;assetTypeOptions.length >i; i++){

  1441.                       if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {

  1442.                         obj.zjdqdfs = assetTypeOptions[i].dictLabel;

  1443.                         break;

  1444.                       }

  1445.                     }

  1446.                   }

  1447.                 });

  1448.                 //权利设定方式字典项

  1449.                 that.getDicts("right_setting_mode").then((response) => {

  1450.                   var assetTypeOptions = response.data;

  1451.                   if(obj.qlsdfs !=null && obj.qlsdfs !=""){

  1452.                     for(var i=0;assetTypeOptions.length >i; i++){

  1453.                       if(obj.qlsdfs == assetTypeOptions[i].dictValue) {

  1454.                         obj.qlsdfs = assetTypeOptions[i].dictLabel;

  1455.                         break;

  1456.                       }

  1457.                     }

  1458.                   }

  1459.                 });

  1460.                 //数据来源字典项

  1461.                 that.getDicts("sjly").then((response) => {

  1462.                   var assetTypeOptions = response.data;

  1463.                   if(obj.sjly !=null && obj.sjly !=""){

  1464.                     for(var i=0;assetTypeOptions.length >i; i++){

  1465.                       if(obj.sjly == assetTypeOptions[i].dictValue) {

  1466.                         obj.sjly = assetTypeOptions[i].dictLabel;

  1467.                         break;

  1468.                       }

  1469.                     }

  1470.                   }

  1471.                 });

  1472.                 that.mapZjdData = obj;

  1473.               } else {

  1474.                 that.mapHaDataValue = false;

  1475.               }

  1476.             }else {

  1477.               that.mapHaDataValue = false;

  1478.             }

  1479.           });

  1480.           //当前账套没有任何空间数据

  1481.           if(mapTalkAbout){

  1482.             let deptName = this.$store.state.user.loginDeptId + "";

  1483.             getQueryLand(deptName).then((response) => {

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

  1485.                 let InsertCode = response.data;

  1486.                 if (InsertCode != null) {

  1487.                   var lat = InsertCode.lat;

  1488.                   var lng = InsertCode.lng;

  1489.                   var center;

  1490.                   if(lat !=null && lng !=null && lat !="" && lng !=""){

  1491.                     center = [lng,lat];

  1492.                   }else {

  1493.                     center =[115.452752, 31.789033];

  1494.                   }

  1495.                   map.getView().animate({

  1496.                     // 只设置需要的属性即可

  1497.                     center: ol.proj.fromLonLat(center), // 中心点

  1498.                     zoom: 17.9, // 缩放级别

  1499.                     rotation: undefined, // 缩放完成view视图旋转弧度

  1500.                     duration: 1000, // 缩放持续时间，默认不需要设置

  1501.                   });

  1502.                 }

  1503.               }

  1504.             });

  1505.           }

  1506.         },

  1507.       }

  1508.     }

  1509. </script>

  1510. 

  1511. <style  scoped>

  1512. 

  1513.   >>> .bannerBg{

  1514.     width: 100%;

  1515.     color:#fff;

  1516.     padding:10px;

  1517.     background: linear-gradient(134deg,#7ac943 1%, #22b7f2);

  1518.   }

  1519. >>> .van-hairline--bottom::after {

  1520.        border-bottom-width: 0;

  1521.      }

  1522.   >>> .activeBtn{

  1523.     flex:1;background:#fff;height:50px;border-radius:25px;margin:10px;color:#7AC943;line-height:50px;text-align:center;font-size:20px;box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  1524.   }

  1525. >>> .disactiveBtn{

  1526.   flex:1;background:rgba(255,255,255,.4);height:50px;border-radius:25px;margin:10px;color:#fff;line-height:50px;text-align:center;font-size:20px;box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  1527. }

  1528.   >>> .van-cell__label{

  1529.     color: #969799;

  1530.     font-size: 12px;

  1531.     line-height: 20px;

  1532.     margin:0

  1533.   }

  1534.   >>>.map_area {

  1535.     width: 50vw;

  1536.     height: 50vh;

  1537.     z-index:1;

  1538.     background:#000;

  1539.     position: fixed;

  1540.     left: 0;

  1541.     top: 0;

  1542.   }

  1543.   >>> .van-field__label{

  1544.     width:50%;

  1545.   }

  1546. </style>