zhangzl
/
nsgk_mobile
2
0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
192 提交
7 分支
79 MiB
 
 
目錄樹: 999f03f40f
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 '999f03f40f'
${ noResults }
nsgk_mobile/src/views/onlineHome/homestead/publicityInformation/informationDetail.vue

763 line
34 KiB
原始文件 Blame 歷史記錄 

  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.                 {{applicationDetail.tHouseApplyProposedSituation.designPaper == '1' ? '委托设计':'选通用图'}}

  204.               </template>

  205.             </van-cell>

  206.             <van-field

  207.               readonly

  208.               clickable

  209.               :value="houseTypeValue"

  210.               placeholder="选择户型图"

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

  212.               input-align="right"

  213.               right-icon="arrow-down"

  214.               v-if="showHouse"

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

  216.             />

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

  218.               <van-picker

  219.                 show-toolbar

  220.                 :columns="houseType"

  221.                 @confirm="onConfirmHouseType"

  222.                 @cancel="showHouseType = false"

  223.               />

  224.             </van-popup>

  225.           </div>

  226.           </div>

  227. 

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

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

  230.             <div class="main_box">

  231.             <van-field

  232.               rows="3"

  233.               autosize

  234.               type="textarea"

  235.               placeholder="申请理由"

  236.               input-align="left"

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

  238.               :readonly="auditStatus"

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

  240.             />

  241.             <van-row>

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

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

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

  245.                   <template #label>

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

  247.                   </template>

  248.                 </van-field>

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

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

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

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

  253. <!--                  </template>-->

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

  255.               </van-col>

  256.             </van-row>

  257.           </div>

  258.           </div>

  259. <!--applicationDetail.tHouseApplyStart-->

  260.           <div v-if="false" >

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

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

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

  264.               <template #right-icon>

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

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

  267.                     <template #label>

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

  269.                     </template>

  270.                   </van-field>

  271.                 </van-radio-group>

  272.               </template>

  273.             </van-cell>

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

  275.               <template #right-icon>

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

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

  278.                     <template #label>

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

  280.                     </template>

  281.                   </van-field>

  282.                 </van-radio-group>

  283.               </template>

  284.             </van-cell>

  285.           </div>

  286.           </div>

  287. 

  288.           <div v-if="false">

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

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

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

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

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

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

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

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

  297.             <van-calendar />

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

  299.             <van-calendar />

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

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

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

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

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

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

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

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

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

  309.               <template #right-icon>

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

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

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

  313.                 </van-radio-group>

  314.               </template>

  315.             </van-cell>

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

  317.           </div>

  318.           </div>

  319. <!--applicationDetail.tHouseApplyEnd-->

  320.           <div v-if="false" style="margin: 16px;">

  321.             <van-row>

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

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

  324.               </van-col>

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

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

  327.               </van-col>

  328.             </van-row>

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

  330.           </div>

  331. 

  332.         </van-form>

  333.       </div>

  334.     </div>

  335. </template>

  336. 

  337. <script>

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

  339. export default {

  340.   name: "informationDetail",

  341.   data() {

  342.     return {

  343.       active: 0,

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

  345.       fileList: [],

  346.       fileList2: [],

  347.       radio:'1',

  348.       value: '',

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

  350.       showPicker: false,

  351.       showBuildingType: false,

  352.       showLandIsposal: false,

  353.       showHousingStructure: false,

  354.       showStartDate: false,

  355.       showEndDate: false,

  356.       showApplyTime:false,

  357.       showHouseType:false,

  358.       showHouse:false,

  359.       showSex:false,

  360.       id:'',

  361.       applicationDetail:[],

  362.       //建房类型字典

  363.       buildingType:[],

  364.       //性别字典

  365.       userSex:[],

  366.       //处置情况字典

  367.       landIsposal:[],

  368.       //房屋构造字典

  369.       housingStructure:[],

  370.       //户型

  371.       houseType:[],

  372.       //请求参数

  373.       parameter:{

  374.         businessType: "house",

  375.         houseApplyStatus: '',

  376.         processKey: "baseApply",

  377.         tableName: "t_house_apply_proposer"

  378.       },

  379.       //文件配置

  380.       fileArray:[],

  381.       //获取上传附件

  382.       params:{

  383.         tableId: '',

  384.         tableName: "t_house_apply_proposer",

  385.         fileType: ''

  386.       },

  387.       auditStatus:false,

  388.       activeNames:['1'],

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

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

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

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

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

  394.       CurrentSituation:false,

  395.     };

  396.   },

  397.   created() {

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

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

  400.     this.getDetail();

  401.   },

  402.   methods: {

  403.     goFlow(){

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

  405.     },

  406.     //更新文件回显

  407.     afterRead(file) {

  408.       this.$forceUpdate();

  409.     },

  410.     //删除图片

  411.     deleteFile(elIndex){

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

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

  414.       }

  415.       this.$forceUpdate();

  416.       return (file, name) => {

  417.         let fileIndex = name.index

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

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

  420.       }

  421.     },

  422.     //获取数据集合

  423.     getDetail(){

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

  425.         //性别字典查询

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

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

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

  429.           });

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

  431.         });

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

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

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

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

  436.           });

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

  438.         });

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

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

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

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

  443.           });

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

  445.         });

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

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

  448.           this.CurrentSituation = true ;

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

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

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

  452.             });

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

  454.           });

  455.         }

  456.         //户型图查询

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

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

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

  460.           });

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

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

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

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

  465.               }

  466.             }

  467.             this.showHouse = true;

  468.           }

  469.         });

  470.         this.applicationDetail = response.data;

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

  472.         let currentProcessKey = response.data.currentProcessKey;

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

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

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

  476.           this.active = 0;

  477.         }

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

  479.           this.active = 1;

  480.         }

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

  482.           this.active = 2;

  483.         }

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

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

  486.           this.fileArray = res.rows

  487.           this.params.tableId = this.id;

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

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

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

  491.             //获取文件集合

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

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

  494.                 this.fileArray[i].findList[j] = {url: process.env.VUE_APP_BASE_ROUTING_URL+ res2.data[j].fileUrl, isImage: true , id:res2.data[j].id} ;

  495.                 this.$forceUpdate();

  496.               }

  497.             });

  498.           }

  499.         });

  500.       });

  501.     },

  502.     onConfirmApplyTime(date) {

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

  504.       this.showApplyTime = false;

  505.     },

  506.     //基地开工时间

  507.     onConfirmStartDate(date) {

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

  509.       this.showStartDate = false;

  510.     },

  511.     //基地竣工时间

  512.     onConfirmEndDate(date) {

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

  514.       this.showEndDate = false;

  515.     },

  516.     //选择建房类型

  517.     onConfirmBuildingType(data){

  518.       this.buildingTypeValue = data.text;

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

  520.       this.showBuildingType = false;

  521.     },

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

  523.     onConfirmLandIsposal(data){

  524.       this.landIsposalValue = data.text;

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

  526.       this.showLandIsposal = false;

  527.     },

  528.     //选择房屋构造

  529.     onConfirmHousingStructure(data){

  530.       this.housingStructureValue = data.text;

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

  532.       this.showHousingStructure = false;

  533.     },

  534.     //选择户型

  535.     onConfirmHouseType(data){

  536.       this.houseTypeValue = data.text;

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

  538.       this.showHouseType = false;

  539.     },

  540.     //选择性别

  541.     onConfirmSex(data){

  542.       this.sexValue = data.text;

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

  544.       this.showSex = false;

  545.     },

  546.     //添加家庭成员

  547.     addFamily(){

  548.       this.applicationDetail.tHouseApplyFamilyMembers.push({

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

  550.         memberName:'',

  551.         age:'',

  552.         familyStatusName:'',

  553.         idcard :'',

  554.         householdRegister:'',

  555.       });

  556.     },

  557.     //删除家庭成员

  558.     deleteFamily(index){

  559. 

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

  561.     },

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

  563.     existHomesteadChange(name){

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

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

  566.           //现宅基地情况

  567.           this.applicationDetail.tHouseApplyCurrentSituation = {

  568.             //宅基地面积

  569.             landArea: '',

  570.             //人均宅基地面积

  571.             landPerArea: '',

  572.             //不动产单元号

  573.             landCertificateNo: '',

  574.             //农民房屋幢号

  575.             houseCertificateNo: '',

  576.             //建筑面积

  577.             buildingArea: '',

  578.             //人均建筑面积

  579.             buildingPerArea: '',

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

  581.             landIsposal: ""

  582.           };

  583.           this.CurrentSituation = true ;

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

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

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

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

  588.             });

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

  590.           });

  591.         }

  592.         this.CurrentSituation = true;

  593.       }else{

  594.         this.CurrentSituation = false;

  595.       }

  596.     },

  597.     //图纸选择改变

  598.     designPaperChange(name){

  599.       if(name == 2){

  600.         this.showHouse = true;

  601.       }else{

  602.         this.showHouse = false;

  603.       }

  604.     },

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

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

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

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

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

  610.       let n = bstr.length;

  611.       let u8arr = new Uint8Array(n);

  612.       while (n--) {

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

  614.       }

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

  616.         type: mime,

  617.       });

  618.     },

  619.     //申请提交

  620.     onSubmit(type){

  621.       var that = this;

  622.       let form = {};

  623.       form.fileList=[];

  624.       this.fileList.tableId = this.id;

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

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

  627.           continue

  628.         }

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

  630.           const params = new FormData()

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

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

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

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

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

  636.             continue;

  637.           }

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

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

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

  641.           });

  642.         }

  643.       }

  644.       form.tHouseApplyProposer=this.applicationDetail.tHouseApplyProposer;

  645.       form.tHouseApplyFamilyMembers=this.applicationDetail.tHouseApplyFamilyMembers;

  646.       form.tHouseApproveVillageOptions=this.applicationDetail.tHouseApproveVillageOptions;

  647.       form.tHouseApplyCurrentSituation=this.applicationDetail.tHouseApplyCurrentSituation;

  648.       form.tHouseApplyProposedSituation=this.applicationDetail.tHouseApplyProposedSituation;

  649.       setTimeout(function(){

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

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

  652.             if(res.code = 200){

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

  654.             }

  655.           });

  656.         }

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

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

  659.             if(res.code = 200){

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

  661.             }

  662.           });

  663.         }

  664. 

  665.       },1000)

  666. 

  667.     },

  668.   },

  669. }

  670. </script>

  671. 

  672. <style scoped lang="scss">

  673.   .app-container {

  674.     padding-bottom: 5%;

  675.   }

  676.   .van-steps{

  677.     padding: 2% 6% 0;

  678.   }

  679.   .topTit{

  680.     margin-top: 0.4rem;

  681.     font-size: 0.45rem;

  682.     background-color: #1D6FE9;

  683.     color: #FFFFFF;

  684.     line-height: 58px;

  685.     text-align: center;

  686.     padding: 15px 0;

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

  688.   }

  689.   .main_title{

  690.     font-size: 0.4rem;

  691.     color: #1D6FE9;

  692.     margin: 0.2rem 6%;

  693.     position: relative;

  694.   }

  695.   .main_box{

  696.     width: 96%;

  697.     margin: 0 auto;

  698.     border-radius: 6px;

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

  700.     overflow: hidden;

  701.     background-color: #FFF;

  702.   }

  703.   .collapse{

  704.     width: 96%;

  705.     margin: 0 auto;

  706.     border-radius: 6px;

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

  708.     overflow: hidden;

  709.     margin-bottom: 15px;

  710.   }

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

  712.     margin-left: 20px;

  713.     margin-right: 0;

  714.   }

  715.   .file-box{

  716.     padding: 2% 5% 0;

  717.   }

  718.   .submitButton{

  719.     width: 80%;

  720.     margin: 0 auto;

  721.     background-color: #1D6FE9;

  722.     border-radius: 14px;

  723.   }

  724.   .timeTit{

  725.     text-align: center;

  726.     font-size: 16px;

  727.     line-height: 27px;

  728.   }

  729.   .action-box{

  730.     padding: 15px 0!important;

  731.     margin-top: 0.4rem;

  732.   }

  733.   .check-box{

  734.     margin-top: 0.4rem;

  735.   }

  736.   .addFamily{

  737.     position: absolute;

  738.     top: -2px;

  739.     right: 0;

  740.     border-radius: 50%;

  741.   }

  742.   .deleteFamily{

  743.     position: absolute;

  744.     top: -0.3rem;

  745.     right: 6%;

  746.     z-index: 9;

  747.     border-radius: 50%;

  748.   }

  749.   .familyList{

  750.     margin-top: 0.4rem;

  751.     position: relative;

  752.   }

  753.   .noModify{

  754.     .topTit{

  755.       background-color:#ABABAB ;

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

  757.     }

  758.     .van-cell__title{

  759.       color: #B4B0B0;

  760.     }

  761.   }

  762. </style>