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

766 řádky
35 KiB
Surový Blame Historie 

  1. <template>

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

  3.       <van-nav-bar

  4.         title="公示信息"

  5.         left-arrow

  6.         fixed

  7.         placeholder

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

  9.       />

  10.       <van-steps :active="active" active-color="#38f">

  11.         <van-step>申请</van-step>

  12.         <van-step>开工</van-step>

  13.         <van-step>验收</van-step>

  14.       </van-steps>

  15.       <p class="topTit">农村宅基地和建房（规划许可）申请表</p>

  16.       <div class="main">

  17.         <van-form>

  18.           <div v-if="applicationDetail.tHouseApplyProposer">

  19.             <p class="main_title">申请用户信息</p>

  20.             <div class="main_box">

  21.             <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.memberName" label="姓名" placeholder="姓名" input-align="right"/>

  22.               <van-field

  23.                 readonly

  24.                 clickable

  25.                 v-model="sexValue"

  26.                 label="性别"

  27.                 placeholder="选择性别"

  28.                 @click=" auditStatus==true ? '' : showSex = true"

  29.                 input-align="right"

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

  31.               />

  32.               <van-popup v-model="showSex" position="bottom">

  33.                 <van-picker

  34.                   show-toolbar

  35.                   :columns="userSex"

  36.                   @confirm="onConfirmSex"

  37.                   @cancel="showSex = false"

  38.                   :readonly="auditStatus"

  39.                 />

  40.               </van-popup>

  41.             <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.age" label="年龄" placeholder="年龄" input-align="right"/>

  42.             <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.phone" label="联系电话" placeholder="联系电话" input-align="right"/>

  43.             <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>

  44.             <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>

  45.             <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.familyAddress" label="家庭住址" placeholder="家庭住址" input-align="right"/>

  46.             <van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.members" label="家庭人口数" placeholder="家庭人口数" input-align="right"/>

  47.             <van-cell title="是否已有宅基地">

  48.               <template #right-icon>

  49.                 {{applicationDetail.tHouseApplyProposer.existHomestead=='Y'?'是':'否'}}

  50.               </template>

  51.             </van-cell>

  52.           </div>

  53.           </div>

  54. 

  55.           <div v-if="applicationDetail.tHouseApplyFamilyMembers && applicationDetail.tHouseApplyFamilyMembers!=''">

  56.             <p class="main_title">家庭成员信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily" @click="addFamily" v-if="!auditStatus" /></p>

  57.             <van-collapse  v-model="activeNames" v-if="auditStatus">

  58.               <van-collapse-item  class="collapse" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index" :name="index+1">

  59.                 <template #title>

  60.                   <van-row>

  61.                     <van-col span="8">{{item.memberName}}</van-col>

  62.                     <van-col span="8">{{item.age}}</van-col>

  63.                     <van-col span="8">{{item.familyStatusName}}</van-col>

  64.                   </van-row>

  65.                 </template>

  66.                 <van-field :readonly="auditStatus" v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>

  67.                 <van-field :readonly="auditStatus" v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>

  68.                 <van-field :readonly="auditStatus" v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>

  69.                 <van-field :readonly="auditStatus" v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>

  70.                 <van-field :readonly="auditStatus" v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>

  71.               </van-collapse-item>

  72.             </van-collapse>

  73.             <div class="familyList" v-if="!auditStatus" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index">

  74.               <div class="main_box" style="margin-bottom: 20px">

  75.                 <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteFamily(index)" />

  76.                 <van-field v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/>

  77.                 <van-field v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/>

  78.                 <van-field v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/>

  79.                 <van-field v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/>

  80.                 <van-field v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/>

  81.               </div>

  82.             </div>

  83. <!--            <div class=" familyList">-->

  84. <!--              <van-button icon="minus" size="mini" type="danger" class="deleteFamily" />-->

  85. <!--              <div class="main_box">-->

  86. <!--                <van-field label="姓名" placeholder="姓名" input-align="right"/>-->

  87. <!--                <van-field label="年龄" placeholder="年龄" input-align="right"/>-->

  88. <!--                <van-field label="与户主关系" placeholder="与户主关系" input-align="right"/>-->

  89. <!--                <van-field label="身份证号" placeholder="身份证号" input-align="right"/>-->

  90. <!--                <van-field label="户口所在地" placeholder="户口所在地" input-align="right"/>-->

  91. <!--              </div>-->

  92. <!--            </div>-->

  93.           </div>

  94. 

  95.           <div v-if="CurrentSituation">

  96.             <p class="main_title">现宅基地及农房状况</p>

  97.             <div class="main_box">

  98.               <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>

  99.               <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landPerArea" label="人均宅基地面积" placeholder="人均宅基地面积㎡" input-align="right" label-width="auto"/>

  100.               <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landCertificateNo" label="不动产单元号" placeholder="不动产单元号" input-align="right"/>

  101.               <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingArea" label="建筑面积" placeholder="建筑面积㎡" input-align="right"/>

  102.               <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingPerArea" label="人均建筑面积" placeholder="人均建筑面积㎡" input-align="right"/>

  103.               <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo" label="农民房屋幢号" placeholder="户口所在地" input-align="right"/>

  104.               <van-field

  105.                 readonly

  106.                 clickable

  107.                 :value="landIsposalValue"

  108.                 label="处置情况"

  109.                 placeholder="选择宅基地处置情况"

  110.                 @click=" auditStatus==true ? '' : showLandIsposal = true"

  111.                 input-align="right"

  112.                 :readonly="auditStatus"

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

  114.               />

  115.               <van-popup v-model="showLandIsposal" position="bottom">

  116.                 <van-picker

  117.                   show-toolbar

  118.                   :columns="landIsposal"

  119.                   @confirm="onConfirmLandIsposal"

  120.                   @cancel="showLandIsposal = false"

  121.                   :readonly="auditStatus"

  122.                 />

  123.               </van-popup>

  124. 

  125.   <!--            <van-field-->

  126.   <!--              readonly-->

  127.   <!--              clickable-->

  128.   <!--              name="picker"-->

  129.   <!--              :value="applicationDetail.tHouseApplyCurrentSituation.buildingType"-->

  130.   <!--              label="建房类型"-->

  131.   <!--              placeholder="选择建房类型"-->

  132.   <!--              @click="showBuildingType = true"-->

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

  134.   <!--              right-icon="arrow-down"-->

  135.   <!--            />-->

  136.   <!--            <van-popup v-model="showBuildingType" position="bottom">-->

  137.   <!--              <van-picker-->

  138.   <!--                show-toolbar-->

  139.   <!--                :columns="buildingType"-->

  140.   <!--                @confirm="onConfirmBuildingType"-->

  141.   <!--                @cancel="showBuildingType = false"-->

  142.   <!--              />-->

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

  144.             </div>

  145.           </div>

  146. 

  147.           <div v-if="applicationDetail.tHouseApplyProposedSituation">

  148.             <p class="main_title">拟申请宅基地及建房情况</p>

  149.             <div class="main_box">

  150.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.location" label="拟建位置" placeholder="拟建位置" input-align="right"/>

  151.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/>

  152.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.east" label="东至" placeholder="东至" input-align="right"/>

  153.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.west" label="西至" placeholder="西至" input-align="right"/>

  154.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.south" label="南至" placeholder="南至" input-align="right"/>

  155.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.north" label="北至" placeholder="北至" input-align="right"/>

  156.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right"/>

  157.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingFloors" label="建筑层数" placeholder="建筑层数" input-align="right"/>

  158.             <van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingHight" label="建筑高度" placeholder="建筑高度" input-align="right"/>

  159.             <van-cell title="是否征求相邻权利人意见">

  160.               <template #right-icon>

  161.                 {{applicationDetail.tHouseApplyProposedSituation.isAdvice=='Y'?'是':'否'}}

  162.               </template>

  163.             </van-cell>

  164.             <van-field

  165.               readonly

  166.               clickable

  167.               v-model="housingStructureValue"

  168.               label="房屋构造"

  169.               placeholder="选择房屋构造"

  170.               @click=" auditStatus==true ? '' : showHousingStructure = true"

  171.               input-align="right"

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

  173.             />

  174.             <van-popup v-model="showHousingStructure" position="bottom">

  175.               <van-picker

  176.                 show-toolbar

  177.                 :columns="housingStructure"

  178.                 @confirm="onConfirmHousingStructure"

  179.                 @cancel="showHousingStructure = false"

  180.                 :readonly="auditStatus"

  181.               />

  182.             </van-popup>

  183.             <van-field

  184.               readonly

  185.               clickable

  186.               :value="buildingTypeValue"

  187.               label="建房类型"

  188.               placeholder="选择建房类型"

  189.               @click=" auditStatus==true ? '' : showBuildingType = true"

  190.               input-align="right"

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

  192.             />

  193.             <van-popup v-model="showBuildingType" position="bottom">

  194.               <van-picker

  195.                 show-toolbar

  196.                 :columns="buildingType"

  197.                 @confirm="onConfirmBuildingType"

  198.                 @cancel="showBuildingType = false"

  199.               />

  200.             </van-popup>

  201.             <van-cell title="设计图纸">

  202.               <template #right-icon>

  203.                 <van-radio-group :disabled="auditStatus" @change="designPaperChange" v-model="applicationDetail.tHouseApplyProposedSituation.designPaper" direction="horizontal">

  204.                   <van-radio name="1">委托设计</van-radio>

  205.                   <van-radio name="2">选通用图</van-radio>

  206.                 </van-radio-group>

  207.               </template>

  208.             </van-cell>

  209.             <van-field

  210.               readonly

  211.               clickable

  212.               :value="houseTypeValue"

  213.               placeholder="选择户型图"

  214.               @click=" auditStatus==true ? '' : showHouseType = true"

  215.               input-align="right"

  216.               right-icon="arrow-down"

  217.               v-if="showHouse"

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

  219.             />

  220.             <van-popup v-model="showHouseType" position="bottom">

  221.               <van-picker

  222.                 show-toolbar

  223.                 :columns="houseType"

  224.                 @confirm="onConfirmHouseType"

  225.                 @cancel="showHouseType = false"

  226.               />

  227.             </van-popup>

  228.           </div>

  229.           </div>

  230. 

  231.           <div v-if="applicationDetail.tHouseApplyProposer">

  232.             <p class="main_title">申请理由</p>

  233.             <div class="main_box">

  234.             <van-field

  235.               rows="3"

  236.               autosize

  237.               type="textarea"

  238.               placeholder="申请理由"

  239.               input-align="left"

  240.               v-model="applicationDetail.tHouseApplyProposer.applyReasion"

  241.               :readonly="auditStatus"

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

  243.             />

  244.             <van-row>

  245.               <van-col span="12"><van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="申请人" placeholder="申请人" input-align="left" label-width="auto"/></van-col>

  246.               <van-col span="12">

  247.                 <van-field :rules="[{ required: true }]" required :readonly="auditStatus" clickable v-model="applicationDetail.tHouseApplyProposer.applyTime" label-width="auto" placeholder="选择日期" @click="showApplyTime = true">

  248.                   <template #label>

  249.                     <van-icon name="notes-o" size="20"/>

  250.                   </template>

  251.                 </van-field>

  252.                 <van-calendar v-model="showApplyTime" :readonly="auditStatus" @confirm="onConfirmApplyTime" />

  253. <!--                <van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.applyTime == '' ? nowTime : applicationDetail.tHouseApplyProposer.applyTime" label-width="auto">-->

  254. <!--                  <template #label>-->

  255. <!--                    <van-icon name="notes-o" size="20"/>-->

  256. <!--                  </template>-->

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

  258.               </van-col>

  259.             </van-row>

  260.           </div>

  261.           </div>

  262. 

  263.           <div v-if="applicationDetail.tHouseApplyStart" >

  264.             <p class="topTit">宅基地开工</p>

  265.             <div class="main_box action-box">

  266.             <van-cell title="计划开工时间">

  267.               <template #right-icon>

  268.                 <van-radio-group v-model="radio" direction="horizontal">

  269.                   <van-field readonly clickable style="padding: 0" v-model="applicationDetail.tHouseApplyStart.startDate" label-width="auto" placeholder="选择日期">

  270.                     <template #label>

  271.                       <van-icon name="notes-o" size="20"/>

  272.                     </template>

  273.                   </van-field>

  274.                 </van-radio-group>

  275.               </template>

  276.             </van-cell>

  277.             <van-cell title="计划竣工时间">

  278.               <template #right-icon>

  279.                 <van-radio-group v-model="radio" direction="horizontal">

  280.                   <van-field readonly clickable style="padding: 0" v-model="applicationDetail.tHouseApplyStart.endDate" label-width="auto" placeholder="选择日期">

  281.                     <template #label>

  282.                       <van-icon name="notes-o" size="20"/>

  283.                     </template>

  284.                   </van-field>

  285.                 </van-radio-group>

  286.               </template>

  287.             </van-cell>

  288.           </div>

  289.           </div>

  290. 

  291.           <div v-if="applicationDetail.tHouseApplyEnd">

  292.             <p class="topTit">宅基地验收申请</p>

  293.             <div class="main_box check-box">

  294.             <van-field v-model="applicationDetail.tHouseApplyEnd.memberName" label="申请户主姓名" placeholder="申请户主姓名" input-align="right" label-width="auto"/>

  295.             <van-field v-model="applicationDetail.tHouseApplyEnd.idcard" label="身份证号" placeholder="身份证号" input-align="right" label-width="auto"/>

  296.             <van-field v-model="applicationDetail.tHouseApplyEnd.location" label="用地建房位置" placeholder="用地建房位置" input-align="right" label-width="auto"/>

  297.             <van-field v-model="applicationDetail.tHouseApplyEnd.licenseKey" label="乡村建设规划许可证号" placeholder="乡村建设规划许可证号" input-align="right" label-width="auto"/>

  298.             <van-field v-model="applicationDetail.tHouseApplyEnd.approvalNumber" label="农村宅基地批准书号" placeholder="农村宅基地批准书号" input-align="right" label-width="auto"/>

  299.             <van-field v-model="applicationDetail.tHouseApplyEnd.startDate" label="开工日期" readonly clickable input-align="right" label-width="auto" placeholder="选择开工日期" @click="showCalendar = true"></van-field>

  300.             <van-calendar />

  301.             <van-field v-model="applicationDetail.tHouseApplyEnd.endDate" label="竣工日期" readonly clickable input-align="right" label-width="auto" placeholder="选择竣工日期" @click="showCalendar = true"></van-field>

  302.             <van-calendar />

  303.             <van-field v-model="applicationDetail.tHouseApplyEnd.houseCertificateNo" label="权属证书号（不动产）" placeholder="权属证书号（不动产）" input-align="right" label-width="auto"/>

  304.             <van-field v-model="applicationDetail.tHouseApplyEnd.landCertificateNo" label="权属证书号（宅基地）" placeholder="权属证书号（宅基地）" input-align="right" label-width="auto"/>

  305.             <van-field v-model="applicationDetail.tHouseApplyEnd.buildingHight" label="批建高度" placeholder="建筑高度" input-align="right" label-width="auto"/>

  306.             <van-field v-model="applicationDetail.tHouseApplyEnd.buildingFloors" label="批建层数" placeholder="批建层数" input-align="right" label-width="auto"/>

  307.             <van-field v-model="applicationDetail.tHouseApplyEnd.actualBuildingHight" label="竣工高度" placeholder="竣工高度" input-align="right" label-width="auto"/>

  308.             <van-field v-model="applicationDetail.tHouseApplyEnd.actualBuildingFloors" label="竣工层数" placeholder="竣工层数" input-align="right" label-width="auto"/>

  309.             <van-field v-model="applicationDetail.tHouseApplyEnd.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right" label-width="auto"/>

  310.             <van-field v-model="applicationDetail.tHouseApplyEnd.designPaper" label="建筑风貌" placeholder="建筑风貌" input-align="right" label-width="auto"/>

  311.             <van-cell title="旧宅基地退还情况">

  312.               <template #right-icon>

  313.                 <van-radio-group v-model="applicationDetail.tHouseApplyEnd.oldHouseStatus" direction="horizontal">

  314.                   <van-radio name="0">是</van-radio>

  315.                   <van-radio name="1">否</van-radio>

  316.                 </van-radio-group>

  317.               </template>

  318.             </van-cell>

  319.             <van-field label="备注" placeholder="" input-align="right"/>

  320.           </div>

  321.           </div>

  322. 

  323.           <div v-if="applicationDetail.tHouseApplyEnd" style="margin: 16px;">

  324.             <van-row>

  325.               <van-col span="12" align="center">

  326.                 <van-button type="info" native-type="submit" class="submitButton">保存</van-button>

  327.               </van-col>

  328.               <van-col span="12" align="center">

  329.                 <van-button type="info" native-type="submit" class="submitButton">保存并提交</van-button>

  330.               </van-col>

  331.             </van-row>

  332.             <div class="clear"></div>

  333.           </div>

  334. 

  335.         </van-form>

  336.       </div>

  337.     </div>

  338. </template>

  339. 

  340. <script>

  341.   import { allInformationAnnounce , treeSingleProcessView , attachmentFind , saveHouseBaseInfo , houseList , attach , removeFile , saveHouseBaseInfoThenSubmit} from "@/api/onlineHome/homestead/application";

  342. export default {

  343.   name: "applicationForm",

  344.   data() {

  345.     return {

  346.       active: 0,

  347.       nowTime: '',//当前日期

  348.       fileList: [],

  349.       fileList2: [],

  350.       radio:'1',

  351.       value: '',

  352.       columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],

  353.       showPicker: false,

  354.       showBuildingType: false,

  355.       showLandIsposal: false,

  356.       showHousingStructure: false,

  357.       showStartDate: false,

  358.       showEndDate: false,

  359.       showApplyTime:false,

  360.       showHouseType:false,

  361.       showHouse:false,

  362.       showSex:false,

  363.       id:'',

  364.       applicationDetail:[],

  365.       //建房类型字典

  366.       buildingType:[],

  367.       //性别字典

  368.       userSex:[],

  369.       //处置情况字典

  370.       landIsposal:[],

  371.       //房屋构造字典

  372.       housingStructure:[],

  373.       //户型

  374.       houseType:[],

  375.       //请求参数

  376.       parameter:{

  377.         businessType: "house",

  378.         houseApplyStatus: '',

  379.         processKey: "baseApply",

  380.         tableName: "t_house_apply_proposer"

  381.       },

  382.       //文件配置

  383.       fileArray:[],

  384.       //获取上传附件

  385.       params:{

  386.         tableId: '',

  387.         tableName: "t_house_apply_proposer",

  388.         fileType: ''

  389.       },

  390.       auditStatus:false,

  391.       activeNames:['1'],

  392.       housingStructureValue:'',//当前显示房屋构造

  393.       buildingTypeValue:'',//当前显示建房类型

  394.       landIsposalValue:'',//当前显示处置情况

  395.       houseTypeValue:'',//当前显示户型

  396.       sexValue:'',//当前显示性别

  397.       CurrentSituation:false,

  398.     };

  399.   },

  400.   created() {

  401.     this.id = this.$route.query.id;

  402.     this.type = this.$route.query.type;

  403.     this.getDetail();

  404.   },

  405.   methods: {

  406.     goFlow(){

  407.       window.location='flowChart?id='+this.id;

  408.     },

  409.     //更新文件回显

  410.     afterRead(file) {

  411.       this.$forceUpdate();

  412.     },

  413.     //删除图片

  414.     deleteFile(elIndex){

  415.       if(elIndex.id != ''){

  416.         removeFile(elIndex.id).then(response => {});

  417.       }

  418.       this.$forceUpdate();

  419.       return (file, name) => {

  420.         let fileIndex = name.index

  421.         this.fileList[elIndex].splice(fileIndex, 1)

  422.         this.upLoadList[elIndex].splice(fileIndex, 1)

  423.       }

  424.     },

  425.     //获取数据集合

  426.     getDetail(){

  427.       allInformationAnnounce(this.id).then(response => {

  428.         //性别字典查询

  429.         this.houseGetDicts("sys_user_sex").then((res) => {

  430.           res.data.map(item => {

  431.             this.userSex.push({ value:item.dictValue, text: item.dictLabel});

  432.           });

  433.           this.sexValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposer.sex);

  434.         });

  435.         //建房类型字典查询

  436.         this.houseGetDicts("building_type").then((res) => {

  437.           res.data.map(item => {

  438.             this.buildingType.push({ value:item.dictValue, text: item.dictLabel});

  439.           });

  440.           this.buildingTypeValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposedSituation.buildingType);

  441.         });

  442.         //房屋构造字典查询

  443.         this.houseGetDicts("housing_structure").then((res) => {

  444.           res.data.map(item => {

  445.             this.housingStructure.push({ value:item.dictValue, text: item.dictLabel});

  446.           });

  447.           this.housingStructureValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposedSituation.housingStructure);

  448.         });

  449.         //处置情况字典查询

  450.         if(response.data.tHouseApplyProposer.existHomestead == 'Y'){

  451.           this.CurrentSituation = true ;

  452.           this.houseGetDicts("land_isposal").then((res) => {

  453.             res.data.map(item => {

  454.               this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});

  455.             });

  456.             this.landIsposalValue= this.selectDictLabel(res.data, response.data.tHouseApplyCurrentSituation.landIsposal);

  457.           });

  458.         }

  459.         //户型图查询

  460.         houseList().then(res => {

  461.           res.rows.map(item => {

  462.             this.houseType.push({ value:item.id, text: item.name});

  463.           });

  464.           if(response.data.tHouseApplyProposedSituation.houseTypeId != null){

  465.             for (let i = 0 ; i < res.rows.length ; i++){

  466.               if (res.rows[i].id = response.data.tHouseApplyProposedSituation.houseTypeId){

  467.                 this.houseTypeValue = res.rows[i].name

  468.               }

  469.             }

  470.             this.showHouse = true;

  471.           }

  472.         });

  473.         this.applicationDetail = response.data;

  474.         this.parameter.houseApplyStatus = response.data.tHouseApplyProposer.houseApplyStatus;

  475.         let currentProcessKey = response.data.currentProcessKey;

  476.         this.auditStatus =  response.data.tHouseApplyProposer.auditStatus != 0;

  477.         //判断当前审核进行到哪一步

  478.         if (currentProcessKey == 'baseApply'){

  479.           this.active = 0;

  480.         }

  481.         if (currentProcessKey == 'landscope'){

  482.           this.active = 1;

  483.         }

  484.         if (currentProcessKey == 'accepting'){

  485.           this.active = 2;

  486.         }

  487.         //获取上传文件列表

  488.         treeSingleProcessView(this.parameter).then(res => {

  489.           this.fileArray = res.rows

  490.           this.params.tableId = this.id;

  491.           for (let i = 0 ; i < res.rows.length ; i++){

  492.             this.params.fileType = res.rows[i].fileType;

  493.             this.fileArray[i].findList = [];

  494.             //获取文件集合

  495.             attachmentFind(this.params).then(res2 => {

  496.               for (let j = 0 ; j < res2.data.length ; j++){

  497.                 this.fileArray[i].findList[j] = {url:'http://192.168.31.239:8080'+ res2.data[j].fileUrl, isImage: true , id:res2.data[j].id} ;

  498.                 this.$forceUpdate();

  499.               }

  500.             });

  501.           }

  502.         });

  503.       });

  504.     },

  505.     onConfirmApplyTime(date) {

  506.       this.applicationDetail.tHouseApplyProposer.applyTime = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;

  507.       this.showApplyTime = false;

  508.     },

  509.     //基地开工时间

  510.     onConfirmStartDate(date) {

  511.       this.applicationDetail.tHouseApplyStart.startDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;

  512.       this.showStartDate = false;

  513.     },

  514.     //基地竣工时间

  515.     onConfirmEndDate(date) {

  516.       this.applicationDetail.tHouseApplyStart.endDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;

  517.       this.showEndDate = false;

  518.     },

  519.     //选择建房类型

  520.     onConfirmBuildingType(data){

  521.       this.buildingTypeValue = data.text;

  522.       this.applicationDetail.tHouseApplyProposedSituation.buildingType = data.value;

  523.       this.showBuildingType = false;

  524.     },

  525.     //选择宅基地处置情况

  526.     onConfirmLandIsposal(data){

  527.       this.landIsposalValue = data.text;

  528.       this.applicationDetail.tHouseApplyCurrentSituation.landIsposal = data.value;

  529.       this.showLandIsposal = false;

  530.     },

  531.     //选择房屋构造

  532.     onConfirmHousingStructure(data){

  533.       this.housingStructureValue = data.text;

  534.       this.applicationDetail.tHouseApplyProposedSituation.housingStructure = data.value;

  535.       this.showHousingStructure = false;

  536.     },

  537.     //选择户型

  538.     onConfirmHouseType(data){

  539.       this.houseTypeValue = data.text;

  540.       this.applicationDetail.tHouseApplyProposedSituation.houseTypeId = data.value;

  541.       this.showHouseType = false;

  542.     },

  543.     //选择性别

  544.     onConfirmSex(data){

  545.       this.sexValue = data.text;

  546.       this.applicationDetail.tHouseApplyProposer.sex = data.value;

  547.       this.showSex = false;

  548.     },

  549.     //添加家庭成员

  550.     addFamily(){

  551.       this.applicationDetail.tHouseApplyFamilyMembers.push({

  552.         applyProposerId:this.applicationDetail.tHouseApplyFamilyMembers[0].applyProposerId,

  553.         memberName:'',

  554.         age:'',

  555.         familyStatusName:'',

  556.         idcard :'',

  557.         householdRegister:'',

  558.       });

  559.     },

  560.     //删除家庭成员

  561.     deleteFamily(index){

  562. 

  563.       this.applicationDetail.tHouseApplyFamilyMembers.splice(index,1)

  564.     },

  565.     //是否有宅基地选项改变

  566.     existHomesteadChange(name){

  567.       if (name == 'Y'){

  568.         if (this.applicationDetail.tHouseApplyCurrentSituation == null){

  569.           //现宅基地情况

  570.           this.applicationDetail.tHouseApplyCurrentSituation = {

  571.             //宅基地面积

  572.             landArea: '',

  573.             //人均宅基地面积

  574.             landPerArea: '',

  575.             //不动产单元号

  576.             landCertificateNo: '',

  577.             //农民房屋幢号

  578.             houseCertificateNo: '',

  579.             //建筑面积

  580.             buildingArea: '',

  581.             //人均建筑面积

  582.             buildingPerArea: '',

  583.             //现宅基地处置情况 字典 land_isposal

  584.             landIsposal: ""

  585.           };

  586.           this.CurrentSituation = true ;

  587.           //处置情况字典查询

  588.           this.houseGetDicts("land_isposal").then((res) => {

  589.             res.data.map(item => {

  590.               this.landIsposal.push({ value:item.dictValue, text: item.dictLabel});

  591.             });

  592.             this.landIsposalValue= this.selectDictLabel(res.data, this.applicationDetail.tHouseApplyCurrentSituation.landIsposal);

  593.           });

  594.         }

  595.         this.CurrentSituation = true;

  596.       }else{

  597.         this.CurrentSituation = false;

  598.       }

  599.     },

  600.     //图纸选择改变

  601.     designPaperChange(name){

  602.       if(name == 2){

  603.         this.showHouse = true;

  604.       }else{

  605.         this.showHouse = false;

  606.       }

  607.     },

  608.     base64toFile(dataurl, filename = "file") {

  609.       let arr = dataurl.split(",");

  610.       let mime = arr[0].match(/:(.*?);/)[1];

  611.       let suffix = mime.split("/")[1];

  612.       let bstr = atob(arr[1]);

  613.       let n = bstr.length;

  614.       let u8arr = new Uint8Array(n);

  615.       while (n--) {

  616.         u8arr[n] = bstr.charCodeAt(n);

  617.       }

  618.       return new File([u8arr], `${filename}.${suffix}`, {

  619.         type: mime,

  620.       });

  621.     },

  622.     //申请提交

  623.     onSubmit(type){

  624.       var that = this;

  625.       let form = {};

  626.       form.fileList=[];

  627.       this.fileList.tableId = this.id;

  628.       for (let i = 0 ; i < this.fileArray.length ; i++){

  629.         if (this.fileArray[i].findList == null || this.fileArray[i].findList == undefined || this.fileArray[i].findList == ''){

  630.           continue

  631.         }

  632.         for (let j = 0 ; j < this.fileArray[i].findList.length ; j++){

  633.           const params = new FormData()

  634.           params.append('tableId', this.id)

  635.           params.append('tableName', 't_house_apply_proposer')

  636.           params.append('bizPath', 't_house_apply_proposer')

  637.           params.append('fileType', this.fileArray[i].fileType)

  638.           if (this.fileArray[i].findList[j].url){

  639.             continue;

  640.           }

  641.           params.append('file', this.base64toFile(this.fileArray[i].findList[j].content))

  642.           attach(params).then(res => {

  643.             form.fileList.push(res.id);

  644.           });

  645.         }

  646.       }

  647.       form.tHouseApplyProposer=this.applicationDetail.tHouseApplyProposer;

  648.       form.tHouseApplyFamilyMembers=this.applicationDetail.tHouseApplyFamilyMembers;

  649.       form.tHouseApproveVillageOptions=this.applicationDetail.tHouseApproveVillageOptions;

  650.       form.tHouseApplyCurrentSituation=this.applicationDetail.tHouseApplyCurrentSituation;

  651.       form.tHouseApplyProposedSituation=this.applicationDetail.tHouseApplyProposedSituation;

  652.       setTimeout(function(){

  653.         if (type == 'keep'){

  654.           saveHouseBaseInfo(form).then(res => {

  655.             if(res.code = 200){

  656.               that.$toast.success('保存成功');

  657.             }

  658.           });

  659.         }

  660.         if (type == 'submit'){

  661.           saveHouseBaseInfoThenSubmit(form).then(res => {

  662.             if(res.code = 200){

  663.               that.$toast.success('提交成功');

  664.             }

  665.           });

  666.         }

  667. 

  668.       },1000)

  669. 

  670.     },

  671.   },

  672. }

  673. </script>

  674. 

  675. <style scoped lang="scss">

  676.   .app-container {

  677.     padding-bottom: 5%;

  678.   }

  679.   .van-steps{

  680.     padding: 2% 6% 0;

  681.   }

  682.   .topTit{

  683.     margin-top: 0.4rem;

  684.     font-size: 0.45rem;

  685.     background-color: #1D6FE9;

  686.     color: #FFFFFF;

  687.     line-height: 58px;

  688.     text-align: center;

  689.     padding: 15px 0;

  690.     box-shadow: 0px 3px 6px 0px rgba(15,67,145,0.40);

  691.   }

  692.   .main_title{

  693.     font-size: 0.4rem;

  694.     color: #1D6FE9;

  695.     margin: 0.2rem 6%;

  696.     position: relative;

  697.   }

  698.   .main_box{

  699.     width: 96%;

  700.     margin: 0 auto;

  701.     border-radius: 6px;

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

  703.     overflow: hidden;

  704.     background-color: #FFF;

  705.   }

  706.   .collapse{

  707.     width: 96%;

  708.     margin: 0 auto;

  709.     border-radius: 6px;

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

  711.     overflow: hidden;

  712.     margin-bottom: 15px;

  713.   }

  714.   /deep/.van-radio--horizontal{

  715.     margin-left: 20px;

  716.     margin-right: 0;

  717.   }

  718.   .file-box{

  719.     padding: 2% 5% 0;

  720.   }

  721.   .submitButton{

  722.     width: 80%;

  723.     margin: 0 auto;

  724.     background-color: #1D6FE9;

  725.     border-radius: 14px;

  726.   }

  727.   .timeTit{

  728.     text-align: center;

  729.     font-size: 16px;

  730.     line-height: 27px;

  731.   }

  732.   .action-box{

  733.     padding: 15px 0!important;

  734.     margin-top: 0.4rem;

  735.   }

  736.   .check-box{

  737.     margin-top: 0.4rem;

  738.   }

  739.   .addFamily{

  740.     position: absolute;

  741.     top: -2px;

  742.     right: 0;

  743.     border-radius: 50%;

  744.   }

  745.   .deleteFamily{

  746.     position: absolute;

  747.     top: -0.3rem;

  748.     right: 6%;

  749.     z-index: 9;

  750.     border-radius: 50%;

  751.   }

  752.   .familyList{

  753.     margin-top: 0.4rem;

  754.     position: relative;

  755.   }

  756.   .noModify{

  757.     .topTit{

  758.       background-color:#ABABAB ;

  759.       box-shadow: 0px 3px 6px 0px rgba(171,171,171,0.40);

  760.     }

  761.     .van-cell__title{

  762.       color: #B4B0B0;

  763.     }

  764.   }

  765. </style>