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ů.
1075 Revize
7 Větve
79 MiB
 
 
Strom: f6f378c6df
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „f6f378c6df“
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/add.vue

943 řádky
32 KiB
Surový Blame Historie 

  1. <template>

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

  3.     <van-sticky style="position:relative;">

  4.       <div class="bannerBg">

  5.         <van-nav-bar

  6.           style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;"

  7.           @click-left="goBack()"

  8.         >

  9.           <template #left>

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

  11.           </template>

  12.           <template #title>

  13.             <p style="color:#fff">入户调查</p>

  14.           </template>

  15.         </van-nav-bar>

  16.       </div>

  17.       <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem">

  18.         <van-row>

  19.           <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})">

  20.               <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  21.               <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>

  22.           </van-col>

  23.           <van-col span="2">

  24.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  25.           </van-col>

  26.           <van-col span="4"  style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" >

  27.             <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  28.             <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>

  29.           </van-col>

  30.           <van-col span="2">

  31.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  32.           </van-col>

  33.           <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" >

  34.             <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  35.             <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>

  36.           </van-col>

  37.           <van-col span="2">

  38.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  39.           </van-col>

  40.           <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})">

  41.             <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  42.             <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p>

  43.           </van-col>

  44.         </van-row>

  45.       </div>

  46.     </van-sticky>

  47.     <van-form  ref="form">

  48.       <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;">

  49.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">空间信息</p>

  50.         <!--<van-field

  51.           v-model="form.deptId"

  52.           name="行政区划名称"

  53.           label="行政区划名称"

  54.           placeholder="行政区划名称"

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

  56.         />-->

  57.         <van-field

  58.           autocomplete="off"

  59.           v-model="form.suyqrdm"

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

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

  62.           placeholder="自动生成"

  63.           input-align="right"

  64.           disabled

  65.           v-show="false"

  66.         />

  67.         <van-field

  68.           autocomplete="off"

  69.           v-model="form.zldwdm"

  70.           name="坐落单位代码"

  71.           label="坐落单位代码"

  72.           placeholder="坐落单位代码"

  73.           input-align="right"

  74.           required

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

  76.         />

  77.         <van-field

  78.           autocomplete="off"

  79.           input-align="right"

  80.           v-model="form.zddm"

  81.           name="宗地代码"

  82.           label="宗地代码"

  83.           placeholder="宗地代码"

  84.         />

  85.         <van-field

  86.           autocomplete="off"

  87.           input-align="right"

  88.           v-model="form.bdcdyh"

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

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

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

  92.         />

  93.         <van-field

  94.           autocomplete="off"

  95.           input-align="right"

  96.           v-model="form.zl"

  97.           name="坐落"

  98.           label="坐落"

  99.           placeholder="坐落"

  100.           required

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

  102.         />

  103.         <van-field

  104.           autocomplete="off"

  105.           input-align="right"

  106.           v-model="form.zdmj"

  107.           type="number"

  108.           name="宗地面积(㎡)"

  109.           label="宗地面积(㎡)"

  110.           placeholder="宗地面积(㎡)"

  111.           maxlength="15"

  112.           required

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

  114.         />

  115.         <field-select

  116.           v-model="form.yt"

  117.           label="用途"

  118.           value-key="dictLabel"

  119.           data-key="dictValue"

  120.           placeholder="选择用途"

  121.           remote-url="/system/dict/data/type/land_use"

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

  123.           required

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

  125.         />

  126.         <field-select

  127.           v-model="form.dj"

  128.           label="等级"

  129.           value-key="dictLabel"

  130.           data-key="dictValue"

  131.           placeholder="选择等级"

  132.           remote-url="/system/dict/data/type/tddj"

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

  134.         />

  135.         <van-field

  136.           autocomplete="off"

  137.           input-align="right"

  138.           v-model="form.jg"

  139.           name="价格(万元)"

  140.           label="价格(万元)"

  141.           placeholder="价格(万元)"

  142.           type="number"

  143.           maxlength="15"

  144.         />

  145.         <field-select

  146.           v-model="form.qllx"

  147.           label="权利类型"

  148.           value-key="dictLabel"

  149.           data-key="dictValue"

  150.           placeholder="选择权利类型"

  151.           remote-url="/system/dict/data/type/rights_type"

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

  153.         />

  154.         <field-select

  155.           v-model="form.qlsdfs"

  156.           label="权利设定方式"

  157.           value-key="dictLabel"

  158.           data-key="dictValue"

  159.           placeholder="选择权利设定方式"

  160.           remote-url="/system/dict/data/type/right_setting_mode"

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

  162.         />

  163.         <van-field

  164.           autocomplete="off"

  165.           input-align="right"

  166.           v-model="form.rjl"

  167.           name="容积率"

  168.           label="容积率"

  169.           placeholder="容积率"

  170.         />

  171.         <van-field

  172.           autocomplete="off"

  173.           input-align="right"

  174.           v-model="form.jzmd"

  175.           name="建筑密度"

  176.           label="建筑密度"

  177.           placeholder="建筑密度"

  178.           type="number"

  179.           maxlength="15"

  180.         />

  181.         <van-field

  182.           autocomplete="off"

  183.           input-align="right"

  184.           v-model="form.jzxg"

  185.           name="建筑限高"

  186.           label="建筑限高"

  187.           placeholder="建筑限高"

  188.           type="number"

  189.           maxlength="15"

  190.         />

  191. 

  192.         <van-field

  193.           autocomplete="off"

  194.           input-align="right"

  195.           v-model="form.zdszd"

  196.           name="宗地四至-东"

  197.           label="宗地四至-东"

  198.           placeholder="宗地四至-东"

  199.           maxlength="150"

  200.           required

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

  202.         />

  203.         <van-field

  204.           autocomplete="off"

  205.           input-align="right"

  206.           v-model="form.zdszn"

  207.           name="宗地四至-南"

  208.           label="宗地四至-南"

  209.           placeholder="宗地四至-南"

  210.           maxlength="150"

  211.           required

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

  213.         />

  214.         <van-field

  215.           input-align="right"

  216.           v-model="form.zdszx"

  217.           name="宗地四至-西"

  218.           label="宗地四至-西"

  219.           placeholder="宗地四至-西"

  220.           maxlength="150"

  221.           required

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

  223.         />

  224.         <van-field

  225.           autocomplete="off"

  226.           input-align="right"

  227.           v-model="form.zdszb"

  228.           name="宗地四至-北"

  229.           label="宗地四至-北"

  230.           placeholder="宗地四至-北"

  231.           maxlength="150"

  232.           required

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

  234.         />

  235.         <van-field

  236.           autocomplete="off"

  237.           input-align="right"

  238.           v-model="form.tfh"

  239.           name="图幅号"

  240.           label="图幅号"

  241.           placeholder="图幅号"

  242.         />

  243.         <van-field

  244.           autocomplete="off"

  245.           input-align="right"

  246.           v-model="form.djh"

  247.           name="地籍号"

  248.           label="地籍号"

  249.           placeholder="图幅号"

  250.         />

  251.         <van-field

  252.           autocomplete="off"

  253.           input-align="right"

  254.           v-model="form.bz"

  255.           name="备注"

  256.           label="备注"

  257.           placeholder="备注"

  258.         />

  259.         <field-select

  260.           v-model="form.sjly"

  261.           label="数据来源"

  262.           value-key="dictLabel"

  263.           data-key="dictValue"

  264.           placeholder="选择数据来源"

  265.           remote-url="/system/dict/data/type/sjly"

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

  267.           required

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

  269.         />

  270.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">属性信息</p>

  271.         <van-field

  272.           autocomplete="off"

  273.           input-align="right"

  274.           v-model="form.shyqrdbxm"

  275.           name="权利人名称"

  276.           label="权利人名称"

  277.           placeholder="权利人名称"

  278.         />

  279.         <field-select

  280.           v-model="form.zjdqdfs"

  281.           label="取得方式"

  282.           value-key="dictLabel"

  283.           data-key="dictValue"

  284.           placeholder="选择取得方式"

  285.           remote-url="/system/dict/data/type/acquisition_method"

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

  287.         />

  288.         <van-field

  289.                         autocomplete="off"

  290.                         input-align="right"

  291.                         v-model="form.zjdqdsj"

  292.                         name="取得时间"

  293.                         label="取得时间"

  294.                         placeholder="取得时间"

  295.                         readonly

  296.                         @click="showZjdqdsj = true"

  297.                       />

  298.         <van-popup v-model:show="showZjdqdsj" position="bottom">

  299.                         <van-datetime-picker

  300.                           type="date"

  301.                           @confirm="onConfirmzjdqdsj"

  302.                           @cancel="showZjdqdsj = false"

  303.                           :min-date="minDate"

  304.                           :max-date="maxDate"

  305.                         />

  306.         </van-popup>

  307.         <FieldRadio

  308.           v-model="form.isMore"

  309.           label="是否一户多宅"

  310.           value-key="dictLabel"

  311.           data-key="dictValue"

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

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

  314.         />

  315.         <FieldRadio

  316.           v-model="form.sfcz"

  317.           label="是否超占"

  318.           value-key="dictLabel"

  319.           data-key="dictValue"

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

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

  322.           @change="onSfczChanged"

  323.         />

  324.         <van-field

  325.           v-if="showCzmj"

  326.           autocomplete="off"

  327.           input-align="right"

  328.           v-model="form.czmj"

  329.           type="number"

  330.           name="超占面积(㎡)"

  331.           label="超占面积(㎡)"

  332.           placeholder="超占面积(㎡)"

  333.           maxlength="15"

  334.           required

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

  336.         />

  337.         <FieldRadio

  338.           v-model="form.sffz"

  339.           label="是否发证"

  340.           value-key="dictLabel"

  341.           data-key="dictValue"

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

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

  344.           @change="onSffzChanged"

  345.         />

  346.         <van-field

  347.           v-if="showFzxx"

  348.           input-align="right"

  349.           v-model="form.zsh"

  350.           name="证书号"

  351.           label="证书号"

  352.           placeholder="证书号"

  353.           maxlength="150"

  354.           required

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

  356.         />

  357.         <van-field

  358.           v-if="showFzxx"

  359.           autocomplete="off"

  360.           input-align="right"

  361.           v-model="form.zsmj"

  362.           type="number"

  363.           name="证书面积(㎡)"

  364.           label="证书面积(㎡)"

  365.           placeholder="证书面积(㎡)"

  366.           maxlength="15"

  367.           required

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

  369.         />

  370.         <van-field

  371.           v-if="showFzxx"

  372.           input-align="right"

  373.           v-model="form.fzdw"

  374.           name="发证单位"

  375.           label="发证单位"

  376.           placeholder="发证单位"

  377.           maxlength="150"

  378.           required

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

  380.         />

  381.         <van-field

  382.           v-if="showWbzyy"

  383.           input-align="right"

  384.           v-model="form.wbzyy"

  385.           name="未办证原因"

  386.           label="未办证原因"

  387.           placeholder="未办证原因"

  388.           maxlength="150"

  389.           required

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

  391.         />

  392.         <field-select

  393.           v-model="form.houseOwnership"

  394.           label="权利归属"

  395.           value-key="dictLabel"

  396.           data-key="dictValue"

  397.           placeholder="选择权利归属"

  398.           remote-url="/system/dict/data/type/house_ownership"

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

  400.         />

  401.         <field-select

  402.         v-model="form.landStatus"

  403.         label="使用状态"

  404.         value-key="dictLabel"

  405.         data-key="dictValue"

  406.         placeholder="选择使用状态"

  407.         remote-url="/system/dict/data/type/land_status"

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

  409.         required

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

  411.       />

  412.         <field-select

  413.           v-model="form.zjdlyzk"

  414.           label="利用状况"

  415.           value-key="dictLabel"

  416.           data-key="dictValue"

  417.           placeholder="选择利用状况"

  418.           remote-url="/system/dict/data/type/zjdlyzk"

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

  420.           @change="onZjdlyzkChanged"

  421.           required

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

  423.         />

  424.         <van-field

  425.           v-if="showXzyy"

  426.           input-align="right"

  427.           v-model="form.zjdxzyy"

  428.           name="闲置原因"

  429.           label="闲置原因"

  430.           placeholder="闲置原因"

  431.           maxlength="150"

  432.           required

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

  434.         />

  435.         <van-field

  436.           v-if="showXzyy"

  437.           autocomplete="off"

  438.           input-align="right"

  439.           v-model="form.zjdxzqssj"

  440.           name="闲置起始时间"

  441.           label="闲置起始时间"

  442.           placeholder="闲置起始时间"

  443.           required

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

  445.           readonly

  446.           @click="showXzqssj = true"

  447.         />

  448.         <van-popup v-model:show="showXzqssj" position="bottom">

  449.           <van-datetime-picker

  450.             type="date"

  451.             @confirm="onConfirmxzqssj"

  452.             @cancel="showXzqssj = false"

  453.             :min-date="minDate"

  454.             :max-date="maxDate"

  455.           />

  456.         </van-popup>

  457.         <field-select

  458.           v-model="form.landPhms"

  459.           label="盘活利用模式"

  460.           value-key="dictLabel"

  461.           data-key="dictValue"

  462.           placeholder="选择盘活利用模式"

  463.           remote-url="/system/dict/data/type/phlyms"

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

  465.         />

  466.         <van-field

  467.           autocomplete="off"

  468.           input-align="right"

  469.           v-model="form.nsy"

  470.           type="number"

  471.           name="年收益(元)"

  472.           label="年收益(元)"

  473.           placeholder="年收益(元)"

  474.           maxlength="15"

  475.         />

  476. <!--        <van-collapse v-model="activeZjd">-->

  477. <!--          <van-collapse-item title="利用状况" name="1" class="label-class">-->

  478. <!--            <van-field-->

  479. <!--              autocomplete="off"-->

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

  481. <!--              v-model="form.lyzkName"-->

  482. <!--              name="当前利用状况"-->

  483. <!--              label="当前利用状况"-->

  484. <!--              placeholder="当前利用状况"-->

  485. <!--              readonly-->

  486. <!--              @click="showlyzk = true"-->

  487. <!--            />-->

  488. <!--            <van-field-->

  489. <!--              v-model="form.lyzk"-->

  490. <!--              style="display:none"-->

  491. <!--            />-->

  492. <!--            <van-field-->

  493. <!--              autocomplete="off"-->

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

  495. <!--              v-model="form.zjdxzyy"-->

  496. <!--              name="闲置原因"-->

  497. <!--              label="闲置原因"-->

  498. <!--              placeholder="宅基地闲置原因"-->

  499. <!--              maxlength="200"-->

  500. <!--            />-->

  501. <!--            <van-field-->

  502. <!--              autocomplete="off"-->

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

  504. <!--              v-model="form.xzkssj"-->

  505. <!--              name="闲置开始时间"-->

  506. <!--              label="闲置开始时间"-->

  507. <!--              placeholder="闲置开始时间"-->

  508. <!--              readonly-->

  509. <!--              @click="showPickerxzkssj = true"-->

  510. <!--            />-->

  511. <!--            <van-popup v-model:show="showPickerxzkssj" position="bottom">-->

  512. <!--              <van-datetime-picker-->

  513. <!--                type="date"-->

  514. <!--                @confirm="onConfirmxzkssj"-->

  515. <!--                @cancel="showPickerxzkssj = false"-->

  516. <!--                :min-date="minDate"-->

  517. <!--                :max-date="maxDate"-->

  518. <!--              />-->

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

  520. <!--            <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">-->

  521. <!--              <template #input>-->

  522. <!--                <van-radio-group v-model="form.lzyx" direction="horizontal">-->

  523. <!--                  <van-radio name="1">有</van-radio>-->

  524. <!--                  <van-radio name="0">无</van-radio>-->

  525. <!--                </van-radio-group>-->

  526. <!--              </template>-->

  527. <!--            </van-field>-->

  528. <!--            <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">-->

  529. <!--              <template #input>-->

  530. <!--                <van-radio-group v-model="form.yctcyx" direction="horizontal">-->

  531. <!--                  <van-radio name="1">有</van-radio>-->

  532. <!--                  <van-radio name="0">无</van-radio>-->

  533. <!--                </van-radio-group>-->

  534. <!--              </template>-->

  535. <!--            </van-field>-->

  536. <!--          </van-collapse-item>-->

  537. <!--          <van-collapse-item title="其他信息" name="2" class="label-class">-->

  538. <!--            <van-field-->

  539. <!--              autocomplete="off"-->

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

  541. <!--              v-model="form.djName"-->

  542. <!--              name="等级"-->

  543. <!--              label="等级"-->

  544. <!--              placeholder="等级"-->

  545. <!--              @click="showdj = true"-->

  546. <!--            />-->

  547. <!--            <van-field-->

  548. <!--              autocomplete="off"-->

  549. <!--              v-model="form.dj"-->

  550. <!--              style="display:none"-->

  551. <!--            />-->

  552. <!--            <van-field-->

  553. <!--              autocomplete="off"-->

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

  555. <!--              v-model="form.jg"-->

  556. <!--              name="价格（万元）"-->

  557. <!--              label="价格（万元）"-->

  558. <!--              placeholder="价格（万元）"-->

  559. <!--              maxlength="15"-->

  560. <!--              type="number"-->

  561. <!--            />-->

  562. <!--            <van-field-->

  563. <!--              autocomplete="off"-->

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

  565. <!--              v-model="form.ytmc"-->

  566. <!--              name="用途"-->

  567. <!--              label="用途"-->

  568. <!--              placeholder="用途"-->

  569. <!--              readonly-->

  570. <!--              @click="showyt = true"-->

  571. <!--              required-->

  572. <!--              :rules="[{ required: true, message: '用途不能为空' }]"-->

  573. <!--            />-->

  574. <!--            <van-field-->

  575. <!--              v-model="form.yt"-->

  576. <!--              style="display:none"-->

  577. <!--              autocomplete="off"-->

  578. <!--            />-->

  579. <!--            <van-field-->

  580. <!--              autocomplete="off"-->

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

  582. <!--              v-model="form.qllxName"-->

  583. <!--              name="权利类型"-->

  584. <!--              label="权利类型"-->

  585. <!--              placeholder="权利类型"-->

  586. <!--              readonly-->

  587. <!--              @click="showqllx = true"-->

  588. <!--            />-->

  589. <!--            <van-field-->

  590. <!--              autocomplete="off"-->

  591. <!--              v-model="form.qllx"-->

  592. <!--              style="display:none"-->

  593. <!--            />-->

  594. <!--            <van-field-->

  595. <!--              autocomplete="off"-->

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

  597. <!--              v-model="form.qlxzName"-->

  598. <!--              name="权利性质"-->

  599. <!--              label="权利性质"-->

  600. <!--              placeholder="权利性质"-->

  601. <!--              readonly-->

  602. <!--              @click="showqlxz = true"-->

  603. <!--            />-->

  604. <!--            <van-field-->

  605. <!--              autocomplete="off"-->

  606. <!--              v-model="form.qlxz"-->

  607. <!--              style="display:none"-->

  608. <!--            />-->

  609. <!--            <van-field-->

  610. <!--              autocomplete="off"-->

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

  612. <!--              v-model="form.qlsdfsName"-->

  613. <!--              name="权利设定方式"-->

  614. <!--              label="权利设定方式"-->

  615. <!--              placeholder="权利设定方式"-->

  616. <!--              readonly-->

  617. <!--              @click="showqlsdfs = true"-->

  618. <!--            />-->

  619. <!--            <van-field-->

  620. <!--              autocomplete="off"-->

  621. <!--              v-model="form.qlsdfs"-->

  622. <!--              style="display:none"-->

  623. <!--            />-->

  624. <!--            <van-field-->

  625. <!--              autocomplete="off"-->

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

  627. <!--              v-model="form.rjl"-->

  628. <!--              name="容积率"-->

  629. <!--              label="容积率"-->

  630. <!--              placeholder="容积率"-->

  631. <!--            />-->

  632. <!--            <van-field-->

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

  634. <!--              v-model="form.jzmd"-->

  635. <!--              name="validator"-->

  636. <!--              label="建筑密度"-->

  637. <!--              placeholder="填写0~1小数"-->

  638. <!--              :rules="[{ validator, message: '请填写0~1小数，保留两位小数' }]"-->

  639. <!--              type="number"-->

  640. <!--            />-->

  641. <!--            <van-field-->

  642. <!--              autocomplete="off"-->

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

  644. <!--              v-model="form.jzxg"-->

  645. <!--              name="建筑限高(m)"-->

  646. <!--              label="建筑限高(m)"-->

  647. <!--              placeholder="填写000.00~999.99小数"-->

  648. <!--              :rules="[{ validator:validator1, message: '请填写000.00~999.99小数，保留两位小数' }]"-->

  649. <!--              type="number"-->

  650. <!--            />-->

  651. <!--            <van-field-->

  652. <!--              autocomplete="off"-->

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

  654. <!--              v-model="form.zdt"-->

  655. <!--              name="宗地图"-->

  656. <!--              label="宗地图"-->

  657. <!--              placeholder="宗地图"-->

  658. <!--              maxlength="200"-->

  659. <!--            />-->

  660. <!--            <van-field-->

  661. <!--              autocomplete="off"-->

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

  663. <!--              v-model="form.tfh"-->

  664. <!--              name="图幅号"-->

  665. <!--              label="图幅号"-->

  666. <!--              placeholder="图幅号"-->

  667. <!--              maxlength="50"-->

  668. <!--            />-->

  669. <!--            <van-field-->

  670. <!--              autocomplete="off"-->

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

  672. <!--              v-model="form.djh"-->

  673. <!--              name="地籍号"-->

  674. <!--              label="地籍号"-->

  675. <!--              placeholder="自动生成"-->

  676. <!--              disabled-->

  677. <!--              v-show="false"-->

  678. <!--            />-->

  679. <!--            <van-field name="radio" label="被惩处经历" input-align="right" autocomplete="off">-->

  680. <!--              <template #input>-->

  681. <!--                <van-radio-group v-model="form.bccjl" direction="horizontal">-->

  682. <!--                  <van-radio name="1">有</van-radio>-->

  683. <!--                  <van-radio name="0">无</van-radio>-->

  684. <!--                </van-radio-group>-->

  685. <!--              </template>-->

  686. <!--            </van-field>-->

  687. <!--            <van-field-->

  688. <!--              autocomplete="off"-->

  689. <!--              v-if="form.bccjl==1"-->

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

  691. <!--              v-model="form.bccbz"-->

  692. <!--              name="被惩处备注"-->

  693. <!--              label="被惩处备注"-->

  694. <!--              placeholder="被惩处备注"-->

  695. <!--              maxlength="200"-->

  696. <!--            />-->

  697. <!--            <van-field name="radio" label="宅基地取得方式" input-align="right" autocomplete="off">-->

  698. <!--              <template #input>-->

  699. <!--                <van-radio-group v-model="form.zjdqdfs" direction="horizontal">-->

  700. <!--                  <van-radio v-for="dict in zjdqdfsOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>-->

  701. <!--                </van-radio-group>-->

  702. <!--              </template>-->

  703. <!--            </van-field>-->

  704. <!--          </van-collapse-item>-->

  705. <!--        </van-collapse>-->

  706. <!--        <van-field-->

  707. <!--          autocomplete="off"-->

  708. <!--          v-model="form.sjlyName"-->

  709. <!--          name="数据来源"-->

  710. <!--          label="数据来源"-->

  711. <!--          placeholder="数据来源"-->

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

  713. <!--          readonly-->

  714. <!--          @click="showsjly = true"-->

  715. <!--        />-->

  716. <!--        <van-field-->

  717. <!--          autocomplete="off"-->

  718. <!--          v-model="form.sjly"-->

  719. <!--          style="display:none"-->

  720. <!--        />-->

  721. 

  722. <!--        <van-field-->

  723. <!--          autocomplete="off"-->

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

  725. <!--          v-model="form.bz"-->

  726. <!--          name="备注"-->

  727. <!--          label="备注"-->

  728. <!--          placeholder="备注"-->

  729. <!--          maxlength="200"-->

  730. <!--        />-->

  731. <!--        <van-field name="uploader" label="现场照片" autocomplete="off">-->

  732. <!--          <template #input>-->

  733. <!--            <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>-->

  734. <!--          </template>-->

  735. <!--        </van-field>-->

  736. 

  737. 

  738.         <MapGisDrawing ref="zjdProductResh" :message="form.theGeomJson" :zjddm="form.zjddm"  ></MapGisDrawing>

  739.       </div>

  740.       <div style="margin: 16px;display: flex;justify-content: space-around;">

  741.         <van-button round color="#22B7F2" style="width:45%"  @click="submitzjd">保存</van-button>

  742.       </div>

  743.       <div style="height: 50px;"></div>

  744.     </van-form>

  745.   </div>

  746. </template>

  747. 

  748. <script>

  749. import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";

  750. import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd";

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

  752. import FieldRadio from "@/components/form/FieldRadio";

  753. import MapGisDrawing from "@/components/Map/MapGisDrawing";

  754. import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz";

  755. import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw";

  756. import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr";

  757. import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy";

  758. import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";

  759. import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss";

  760. import { listTown, getTown } from "@/api/homesteadSurvey/town";

  761. import { listVillage} from "@/api/homesteadSurvey/village";

  762. import { sysConfig} from "@/api/homesteadSurvey/index";

  763. import { Notify, Dialog, Toast } from 'vant';

  764. import axios from "axios";

  765. export default {

  766.   name: "homesteadAdd",

  767.   components: { MapGisDrawing,FieldSelect, FieldRadio},

  768.   data() {

  769.     return {

  770.       active:1,

  771.       // 使用权人列表

  772.       syqrlist:[

  773.         {

  774.           shyqrdbxm :'测试测试',

  775.           shyqrdbzjhm :'12324648564',

  776.           nhdm :'777888999',

  777.         }

  778.       ],

  779.       showZjdqdsj:false,

  780.       showCzmj:false,

  781.       showFzxx:false,

  782.       showWbzyy:false,

  783.       showXzyy:false,

  784.       showXzqssj:false,

  785.       minDate: new Date(),

  786.       maxDate: new Date(2025, 10, 1),

  787.       form:{}

  788.     };

  789.   },

  790.   created(){

  791.     let data = this.$route.query.res;

  792.     this.form = JSON.parse(localStorage.getItem("zjdzdxxItem"));

  793.     console.info( this.form);

  794.     if(this.form.sfcz === "1"){

  795.       this.showCzmj = true;

  796.     }

  797.     if(this.form.sffz === "1"){

  798.       this.showFzxx = true;

  799.     }else{

  800.       this.showWbzyy = true;

  801.     }

  802.     if(this.form.zjdlyzk !== "1"){

  803.       this.showXzyy = true;

  804.     }

  805.     this.onSubmitzjd();

  806.   },

  807.   mounted(){

  808. 

  809.   },

  810.   methods: {

  811.     onSubmitzjd(){

  812.       setTimeout(() => {

  813.         this.$refs.zjdProductResh.drawingPaceCountryDarw();

  814.       }, 500);

  815.     },

  816.     submitzjd(){

  817.       this.$refs.form.validate().then(() => {

  818.         if(this.form.id == null){

  819.           addZjdzd(this.form).then(response => {

  820.             let _this =this

  821.             this.$toast({

  822.               icon: 'success', // 找到自己需要的图标

  823.               message: '保存成功',

  824.               duration:"1000",

  825.               onClose:function(){

  826.                 _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}});

  827.               }

  828.             })

  829.           });

  830.         }else{

  831.           updateZjdzd(this.form).then(response => {

  832.             let _this =this

  833.             this.$toast({

  834.               icon: 'success', // 找到自己需要的图标

  835.               message: '保存成功',

  836.               duration:"1000",

  837.               onClose:function(){

  838.                 _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}});

  839.               }

  840.             })

  841.           });

  842.         }

  843. 

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

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

  846.       });

  847. 

  848.     },

  849.     guidProduct(){

  850.       return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {

  851.         var r = Math.random() * 16 | 0,

  852.           v = c == 'x' ? r : (r & 0x3 | 0x8);

  853.         return v.toString(16);

  854.       });

  855.     },

  856.     /** 查找地图中定位点 */

  857.     MapTag: function (data) {

  858.       this.$refs[this.zjdProductResh].drawingPaceCountryDarw();

  859.     },

  860.     onConfirmzjdqdsj(data){

  861.       this.form.zjdqdsj = this.getNowFormatDate(data).substr(0,10);

  862.       this.showZjdqdsj = false;

  863.     },

  864.     onConfirmxzqssj(data){

  865.       this.form.zjdxzqssj = this.getNowFormatDate(data).substr(0,10);

  866.       this.showXzqssj = false;

  867.     },

  868.     /**是否超占处理*/

  869.     onSfczChanged(val){

  870.       if(val === '1'){

  871.         this.showCzmj = true;

  872.       }else{

  873.         this.showCzmj = false;

  874.       }

  875.     },

  876.     /**是否发证*/

  877.     onSffzChanged(val){

  878.       if(val === '1'){

  879.         this.showFzxx = true;

  880.         this.showWbzyy = false;

  881.       }else{

  882.         this.showFzxx = false;

  883.         this.showWbzyy = true;

  884.       }

  885.     },

  886.     /**宅基地利用状态处理*/

  887.     onZjdlyzkChanged(val){

  888.       if(val === '1'){

  889.         this.showXzyy = false;

  890.       }else{

  891.         this.showXzyy = true;

  892.       }

  893.     },

  894.     goBack(){

  895.       if(this.ztMap && this.enterMap ==1){

  896.         if(this.form.id == null){

  897.           this.backMap.backMapZjdAData.theGeom= "";

  898.         }else{

  899.           this.backMap.backMapZjdAData = this.form;

  900.         }

  901.         this.$cookies.set("search",this.backMap);

  902.       } else {

  903.         this.$cookies.set("search","");

  904.       }

  905.       this.$router.push({name: this.$router.back(-1)});

  906.       // }

  907.     },

  908.   }

  909. }

  910. </script>

  911. 

  912. <style scoped>

  913. >>> .bannerBg{

  914.   width: 100%;

  915.   color:#fff;

  916.   padding:10px;

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

  918. }

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

  920.   border-bottom-width: 0;

  921. }

  922. >>> .title:before

  923. {

  924.   content:"";

  925.   width: 6px;

  926.   height: 20PX;

  927.   background: #7ac943;

  928.   border-radius: 3px;

  929.   position:absolute;

  930.   left:0;

  931.   bottom:0;

  932. }

  933. >>> .delete-button {

  934.   height: 100%;

  935. }

  936. >>> .van-swipe-cell__wrapper{

  937.   margin-right:-3px;

  938. }

  939. >>> .label-class .van-collapse-item__title--expanded{

  940.   font-weight: bold;

  941. }

  942. </style>