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.
169 提交
7 分支
79 MiB
 
 
目錄樹: da3fbfcccc
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 'da3fbfcccc'
${ noResults }
nsgk_mobile/src/views/homeApplication/applicationAdd.vue

744 line
31 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.       <p class="topTit">农村宅基地和建房（规划许可）申请表</p>

  11.       <div class="main">

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

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

  14.             <p class="main_title">申请户主信息</p>

  15.             <div class="main_box">

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

  17.             <van-field

  18.               readonly

  19.               clickable

  20.               name="picker"

  21.               v-model="sexValue"

  22.               label="性别"

  23.               placeholder="选择性别"

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

  25.               input-align="right"

  26.               right-icon="arrow-down"

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

  28.             />

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

  30.               <van-picker

  31.                 show-toolbar

  32.                 :columns="userSex"

  33.                 @confirm="onConfirmSex"

  34.                 @cancel="showSex = false"

  35.                 :readonly="auditStatus"

  36.               />

  37.             </van-popup>

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

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

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

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

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

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

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

  45.               <template #right-icon>

  46.                 <van-radio-group :rules="[{ required: true }]" required :disabled="auditStatus" @change="existHomesteadChange" v-model="applicationDetail.tHouseApplyProposer.existHomestead" direction="horizontal">

  47.                   <van-radio name="Y">是</van-radio>

  48.                   <van-radio name="N">否</van-radio>

  49.                 </van-radio-group>

  50.               </template>

  51.             </van-cell>

  52.           </div>

  53.           </div>

  54. 

  55.           <div v-if="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.                 name="picker"

  108.                 :value="landIsposalValue"

  109.                 label="处置情况"

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

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

  112.                 input-align="right"

  113.                 right-icon="arrow-down"

  114.                 :readonly="auditStatus"

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

  116.               />

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

  118.                 <van-picker

  119.                   show-toolbar

  120.                   :columns="landIsposal"

  121.                   @confirm="onConfirmLandIsposal"

  122.                   @cancel="showLandIsposal = false"

  123.                   :readonly="auditStatus"

  124.                 />

  125.               </van-popup>

  126. 

  127.   <!--            <van-field-->

  128.   <!--              readonly-->

  129.   <!--              clickable-->

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

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

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

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

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

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

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

  137.   <!--            />-->

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

  139.   <!--              <van-picker-->

  140.   <!--                show-toolbar-->

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

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

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

  144.   <!--              />-->

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

  146.             </div>

  147.           </div>

  148. 

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

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

  151.             <div class="main_box">

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

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

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

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

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

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

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

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

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

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

  162.               <template #right-icon>

  163.                 <van-radio-group :disabled="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.isAdvice" direction="horizontal">

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

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

  166.                 </van-radio-group>

  167.               </template>

  168.             </van-cell>

  169.             <van-field

  170.               readonly

  171.               clickable

  172.               name="picker"

  173.               v-model="housingStructureValue"

  174.               label="房屋构造"

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

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

  177.               input-align="right"

  178.               right-icon="arrow-down"

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

  180.             />

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

  182.               <van-picker

  183.                 show-toolbar

  184.                 :columns="housingStructure"

  185.                 @confirm="onConfirmHousingStructure"

  186.                 @cancel="showHousingStructure = false"

  187.                 :readonly="auditStatus"

  188.               />

  189.             </van-popup>

  190.             <van-field

  191.               readonly

  192.               clickable

  193.               name="picker"

  194.               :value="buildingTypeValue"

  195.               label="建房类型"

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

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

  198.               input-align="right"

  199.               right-icon="arrow-down"

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

  201.             />

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

  203.               <van-picker

  204.                 show-toolbar

  205.                 :columns="buildingType"

  206.                 @confirm="onConfirmBuildingType"

  207.                 @cancel="showBuildingType = false"

  208.               />

  209.             </van-popup>

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

  211.               <template #right-icon>

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

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

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

  215.                 </van-radio-group>

  216.               </template>

  217.             </van-cell>

  218.             <van-field

  219.               readonly

  220.               clickable

  221.               name="picker"

  222.               :value="houseTypeValue"

  223.               placeholder="选择户型图"

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

  225.               input-align="right"

  226.               right-icon="arrow-down"

  227.               v-if="showHouse"

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

  229.             />

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

  231.               <van-picker

  232.                 show-toolbar

  233.                 :columns="houseType"

  234.                 @confirm="onConfirmHouseType"

  235.                 @cancel="showHouseType = false"

  236.               />

  237.             </van-popup>

  238.           </div>

  239.           </div>

  240. 

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

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

  243.             <div class="main_box">

  244.             <van-field

  245.               rows="3"

  246.               autosize

  247.               type="textarea"

  248.               placeholder="申请理由"

  249.               input-align="left"

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

  251.               :readonly="auditStatus"

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

  253.             />

  254.             <van-row>

  255.               <van-col span="12"><van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="申请人" placeholder="申请人" input-align="left" label-width="auto"/></van-col>

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

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

  258.                   <template #label>

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

  260.                   </template>

  261.                 </van-field>

  262.                 <van-calendar v-model="showApplyTime" @confirm="onConfirmApplyTime" />

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

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

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

  266. <!--                  </template>-->

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

  268.               </van-col>

  269.             </van-row>

  270.           </div>

  271.           </div>

  272. 

  273.           <div v-for="(item , index) in fileArray" :key="index">

  274.             <p class="main_title">{{item.fileTypeName}}</p><!-- 未对接 -->

  275.             <div class="main_box file-box">

  276. <!--              <van-uploader v-if="item.findList" v-model="item.findList" multiple />-->

  277.               <van-uploader :after-read="afterRead" :before-delete="deleteFile" v-model="item.findList" multiple />

  278.             </div>

  279.           </div>

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

  281.             <van-row>

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

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

  284.               </van-col>

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

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

  287.               </van-col>

  288.             </van-row>

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

  290.           </div>

  291.         </van-form>

  292.       </div>

  293.     </div>

  294. </template>

  295. 

  296. <script>

  297.   import { allInformation , treeSingleProcessView , attachmentFind , saveHouseBaseInfo , houseList , attach , removeFile , getHouseMembers } from "@/api/application/index";

  298. 

  299.   export default {

  300.   name: "applicationForm",

  301.   data() {

  302.     return {

  303.       active: 0,

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

  305.       fileList: [],

  306.       fileList2: [],

  307.       radio:'1',

  308.       value: '',

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

  310.       showPicker: false,

  311.       showBuildingType: false,

  312.       showLandIsposal: false,

  313.       showHousingStructure: false,

  314.       showStartDate: false,

  315.       showEndDate: false,

  316.       showApplyTime:false,

  317.       showHouseType:false,

  318.       showHouse:false,

  319.       showSex:false,

  320.       id:'',

  321.       applicationDetail:{

  322.         //上传文件id

  323.         fileList: [],

  324.         tHouseApplyProposer: {

  325.           memberName: '',

  326.           farmerCode: "",

  327.           sex: "",

  328.           age: '',

  329.           phone: "",

  330.           idcard: "",

  331.           householdRegister: "",

  332.           familyAddress: "",

  333.           members: '',

  334.           applyReasion: "",

  335.           houseSource: '',

  336.           existHomestead: "Y"

  337.         },

  338.         tHouseApplyFamilyMembers: [

  339.           {

  340.             memberName: "",

  341.             age: '',

  342.             idcard: "",

  343.             familyStatusName: "",

  344.             householdRegister: ""

  345.           }

  346.         ],

  347.         tHouseApplyCurrentSituation: {

  348.           landArea: "",

  349.           landPerArea: "",

  350.           landCertificateNo: "",

  351.           buildingPerArea: "",

  352.           houseCertificateNo: "",

  353.           landIsposal: "",

  354.           reservedArea: "",

  355.           otherRemark: "",

  356.           buildingType: "",

  357.           buildingArea: ""

  358.         },

  359.         tHouseApplyProposedSituation: {

  360.           location: "",

  361.           landArea: "",

  362.           east: "",

  363.           west: "",

  364.           south: "",

  365.           north: "",

  366.           geographicType: "",

  367.           constructionLandArea: "",

  368.           unusedLandArea: "",

  369.           agriculturalLandArea: "",

  370.           farmLandArea: "",

  371.           forestLandArea: "",

  372.           buildingArea: "",

  373.           buildingFloors: "",

  374.           buildingHight: "",

  375.           designPaper: "1",

  376.           housingStructure: "",

  377.           isAdvice: "1",

  378.           buildingType: "",

  379.           theGeom:''

  380.         }

  381.       },

  382.       //建房类型字典

  383.       buildingType:[],

  384.       //处置情况字典

  385.       landIsposal:[],

  386.       //房屋构造字典

  387.       housingStructure:[],

  388.       //性别字典

  389.       userSex:[],

  390.       //户型

  391.       houseType:[],

  392.       //请求参数

  393.       parameter:{

  394.         businessType: "house",

  395.         houseApplyStatus: 1,

  396.         processKey: "baseApply",

  397.         tableName: "t_house_apply_proposer"

  398.       },

  399.       //文件配置

  400.       fileArray:[],

  401.       //获取上传附件

  402.       params:{

  403.         tableId: '',

  404.         tableName: "t_house_apply_proposer",

  405.         fileType: ''

  406.       },

  407.       auditStatus:false,

  408.       activeNames:['1'],

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

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

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

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

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

  414.       CurrentSituation:false,

  415.     };

  416.   },

  417.   created() {

  418.     this.getDetail()

  419.   },

  420.   methods: {

  421.     afterRead(file) {

  422.       this.$forceUpdate();

  423.       return;

  424.       // 此时可以自行将文件上传至服务器

  425.       for ( var i = 0 ; i < this.fileList.length ; i++){

  426.         if(this.fileList[i].url == undefined&&this.fileList!='') {

  427.           this.fileList[i] = {url:this.fileList[i].content, id: '', isImage: true};

  428.         }

  429.       }

  430.     },

  431.     //删除图片

  432.     deleteFile(elIndex){

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

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

  435.       }

  436.       this.$forceUpdate();

  437.       return (file, name) => {

  438.         let fileIndex = name.index

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

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

  441.       }

  442.     },

  443.     //获取数据集合

  444.     getDetail(){

  445.       //性别字典查询

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

  447.       //   response.data.tHouseApplyProposer.sex = this.selectDictLabel(res.data, response.data.tHouseApplyProposer.sex);

  448.       // });

  449. 

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

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

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

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

  454.         });

  455.       });

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

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

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

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

  460.         });

  461.       });

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

  463.       this.CurrentSituation = true ;

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

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

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

  467.         });

  468.       });

  469.       //户型图查询

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

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

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

  473.         });

  474.       });

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

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

  477.         this.fileArray = res.rows

  478.       });

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

  480.       getHouseMembers().then(res => {

  481.         this.applicationDetail.tHouseApplyProposer = res.data.tHouseApplyProposer;

  482.         this.applicationDetail.tHouseApplyFamilyMembers = res.data.tHouseApplyFamilyMembers;

  483.         //性别字典查询

  484.         this.houseGetDicts("sys_user_sex").then((res2) => {

  485.           res2.data.map(item => {

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

  487.           });

  488.           this.sexValue = this.selectDictLabel(res2.data, res.data.tHouseApplyProposer.sex);

  489.         });

  490.       });

  491.     },

  492.     onConfirmApplyTime(date) {

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

  494.       this.showApplyTime = false;

  495.     },

  496.     //基地开工时间

  497.     onConfirmStartDate(date) {

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

  499.       this.showStartDate = false;

  500.     },

  501.     //基地竣工时间

  502.     onConfirmEndDate(date) {

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

  504.       this.showEndDate = false;

  505.     },

  506.     //选择性别

  507.     onConfirmSex(data){

  508.       this.sexValue = data.text;

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

  510.       this.showSex = false;

  511.     },

  512.     //选择建房类型

  513.     onConfirmBuildingType(data){

  514.       this.buildingTypeValue = data.text;

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

  516.       this.showBuildingType = false;

  517.     },

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

  519.     onConfirmLandIsposal(data){

  520.       this.landIsposalValue = data.text;

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

  522.       this.showLandIsposal = false;

  523.     },

  524.     //选择房屋构造

  525.     onConfirmHousingStructure(data){

  526.       this.housingStructureValue = data.text;

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

  528.       this.showHousingStructure = false;

  529.     },

  530.     //选择户型

  531.     onConfirmHouseType(data){

  532.       this.houseTypeValue = data.text;

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

  534.       this.showHouseType = false;

  535.     },

  536.     //添加家庭成员

  537.     addFamily(){

  538.       this.applicationDetail.tHouseApplyFamilyMembers.push({

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

  540.         memberName:'',

  541.         age:'',

  542.         familyStatusName:'',

  543.         idcard :'',

  544.         householdRegister:'',

  545.       });

  546.     },

  547.     //删除家庭成员

  548.     deleteFamily(index){

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

  550.     },

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

  552.     existHomesteadChange(name){

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

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

  555.           //现宅基地情况

  556.           this.applicationDetail.tHouseApplyCurrentSituation = {

  557.             //宅基地面积

  558.             landArea: '',

  559.             //人均宅基地面积

  560.             landPerArea: '',

  561.             //不动产单元号

  562.             landCertificateNo: '',

  563.             //农民房屋幢号

  564.             houseCertificateNo: '',

  565.             //建筑面积

  566.             buildingArea: '',

  567.             //人均建筑面积

  568.             buildingPerArea: '',

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

  570.             landIsposal: ""

  571.           };

  572.           this.CurrentSituation = true ;

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

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

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

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

  577.             });

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

  579.           });

  580.         }

  581.         this.CurrentSituation = true;

  582.       }else{

  583.         this.CurrentSituation = false;

  584.       }

  585.     },

  586.     //图纸选择改变

  587.     designPaperChange(name){

  588.       if(name == 2){

  589.         this.showHouse = true;

  590.       }else{

  591.         this.showHouse = false;

  592.       }

  593.     },

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

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

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

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

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

  599.       let n = bstr.length;

  600.       let u8arr = new Uint8Array(n);

  601.       while (n--) {

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

  603.       }

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

  605.         type: mime,

  606.       });

  607.     },

  608.     //申请提交

  609.     onSubmit(){

  610.       var that = this;

  611.       let form = {};

  612.       form.fileList=[];

  613.       const params = new FormData()

  614.       params.append('tableId', '')

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

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

  617. 

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

  619.         console.log(this.fileArray[i].fileType)

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

  621.           continue

  622.         }

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

  624.           params.set('fileType', this.fileArray[i].fileType)

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

  626.             continue;

  627.           }

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

  629.           console.log(params)

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

  631.             console.log(res)

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

  633.           });

  634.         }

  635.       }

  636.       form.tHouseApplyProposer=this.applicationDetail.tHouseApplyProposer;

  637.       form.tHouseApplyFamilyMembers=this.applicationDetail.tHouseApplyFamilyMembers;

  638.       form.tHouseApproveVillageOptions=this.applicationDetail.tHouseApproveVillageOptions;

  639.       form.tHouseApplyCurrentSituation=this.applicationDetail.tHouseApplyCurrentSituation;

  640.       form.tHouseApplyProposedSituation=this.applicationDetail.tHouseApplyProposedSituation;

  641.       setTimeout(function(){

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

  643.           console.log(res)

  644.           if(res.code = 200){

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

  646.           }

  647.         });

  648.       },1000)

  649.     },

  650.   },

  651. }

  652. </script>

  653. 

  654. <style scoped lang="scss">

  655.   .app-container {

  656.   }

  657.   .van-steps{

  658.     padding: 2% 6% 0;

  659.   }

  660.   .topTit{

  661.     margin-top: 0.4rem;

  662.     font-size: 0.45rem;

  663.     background-color: #1D6FE9;

  664.     color: #FFFFFF;

  665.     line-height: 58px;

  666.     text-align: center;

  667.     padding: 15px 0;

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

  669.   }

  670.   .main_title{

  671.     font-size: 0.4rem;

  672.     color: #1D6FE9;

  673.     margin: 0.2rem 6%;

  674.     position: relative;

  675.   }

  676.   .main_box{

  677.     width: 96%;

  678.     margin: 0 auto;

  679.     border-radius: 6px;

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

  681.     overflow: hidden;

  682.     background-color: #FFF;

  683.   }

  684.   .collapse{

  685.     width: 96%;

  686.     margin: 0 auto;

  687.     border-radius: 6px;

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

  689.     overflow: hidden;

  690.     margin-bottom: 15px;

  691.   }

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

  693.     margin-left: 20px;

  694.     margin-right: 0;

  695.   }

  696.   .file-box{

  697.     padding: 2% 5% 0;

  698.   }

  699.   .submitButton{

  700.     width: 80%;

  701.     margin: 0 auto;

  702.     background-color: #1D6FE9;

  703.     border-radius: 14px;

  704.   }

  705.   .timeTit{

  706.     text-align: center;

  707.     font-size: 16px;

  708.     line-height: 27px;

  709.   }

  710.   .action-box{

  711.     padding: 15px 0!important;

  712.     margin-top: 0.4rem;

  713.   }

  714.   .check-box{

  715.     margin-top: 0.4rem;

  716.   }

  717.   .addFamily{

  718.     position: absolute;

  719.     top: -2px;

  720.     right: 0;

  721.     border-radius: 50%;

  722.   }

  723.   .deleteFamily{

  724.     position: absolute;

  725.     top: -0.3rem;

  726.     right: 6%;

  727.     z-index: 9;

  728.     border-radius: 50%;

  729.   }

  730.   .familyList{

  731.     margin-top: 0.4rem;

  732.     position: relative;

  733.   }

  734.   .noModify{

  735.     .topTit{

  736.       background-color:#ABABAB ;

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

  738.     }

  739.     .van-cell__title{

  740.       color: #B4B0B0;

  741.     }

  742.   }

  743. </style>