cx-wed/src/components/subject/projectplan/CollectiveLandAcquisition/relocatehousehold.vue

<template>
	<div class="relocate">
		<div class="relocate-top">
			<div :class="switchi==0?'LeftCheck':''"
				@click="switchi=0;agreementSigningStatus='未签约';vacateState='未腾房';getList()">
				未签订
			</div>
			<div :class="switchi==1?'LeftCheck':''"
				@click="switchi=1;agreementSigningStatus='已签约';vacateState='未腾房';getList()">
				已签订
			</div>
			<div :class="switchi==2?'LeftCheck':''"
				@click="switchi=2;agreementSigningStatus='已签约';vacateState='已腾房';getList()">
				已腾空
			</div>
		</div>
		<div class="relocate-name">
			<div class="relocate-name-one">
				<div class="relocate-name-one-top">
					<div class="relocate-name-one-top-left">
						<div>
							<span>编号：</span>
							<el-input placeholder="请输入编号" clearable></el-input>
						</div>
						<div>
							<span>户主姓名：</span>
							<el-input v-model="householderName" placeholder="请输入户主姓名" clearable></el-input>
						</div>
						<!-- <div>
							<span>户主身份证号：</span>
							<el-input v-model="householderIdCard" placeholder="请输入户主身份证号" clearable></el-input>
						</div> -->
						<!-- <div v-if="switchi>0">
							<span>安置方式：</span>
							<el-select v-model="flowState" placeholder="请选择安置方式" clearable>
								<el-option label="货币安置" value="货币"></el-option>
								<el-option label="迁建安置" value="迁建"></el-option>
								<el-option label="混合安置" value="混合"></el-option>
							</el-select>
						</div> -->
						<div class="button-background">
							<el-button @click="getList();page = 1">查询</el-button>
							<el-button @click="query=true">更多查询</el-button>
						</div>
					</div>
					<div class="relocate-name-one-top-right">
						<ul v-if="authority==0&&switchi==0">
							<li @click="getStrtte()"><i class="el-icon-plus"></i><span>新增</span></li>
							<li @click="brade()"><i class="el-icon-sort"></i><span>分户</span></li>
							<el-dropdown>
								<li><i class="el-icon-download"></i><span>导出模板</span></li>
								<el-dropdown-menu>
									<el-dropdown-item>
										<span
											@click="exportdata('api/auth/householdcx/exportExcelOne')">拆迁户基本信息模板</span>
									</el-dropdown-item>
									<el-dropdown-item>
										<span
											@click="exportdata('api/auth/householdcx/exportExcelTwo')">被拆迁房屋土地使用权面积和建筑面积认定书模板</span>
									</el-dropdown-item>
									<el-dropdown-item>
										<span
											@click="exportdata('api/auth/householdcx/exportExcelThree')">被拆迁房屋用地面积认定表模板</span>
									</el-dropdown-item>
									<el-dropdown-item>
										<span
											@click="exportdata('api/auth/householdcx/exportExcelFour')">生产经营用房面积核定表模板</span>
									</el-dropdown-item>
									<el-dropdown-item>
										<span
											@click="exportdata('api/auth/householdcx/exportExcelFive')">被拆迁安置人口、可安置面积认定表模板</span>
									</el-dropdown-item>
									<el-dropdown-item>
										<span @click="exportdata('api/auth/householdcx/exportExcelSix')">评估结果模板</span>
									</el-dropdown-item>
									<el-dropdown-item>
										<span @click="exportdata('api/auth/householdcx/exportExcelNine')">非住宅信息模板</span>
									</el-dropdown-item>
								</el-dropdown-menu>
							</el-dropdown>
							<el-dropdown>
								<li><i class="el-icon-upload2"></i><span>导入数据</span></li>
								<el-dropdown-menu>
									<el-dropdown-item>
										<el-upload :action="exportExcelOneURL" :data="householdcxData"
											:headers="tokenData" :show-file-list="false"
											:on-success="householdcxSucces">
											<span>拆迁户基本信息</span>
										</el-upload>
									</el-dropdown-item>
									<el-dropdown-item>
										<el-upload :action="exportExcelTwoURL" :data="householdcxData"
											:headers="tokenData" :show-file-list="false"
											:on-success="householdcxSucces">
											<span>被拆迁房屋土地使用权面积和建筑面积认定书</span>
										</el-upload>
									</el-dropdown-item>
									<el-dropdown-item>
										<el-upload :action="exportExcelThreeurl" :data="householdcxData"
											:headers="tokenData" :show-file-list="false"
											:on-success="householdcxSucces">
											<span>被拆迁房屋用地面积认定表</span>
										</el-upload>
									</el-dropdown-item>
									<el-dropdown-item>
										<el-upload :action="exportExcelFourURL" :data="householdcxData"
											:headers="tokenData" :show-file-list="false"
											:on-success="householdcxSucces">
											<span>生产经营用房面积核定表</span>
										</el-upload>
									</el-dropdown-item>
									<el-dropdown-item>
										<el-upload :action="exportExcelFiveURL" :data="householdcxData"
											:headers="tokenData" :show-file-list="false"
											:on-success="householdcxSucces">
											<span>被拆迁安置人口、可安置面积认定表</span>
										</el-upload>
									</el-dropdown-item>
									<el-dropdown-item>
										<el-upload :action="exportExcelSixURL" :data="householdcxData"
											:headers="tokenData" :show-file-list="false"
											:on-success="householdcxSucces">
											<span>导入评估结果</span>
										</el-upload>
									</el-dropdown-item>
									<el-dropdown-item>
										<el-upload :action="exportExcelNineURL" :data="householdcxData"
											:headers="tokenData" :show-file-list="false"
											:on-success="householdcxSucces">
											<span>导入非住宅信息</span>
										</el-upload>
									</el-dropdown-item>
								</el-dropdown-menu>
							</el-dropdown>
						</ul>
					</div>
				</div>
				<div class="relocate-name-one-tow">
					<div class="WithoutInterval">
						<el-table :data="ImportInformation.list" height="566" align="center" highlight-current-row
							@current-change="Checkbranch">
							<el-table-column prop="moveBackCode" label="编号">
							</el-table-column>
							<el-table-column prop="householderName" label="户主姓名">
							</el-table-column>
							<el-table-column prop="householderIdCard" label="户主身份证号">
							</el-table-column>
							<el-table-column prop="street" label="原房地址（镇/村/门牌号）">
								<template slot-scope="scope">
									<span>{{scope.row.street}}/{{scope.row.village}}/{{scope.row.oldHouseAddress}}</span>
								</template>
							</el-table-column>
							<!-- <el-table-column prop="oldHouseAddress" label="原房地址">
							</el-table-column> -->
							<el-table-column prop="buildArea" label="原房建筑面积(m²)">
							</el-table-column>
							<el-table-column v-if="switchi!=0" prop="placementWay" label="安置方式">
							</el-table-column>
							<el-table-column v-if="switchi==2" prop="accountsPayable" label="应付款">
							</el-table-column>
							<el-table-column v-if="switchi==2" prop="amountPaid" label="已付款">
								<template slot-scope="scope">
									<span style="color: #439dc1;cursor: pointer;" @click="getPayrecord(scope.row.id)">{{scope.row.amountPaid}}</span>
								</template>
							</el-table-column>
							<el-table-column v-if="switchi!=0" prop="signingDateOfCompensationAgreement"
								label="补偿协议签订日期">
								<template slot-scope="scope">
									<span
										:style="{'color':(examineStatus(scope.row.signingDateOfCompensationAgreement)?'red':'#828282')}">{{scope.row.signingDateOfCompensationAgreement}}</span>
								</template>
							</el-table-column>
							<el-table-column label="操作" width="200" align="center">
								<template slot-scope="scope">
									<el-button type="text" size="small"
										@click="ExamineControl=true;getgetexaminefile(scope.row)"
										v-if="switchi==0&&scope.row.signingReviewState=='未审核'">签约审核</el-button>

									<el-button type="text" size="small"
										@click="datahousehold=scope.row;coverControl=true"
										v-if="switchi==0&&scope.row.signingReviewState=='已审核'">协议签订</el-button>

									<el-button type="text" size="small" @click='edititem(scope.row)' v-if="switchi==0">
										编辑</el-button>

									<el-button type="text" size="small" @click='smallhouseholdcx(scope.row)'
										style="color: orangered;" v-if="switchi==0">删除</el-button>

									<el-button type="text" size="small" @click="operation(scope.row,'腾房')"
										v-if="switchi==1">腾房</el-button>

									<el-button type="text" size="small" :disabled='scope.row.cancellationState=="已注销"'
										@click="operation(scope.row,'注销')" v-if="switchi==2">注销</el-button>

									<el-button type="text" size="small" :disabled='scope.row.paymentState=="已付款"'
										@click="datahousehold=scope.row;covercommit=true" v-if="switchi==2">付款</el-button>

									<el-button type="text" size="small" :disabled='authority==1'
										@click="operation(scope.row,'发放发票')"
										v-if="switchi==2&&scope.row.placementWay!='迁建'">发放发票</el-button>

									<el-button type="text" size="small" @click='edititem(scope.row)' v-if="switchi!=0">
										查看</el-button>

									<el-button type="text" size="small" :disabled='authority==1'
										@click="From(scope.row)" v-if="switchi==1">撤销签订</el-button>
								</template>
							</el-table-column>
						</el-table>
					</div>
				</div>
				<div class="block" style="margin-bottom: 0;">
					<el-pagination background hide-on-single-page :total="ImportInformation.totalCount"
						@current-change="handleCurrentChange" :current-page.sync="page" :page-size="10"
						layout="total,prev, pager, next, jumper">
					</el-pagination>
				</div>
			</div>
		</div>
		<!-- ====分户==== -->
		<div class="tk">
			<el-dialog title="分户" :visible.sync="branchousehold" width="672px">
				<div class="branch">
					<div class="form">
						<el-form :model="branch" :rules="branchrules" ref="Demobranch">
							<el-form-item label="分户户主姓名" prop="newHouseholdName" label-width="150px"
								style="width: 100%;">
								<el-input v-model="branch.newHouseholdName" placeholder="请输入分户户主姓名"></el-input>
							</el-form-item>
							<el-form-item label="分户户主身份证" prop="newHouseholdIdCard" label-width="150px"
								style="width: 100%;">
								<el-input v-model="branch.newHouseholdIdCard" placeholder="请输入分户户主身份证"></el-input>
							</el-form-item>
						</el-form>
					</div>
					<div style="text-align: center">
						<el-transfer style="text-align: left; display: inline-block" v-model="branchvalue"
							:data="branchdata" :titles="['原户家庭成员', '新户家庭成员']">
						</el-transfer>
					</div>
				</div>
				<span slot="footer" class="dialog-footer">
					<el-button type="primary" @click="account('Demobranch')">确 定</el-button>
					<el-button @click="branchousehold = false">取 消</el-button>
				</span>
			</el-dialog>
		</div>
		<!-- =====新增户===== -->
		<div class="tk">
			<el-dialog title="新增" :visible.sync="addVisible" width="690px">
				<div class="form">
					<el-form :model='addlist' :rules="addlistrules" ref="addlist">
						<el-form-item label="被拆迁人" label-width="120px" prop="householderName">
							<el-input v-model="addlist.householderName" placeholder="请输入内容"></el-input>
						</el-form-item>
						<el-form-item label="户主身份证号" label-width="120px" prop="householderIdCard">
							<el-input v-model="addlist.householderIdCard" placeholder="请输入内容"></el-input>
						</el-form-item>
						<el-form-item label="征收房屋性质" label-width="120px" prop="levyHouseNature">
							<el-select placeholder="请选择征收房屋性质" v-model="addlist.levyHouseNature" clearable
								style="width: 100%;">
								<el-option label="住宅" value="住宅"></el-option>
								<el-option label="非住宅" value="非住宅"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="镇（街道）" prop="street" label-width="120px">
							<el-select placeholder="请选择征收房屋性质" v-model="addlist.street" clearable :disabled='namestreet.length==1'
							 style="width: 100%;">
								<el-option :label="item" :value="item" v-for="(item,index) in namestreet" :key="index"></el-option>
							</el-select>
							<!-- <el-input v-model="addlist.street" placeholder="请输入内容"></el-input> -->
						</el-form-item>
						<el-form-item label="村" prop="village" label-width="120px">
							<el-input v-model="addlist.village" placeholder="请输入内容"></el-input>
						</el-form-item>
						<el-form-item label="门牌号" prop="oldHouseAddress" label-width="120px">
							<el-input v-model="addlist.oldHouseAddress" placeholder="请输入内容"></el-input>
						</el-form-item>
						<el-form-item label="地段等级" prop="oldHouseAddress" label-width="120px">
							<el-select v-model="addlist.locationClassification" placeholder="请选择地段等级" clearable style="width: 100%;">
								<el-option v-for="(i,index) in earth" :key="index" :label="i" :value="i"></el-option>
							</el-select>
						</el-form-item>
					</el-form>
				</div>
				<span slot="footer" class="dialog-footer">
					<el-button type="primary" @click="addhousehold('addlist')">确 定</el-button>
					<el-button @click="addVisible = false">取 消</el-button>
				</span>
			</el-dialog>
		</div>
		<!-- =======编辑======= -->
		<div class="al">
			<el-drawer size='50%' :visible.sync="sethousehold" :with-header="false">
				<div class="tc-top">
					<h2>{{datahousehold.householderName}}</h2>
				</div>
				<div class="tca-menu">
					<div id="header">
						<div class="item_box" @click="householdindex=0" :class="householdindex==0?'active':''">
							详细资料
						</div>
						<div class="item_box" @click="householdindex=1;getfile()"
							:class="householdindex==1?'active':''">
							拆迁户资料
						</div>
						<div class="item_box" @click="householdindex=2" :class="householdindex==2?'active':''">
							报表打印
						</div>
					</div>
				</div>
				<div class="tc-middle" v-if="householdindex==0">
					<h3>征迁信息：</h3>
					<div class="arrr">
						<el-collapse v-model="activeName" accordion>
							<el-collapse-item title="基本信息" name="1">
								<div class="form">
									<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
										<el-form-item label="编号" label-width="130px" prop="projectName">
											<el-input v-model="datahousehold.moveBackCode" disabled autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="户主姓名" class="msg" label-width="130px" prop="projectCode">
											<el-input v-model="datahousehold.householderName" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="户主身份证号" label-width="130px" prop="projectName">
											<el-input v-model="datahousehold.householderIdCard" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="镇（街道）" class="msg" label-width="130px" prop="projectCode">
											<el-input v-model="datahousehold.street" autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="村" class="msg" label-width="130px" prop="projectCode">
											<el-input v-model="datahousehold.village" autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="门牌号" label-width="130px" prop="projectName">
											<el-input v-model="datahousehold.oldHouseAddress" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="征收房屋性质" label-width="130px">
											<el-select placeholder="请选择征收房屋性质" v-model="datahousehold.levyHouseNature" @change='PlacementSelect()'
												clearable style="width: 100%;">
												<el-option label="住宅" value="住宅"></el-option>
												<el-option label="非住宅" value="非住宅"></el-option>
											</el-select>
										</el-form-item>
										<!-- <el-form-item label="安置方式" label-width="130px" prop="projectName">
											<el-select placeholder="请选择安置方式" :disabled='datahousehold.levyHouseNature=="非住宅"' v-model="datahousehold.placementWay" clearable style="width: 100%;">
												<el-option label="货币" value="货币"></el-option>
												<el-option label="混合" value="混合"></el-option>
												<el-option label="迁建" value="迁建"></el-option>
											</el-select>
										</el-form-item> -->
										<el-form-item label="地段等级" label-width="130px" prop="projectName">
											<el-select placeholder="请选择地段等级"  v-model="datahousehold.locationClassification" clearable  style="width: 100%;">
												<el-option v-for="(i,index) in earth" :key="index" :label="i" :value="i"></el-option>
											</el-select>
										</el-form-item>
										
									</el-form>
								</div>
							</el-collapse-item>
						<div v-if="datahousehold.levyHouseNature!='非住宅'">
							<el-collapse-item title="建筑面积认定信息" name="2">
								<div class="form">
									<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
										<el-form-item label="户主姓名" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.householderName" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被拆迁房屋位置" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.oldHouseAddress" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="楼房层数" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.legalBuildFlatLayer" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="楼房间数" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.legalBuildFlatRoom" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="楼房占地面积(m²)" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.legalBuildFlatAreaCovered"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="楼房建筑面积(m²)" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.legalBuildFlatBuiltupArea"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="平房间数" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.legalBuildHouseRoom" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="平房占地面积(m²)" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.legalBuildHouseAreaCovered"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="平房建筑面积(m²)" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.legalBuildHouseBuiltupArea"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="合法土地使用权面积(m²)" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.legalLandArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="房屋建筑面积(m²)" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.buildArea" autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="斜面结构屋面积(m²)" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.slopeBuildArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="合法集体所有土地住宅数量" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.legalHouseTotal" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="住宅数量-红线内" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.redLineInHouseCount" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="住宅数量-红线外" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.redLineOutHouseCount" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="平房间数-红线外" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.redLineHouseRoom" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="平房建筑面积(m²)-红线外" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.redLineHouseBuiltupArea"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="楼房层数-红线外" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.redLineFlatLayer" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="楼房间数-红线外" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.redLineFlatRoom" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="建筑面积(m²)-红线外" class="msg" label-width="200px"
											prop="projectCode">
											<el-input v-model="datahousehold.redLineBuildArea" autocomplete="off">
											</el-input>
										</el-form-item>
									</el-form>
								</div>
							</el-collapse-item>
							<el-collapse-item title="被拆迁房屋用地面积认定信息" name="3">
								<div class="form">
									<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
										<el-form-item label="镇（街道）" class="msg" label-width="180px" prop="projectCode">
											<el-input v-model="datahousehold.street" autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="村" class="msg" label-width="180px" prop="projectCode">
											<el-input v-model="datahousehold.village" autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="门牌号" class="msg" label-width="180px" prop="projectCode">
											<el-input v-model="datahousehold.oldHouseAddress" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="房屋用地面积(m²)" class="msg" label-width="180px" prop="projectCode">
											<el-input v-model="datahousehold.housingLandArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被拆迁人总用地面积(m²)" class="msg" label-width="180px"
											prop="projectCode">
											<el-input v-model="datahousehold.totalLandArea" autocomplete="off">
											</el-input>
										</el-form-item>
									</el-form>
								</div>
							</el-collapse-item>
							<el-collapse-item title="生产经营用房面积核定信息" name="4">
								<div class="form">
									<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
										<el-form-item label="姓名" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model="datahousehold.householderName" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被拆迁人性别" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model="datahousehold.sex" autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="出生日期" class="msg" label-width="220px" prop="projectCode">
											<el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
												v-model="datahousehold.birthday" style="width: 100%;"></el-date-picker>
										</el-form-item>
										<el-form-item label="联系电话" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model="datahousehold.phone" autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="企业名称" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model="datahousehold.enterpriseName" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="企业性质" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model="datahousehold.enterpriseNature" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="经营地址" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model="datahousehold.businessAddress" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="经营项目" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model="datahousehold.businessItems" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="初始登记时间" class="msg" label-width="220px" prop="projectCode">
											<el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
												v-model="datahousehold.registrationTime" style="width: 100%;">
											</el-date-picker>
										</el-form-item>
										<el-form-item label="营业执照号码" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model="datahousehold.businessLicense" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="拆迁公告发布前6个月纳税情况" class="msg" label-width="220px"
											prop="projectCode">
											<el-input v-model="datahousehold.taxPayment" autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="从事生产经营活动房屋间数" class="msg" label-width="220px"
											prop="projectCode">
											<el-input v-model="datahousehold.businessHouseRoom" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="从事生产经营活动房屋面积(m²)" class="msg" label-width="220px"
											prop="projectCode">
											<el-input v-model="datahousehold.businessHouseArea" autocomplete="off">
											</el-input>
										</el-form-item>
									</el-form>
								</div>
							</el-collapse-item>
							<el-collapse-item title="被拆迁安置人口、可安置面积认定信息" name="5">
								<div class="form">
									<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
										<el-form-item label="可计入安置人口" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.population"
												oninput="value=value.replace(/^d+$/,'')" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="可增加安置人口" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.increasePopulation" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="仅育一个子女，该子女未婚增加安置人数" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.onlyChildAndUnmarried"
												oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="已满18周岁未满法定婚龄增加人数" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.underMarriageAge"
												oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="已满法定婚龄未婚增加人数" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.marriageableAgeAndUnmarried"
												oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off">
											</el-input>
										</el-form-item>
															
										<el-form-item label="已婚未生育增加人数" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.marriedNotBearing"
												oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="合计安置人口" class="msg" label-width="300px" prop="projectCode">
											<el-input v-model="datahousehold.populationTotal"
												oninput="value=value.replace(/[^\d]/g,'')" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被拆迁人可安置面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.resettlementArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="补助建筑面积(m²)" class="msg" label-width="300px" prop="projectCode">
											<el-input v-model="datahousehold.subsidyArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="享受过保障性住房面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.indemnificatoryHousingArea"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="应当合并计算或扣减的面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.deductArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="其中可安置面积合并或扣减应分摊的面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.share1" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="补助面积合并或扣减应分摊的面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.share2" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="实际可安置面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.realPlaceArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="实际总可安置面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.resettlementAreaTotal" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被拆房屋建筑面积人均不足30平方米部分(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model="datahousehold.perCapitaLt30Area" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="安置地基间数" class="msg" label-width="300px" prop="projectCode">
											<el-input v-model="datahousehold.placeFoundationRoom" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="建筑占地面积(m²)" class="msg" label-width="300px" prop="projectCode">
											<el-input v-model="datahousehold.placeFoundationBuildingArea"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="宗地面积(m²)" class="msg" label-width="300px" prop="projectCode">
											<el-input v-model="datahousehold.placeFoundationParcelArea"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="不予安置建筑占地面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model.number="datahousehold.noResettlementBuildingAreaCovered"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="不予安置建筑面积(m²)" class="msg" label-width="300px"
											prop="projectCode">
											<el-input v-model.number="datahousehold.noResettlementBuildingArea"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="迁建-安置地段等级" label-width="300px" prop="projectName">
											<el-select placeholder="请选择地段等级"
												v-model="datahousehold.resettlementSectionGrade" clearable
												style="width: 100%;">
												<el-option label="一类" value="一"></el-option>
												<el-option label="二类" value="二"></el-option>
												<el-option label="三类" value="三"></el-option>
												<el-option label="四类" value="四"></el-option>
											</el-select>
										</el-form-item>
										
									</el-form>
								</div>
							</el-collapse-item>
							<!-- <el-collapse-item title="迁建安置认定信息" name="6">
								<div class="form">
									<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
										<el-form-item label="迁建安置用地坐落" class="msg" label-width="220px"
											prop="projectCode" style="width: 100%;">
											<el-input v-model.number="datahousehold.resettlementAddress"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="迁建安置间数" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model.number="datahousehold.numberOfFoundation"
												autocomplete="off"></el-input>
										</el-form-item>
										
										<el-form-item label="建筑占地面积(m²)" class="msg" label-width="220px"
											prop="projectCode">
											<el-input v-model.number="datahousehold.areaOfFoundation"
												autocomplete="off"></el-input>
										</el-form-item>
										<el-form-item label="宗地面积合计(m²)" class="msg" label-width="220px"
											prop="projectCode">
											<el-input v-model.number="datahousehold.totalResettlementArea"
												autocomplete="off"></el-input>
										</el-form-item>
										
										<el-form-item label="东西间隔" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model.number="datahousehold.distanceEastWest"><template
													slot="append">米</template></el-input>
										</el-form-item>
										<el-form-item label="南北间隔" class="msg" label-width="220px" prop="projectCode">
											<el-input v-model.number="datahousehold.distanceNorthSouth"><template
													slot="append">米</template></el-input>
										</el-form-item>
									</el-form>
								</div>
							</el-collapse-item> -->
							<el-collapse-item title="评估结果" name="6">
								<div class="form">
									<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
										<el-form-item label="产权人" label-width="305px" prop="projectCode"
											style="width: 100%;">
											<el-input v-model="datahousehold.householderName" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被迁房屋面积(㎡)-主体" label-width="305px" prop="projectCode"
											style="width: 100%;">
											<el-input v-model="datahousehold.buildArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被迁房屋面积(㎡)-斜面" label-width="305px" prop="projectName"
											style="width: 100%;">
											<el-input v-model="datahousehold.slopeBuildArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被迁主体房屋补偿金额(元)-重置价" label-width="305px" prop="projectCode"
											style="width: 100%;">
											<el-input v-model="datahousehold.houseSubjectCompensateChongzhijia"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被迁主体房屋补偿金额(元)-重置价结合成新" label-width="305px"
											prop="projectName" style="width: 100%;">
											<el-input
												v-model="datahousehold.houseSubjectCompensateChongzhijiajiehechengxin"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被迁斜面结构屋补偿金额(元)-重置价" label-width="305px" prop="projectCode"
											style="width: 100%;">
											<el-input v-model="datahousehold.houseSlopeCompensateChongzhijia"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被迁斜面结构屋补偿金额(元)-重置价结合成新" label-width="305px"
											prop="projectName" style="width: 100%;">
											<el-input
												v-model="datahousehold.houseSlopeCompensateChongzhijiajiehechengxin"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被拆屋建筑面积超可安置面积部分货币补偿" label-width="305px" prop="projectName"
											style="width: 100%;">
											<el-input v-model="datahousehold.housesExceedingTheResettableAreaCompensate"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被拆房屋建筑面积人均不足30㎡部分补偿" label-width="305px" prop="projectName"
											style="width: 100%;">
											<el-input v-model="datahousehold.perCapitaLt30AreaCompensate"
												autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="装修及附属物补偿金额（元）" label-width="305px" prop="projectName"
											style="width: 100%;">
											<el-input v-model="datahousehold.renovationCompensate" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="从事生产经营活动经济补偿（元）" label-width="305px" prop="projectName"
											style="width: 100%;">
											<el-input v-model="datahousehold.productionCompensate" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="备注" label-width="305px" prop="projectName"
											style="width: 100%;">
											<el-input v-model="datahousehold.evaluationResultsRemarks"
												autocomplete="off">
											</el-input>
										</el-form-item>
									</el-form>
								</div>
							</el-collapse-item>
						</div>
						<div v-if="datahousehold.levyHouseNature=='非住宅'">
							<el-collapse-item title="非住宅认定信息" name="2">
								<div class="form">
									<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
										<el-form-item label="土地用途" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.nonResidentialLandUse" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="土地面积（㎡）" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.nonResidentialLandArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="房屋建筑面积（㎡）" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.nonResidentialBuildArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="商业建筑面积（㎡）" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.nonResidentialBusinessArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="办公建筑面积（㎡）" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.nonResidentialWorkArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="工业建筑面积（㎡）" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.nonResidentialIndustryArea" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="被拆房屋评估价值" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.nonResidentialHouseAssessment" autocomplete="off">
											</el-input>
										</el-form-item>
										<el-form-item label="装修、附属物补偿费金额" class="msg" label-width="200px" prop="projectCode">
											<el-input v-model="datahousehold.nonResidentialRenovationCompensate" autocomplete="off">
											</el-input>
										</el-form-item>
									</el-form>
								</div>
							</el-collapse-item>
						</div>
						<el-collapse-item title="腾房/注销/付款情况说明" name="8" v-if="switchi==2">
							<div class="form">
								<el-form :model="strpdetails" :disabled='agreementSigningStatus=="已签约"'>
									<el-form-item label="腾房情况说明" label-width="150px" prop="projectCode"
										style="width: 100%;">
										<el-input v-model='datahousehold.vacateRemarks' type="textarea" :rows="4"
											placeholder="请输入情况说明" style="width: 100%;">
										</el-input>
									</el-form-item>
									<el-form-item label="注销情况说明" label-width="150px" prop="projectCode"
										style="width: 100%;">
										<el-input v-model='datahousehold.cancellationRemarks' type="textarea"
											:rows="4" placeholder="请输入情况说明" style="width: 100%;">
										</el-input>
									</el-form-item>
									<el-form-item label="付款情况说明" label-width="150px" prop="projectCode"
										style="width: 100%;">
										<el-input v-model='datahousehold.paymentRemarks' type="textarea" :rows="4"
											placeholder="请输入情况说明" style="width: 100%;">
										</el-input>
									</el-form-item>
								</el-form>
							</div>
						</el-collapse-item>
						</el-collapse>
					</div>
					<div class="tc-middle-add">
						<h3>家庭成员：</h3>
						<el-button :disabled='authority==1' size="mini" type="primary" @click="empty()">新增</el-button>
					</div>
					<div class="WithoutInterval">
						<el-table :data="peopledata" :header-cell-style="{background:'#e2e2e2'}" style="width: 100%">
							<el-table-column prop="name" label="姓名">
							</el-table-column>
							<el-table-column prop="relation" label="关系">
							</el-table-column>
							<el-table-column prop="idCard" label="身份证号">
							</el-table-column>
							<el-table-column fixed="right" label="操作" width="130">
								<template slot-scope="scope">
									<el-button @click="updateProject(scope.row)" type="text" size="small"
										:disabled='authority==1'>
										编辑</el-button>
									<el-button @click="deleteProject(scope.row)" type="text" size="small"
										:disabled='authority==1' style="color: #FF4500 ;">
										删除</el-button>
								</template>
							</el-table-column>
						</el-table>
					</div>
					<div class="dialog-footer" style="margin: 20px auto;">
						<el-button :disabled="agreementSigningStatus=='已签约'" type="primary" @click='edithousehold()'>保 存
						</el-button>
						<el-button @click='sethousehold=false'>取消</el-button>
					</div>
				</div>
				<div class="nrya" style="width: 100%;height: calc(100% - 112px);" v-if="householdindex==1">
					<file-manage type="2" :fileId='householdId' ref="file" :currentContro='currentContro' :loadFileList='loadFileList' :authority='2'>
					</file-manage>
				</div>
				<div class="agreement" v-if="householdindex==2">
					<div class="agreement-lest">
						<div class="PlanningLibrary-left">
							<div class="PlanningLibrary-left-top">
								<div class="PlanningLibrary-left-top-right">
									<i class="el-icon-info"></i><span>公示列表</span>
								</div>
							</div>
							<div class="PlanningLibrary-left-data">
								<ul>
									<li :class="AgreementIndex==0?'Check':''" @click="AgreementIndex=0"><i
											class="el-icon-menu"></i>
										<Tooltip text="被拆迁房屋土地使用权面积和建筑面积认定书"></Tooltip>
									</li>
									<li :class="AgreementIndex==1?'Check':''" @click="AgreementIndex=1"><i
											class="el-icon-menu"></i>
										<Tooltip text="被拆迁房屋用地面积认定表"></Tooltip>
									</li>
									<li :class="AgreementIndex==2?'Check':''" @click="AgreementIndex=2"><i
											class="el-icon-menu"></i>
										<Tooltip text="被拆迁人安置人口、可安置面积认定"></Tooltip>
									</li>
									<li :class="AgreementIndex==3?'Check':''" @click="AgreementIndex=3"><i
											class="el-icon-menu"></i>
										<Tooltip text="生产经营用房面积核定表"></Tooltip>
									</li>
									<li :class="AgreementIndex==4?'Check':''" @click="AgreementIndex=4"><i
											class="el-icon-menu"></i>
										<Tooltip text="集体所有土地房屋签订拆迁协议审批流程表（不含迁建安置）"></Tooltip>
									</li>
									<!-- <li :class="AgreementIndex==5?'Check':''" @click="AgreementIndex=5"><i
											class="el-icon-menu"></i>
										<Tooltip text="集体所有土地房屋签订拆迁协议审批流程表（含迁建安置）"></Tooltip>
									</li> -->
									<li :class="AgreementIndex==15?'Check':''" @click="AgreementIndex=15"><i
											class="el-icon-menu"></i>
										<Tooltip text="被拆房屋建筑面积、安置人口、可安置面积等综合认定审批表"></Tooltip>
									</li>
									<!-- 	<li :class="AgreementIndex==6?'Check':''" @click="AgreementIndex=6"><i class="el-icon-menu"></i>
										<Tooltip text="征收集体所有土地房屋拆迁调产安置（房票）补偿明细单 "></Tooltip>
									</li>
									<li :class="AgreementIndex==7?'Check':''" @click="AgreementIndex=7"><i class="el-icon-menu"></i>
										<Tooltip text="征收集体所有土地房屋拆迁货币安置补偿明细单"></Tooltip>
									</li>
									<li :class="AgreementIndex==8?'Check':''" @click="AgreementIndex=8"><i class="el-icon-menu"></i>
										<Tooltip text="征收集体所有土地房屋拆迁迁建安置补偿明细单"></Tooltip>
									</li>
									<li :class="AgreementIndex==9?'Check':''" @click="AgreementIndex=9"><i class="el-icon-menu"></i>
										<Tooltip text="被拆迁房屋腾空确认书 "></Tooltip>
									</li>
									<li :class="AgreementIndex==10?'Check':''" @click="AgreementIndex=10"><i class="el-icon-menu"></i>
										<Tooltip text="征收集体所有土地房屋拆迁调产安置补偿协议（房票安置）"></Tooltip>
									</li> -->
								</ul>
							</div>
						</div>
					</div>
					<div class="agreement-right">
						<agreement :agreement='AgreementIndex' :datahousehold='datahousehold'
							:strpdetails='strpdetails'></agreement>
					</div>
				</div>
			</el-drawer>
		</div>
		<!-- 新增 编辑 家庭成员 -->
		<div class="al">
			<el-drawer size='40%' :title="Demolitions.id?'编辑':'新增'" :visible.sync="member">
				<div class="form">
					<el-form :model="Demolitions" :rules="rules" ref="Demolition">
						<el-form-item label="姓名" label-width="160px" prop="name">
							<el-input v-model="Demolitions.name" autocomplete="off"></el-input>
						</el-form-item>
						<el-form-item label="身份证号" label-width="160px" prop="idCard">
							<el-input v-model="Demolitions.idCard" autocomplete="off"></el-input>
						</el-form-item>
						<el-form-item label="家庭成员关系" label-width="160px">
							<el-input v-model="Demolitions.relation" autocomplete="off"></el-input>
						</el-form-item>
						<el-form-item label="农/居身份" label-width="160px">
							<el-select v-model="Demolitions.householdNature" placeholder="请选择" clearable>
								<el-option label="居民" value="居民"></el-option>
								<el-option label="农民" value="农民"></el-option>
								<el-option label="参照农民" value="参照农民"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="户口迁入时间" label-width="160px">
							<el-col>
								<el-date-picker value-format="yyyy-MM-dd" type="date" placeholder="选择日期"
									v-model="Demolitions.joinHouseholdTime" style="width: 100%;"></el-date-picker>
							</el-col>
						</el-form-item>
						<el-form-item label="被拆迁房屋来源" label-width="160px">
							<!-- <el-input v-model="Demolitions.houseOwnershipSource" autocomplete="off"></el-input> -->
							<el-select v-model="Demolitions.houseOwnershipSource" placeholder="请选择" clearable>
								<el-option label="继承" value="继承"></el-option>
								<el-option label="初始登记" value="初始登记"></el-option>
								<el-option label="分户析产" value="分户析产"></el-option>
								<el-option label="个人建房审批" value="个人建房审批"></el-option>
								<el-option label="其他" value="其他"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="是否独生子女" label-width="160px">
							<el-select v-model="Demolitions.onlyChild" placeholder="请选择" clearable>
								<el-option v-for="(item,index) in options" :key="index" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="婚否" label-width="160px">
							<el-select v-model="Demolitions.marriedNotBearing" placeholder="请选择" clearable>
								<el-option v-for="(item,index) in options" :key="index" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
						
						<el-form-item label="是否享受住房保障" label-width="160px">
							<el-select v-model="Demolitions.enjoyedWlfSituation" placeholder="请选择" clearable>
								<el-option v-for="(item,index) in options" :key="index" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</el-form-item>
						
						<el-form-item label="排序" label-width="160px" prop="req">
							<el-input v-model="Demolitions.req" autocomplete="off"></el-input>
						</el-form-item>
						<el-form-item label="备注" label-width="160px" style="width: 100%;">
							<el-input v-model="Demolitions.remarks" autocomplete="off"></el-input>
						</el-form-item>
					</el-form>
				</div>
				<div class="dialog-footer">
					<el-button type="primary" @click="determine('Demolition')">确 定</el-button>
					<el-button @click="member = false">取消</el-button>
				</div>
			</el-drawer>
		</div>
		<!-- 导入错误 -->
		<div class="tk">
			<el-dialog title="错误" :visible.sync="errorControl" width="35%" max-width='350px'>
				<div style="max-height: 250px;overflow: auto;">
					<span style="color: red;margin-bottom: 5px;display: block;"
						v-for="(item,index) in errorData" :key="index">{{item}}<br></span>
				</div>
			</el-dialog>
		</div>
		<!-- 签约审核 -->
		<div class="tk">
			<el-dialog title="签约审核" :visible.sync="ExamineControl" width="30%">
				<div class="indexControl">
					<div class="indexControl-ont">
						<div class="indexControl-ont-title">是否公示</div>
						<ul>
							<li>
								<div>
									<div v-if="getexaminefileid.publicityOneState=='已公示'"><img
											src="../../../../assets/file-publicity1.png" alt=""></div>
									<div v-else><img src="../../../../assets/file-publicity2.png" alt=""></div>
									<span>房屋评估公示表</span>
									<p
										:style="{'background-color':(getexaminefileid.publicityOneState=='已公示'?'#55bf9c':'#ff703b')}">
										{{getexaminefileid.publicityOneState}}</p>
								</div>
							</li>
							<li>
								<div>
									<div v-if="getexaminefileid.publicityTwoState=='已公示'"><img
											src="../../../../assets/file-publicity1.png" alt=""></div>
									<div v-else><img src="../../../../assets/file-publicity2.png" alt=""></div>
									<span>安置情况公示表</span>
									<p
										:style="{'background-color':(getexaminefileid.publicityTwoState=='已公示'?'#55bf9c':'#ff703b')}">
										{{getexaminefileid.publicityTwoState}}</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="indexControl-ont">
						<div class="indexControl-ont-title">文件列表</div>
						<ul>
							<li v-for="(i,index) in fileList" :key="index" @click="getfileList(i)">
								<div>
									<div v-if="i.tree.length!=0"><img src="../../../../assets/file-full.png" alt="">
									</div>
									<div v-if="i.tree.length==0"><img src="../../../../assets/file-empty.png" alt="">
									</div>
									<h2 class="tooltip-wrap">
										<Tooltip :text="i.name"></Tooltip>
									</h2>
									<p :style="{'background-color':(i.tree.length==0?'#ff703b':'#55bf9c')}">
										{{i.tree.length!=0?'已上传':'未上传'}}</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<span slot="footer" class="dialog-footer">
					<el-button @click="ExamineControl = false">取消</el-button>
					<el-button type="primary" @click="VacateExamine()">审核通过</el-button>
		 	</span>
			</el-dialog>
		</div>
		<!-- 签约审核文件预览 -->
		<div class="tk">
			<el-dialog v-if="Examine" :title="fileListindex[0].name" :visible.sync="Examine" width="50%">
				<div class="toexamine">
					<div class="nrya">
						<div class="rt-nr">
							<el-tree :data="fileListindex" ref="tree" :props="defaultProp" current-node-key="1"
								node-key="id" @node-click="nodeClic" default-expand-all>
								<div class="custom-tree-node" slot-scope="{ node, data}"
									style="width: 100%;padding-left: 18px;">
									<div style="width: 100%;display: flex;align-items:end;height: 20px; padding: 0;">
										<span v-if="data.tree==null&&data.type=='file'">
											<img v-if="node.label.split('.').pop().toLowerCase()=='png'||node.label.split('.').pop().toLowerCase()=='jpg'"
												src="../../../../assets/file-Imgicon.png">
											<img v-else-if="node.label.split('.').pop().toLowerCase()=='pdf'"
												src="../../../../assets/file-pdficon.png">
											<img v-else-if="node.label.split('.').pop().toLowerCase()=='xls'||node.label.split('.').pop().toLowerCase()=='xlsx'"
												src="../../../../assets/flie-xlsxicon.png">
											<img v-else-if="node.label.split('.').pop().toLowerCase()=='docx'"
												src="../../../../assets/file-docxicon.png">
											<img v-else-if="node.label.split('.').pop().toLowerCase()=='text'||node.label.split('.').pop().toLowerCase()=='txt'"
												src="../../../../assets/flie-texticon.png">
											<img v-else src="../../../../assets/flie-othericon.png">
										</span>
				  				<span v-else>
											<img :src="data.empty ?  defaultClose : defaultOpen"
												style="width: 16px;height: 16px;" alt />
				 						<img src="../../../../assets/folderIcon.png" style="margin: 0 0 0 7px;">
										</span>
										<span class="tooltip-wrap">
											<Tooltip :text="node.label"></Tooltip>
										</span>
										<span class="fbtn"
											:style="{'display': (data.type == 'file' ? '':'none  !important')}"
											@click.stop="downFile(data)">下载</span>
									</div>
								</div>
				   </el-tree>
						</div>
						<div class="rt-nt">
							<iframe :src="dataurl" width="100%" height="100%"></iframe>
						</div>
					</div>
				</div>
			</el-dialog>
		</div>
		<!-- 腾房 注销 付款 -->
		<div class="tk">
			<el-dialog :title="getexaminefileid.householderName" :visible.sync="control" width="700px"
				:modal-append-to-body="false">
				<div class="operation">
					<div class="branch">
						<div class="Upload-butom-ont">
							<div class="Upload-butom-tow" v-if="selectFileName!='发放发票'">
								<h3>{{selectFileName}}日期：</h3>
								<el-date-picker v-if="selectFileName=='腾房'" value-format="yyyy-MM-dd" type="date"
									placeholder="选择日期" v-model="vacatedDate" style="width: 250px;"></el-date-picker>
								<el-date-picker v-if="selectFileName=='注销'" value-format="yyyy-MM-dd" type="date"
									placeholder="选择日期" v-model="cancellationDate" style="width: 250px;">
								</el-date-picker>
								<el-date-picker v-if="selectFileName=='付款'" value-format="yyyy-MM-dd" type="date"
									placeholder="选择日期" v-model="paymentDate" style="width: 250px;"></el-date-picker>
							</div>
							<div class="tc-middle-add">
								<h3 :class="this.selectFileName!='注销'?'apse':''">{{this.selectFileName}}凭证：</h3>
							</div>
							<div class="tc-middle-name">
								<ul>
									<li v-for="itemid in filelist.tree" :key="itemid.name" @click="nodeClic(itemid),Exconrtl=true">
										<i class="el-icon-error" @click.stop="deleteFile(itemid)"></i>
										<img v-if="itemid.name.split('.').pop().toLowerCase()=='pdf'"
											src="../../../../assets/file-pdf.png" alt="">
										<img v-else-if="itemid.name.split('.').pop().toLowerCase()=='png'||itemid.name.split('.').pop().toLowerCase()=='jpg'"
											src="../../../../assets/file-img.png" alt="">
										<img v-else-if="itemid.name.split('.').pop().toLowerCase()=='text'"
											src="../../../../assets/file-excel.png" alt="">
										<img v-else src="../../../../assets/file-other.png">
										<div>
											<Tooltip :text="itemid.name"></Tooltip>
										</div>
									</li>
									<el-upload action='' :auto-upload="false" :headers="tokenData"
										:on-change="handleChang" :show-file-list="false">
										<li>
											<div class="add">
												<div class="add-top">
													<span class="el-icon-plus"></span>
												</div>
												<div class="add-buttom">
													添加文件
												</div>
											</div>
										</li>
									</el-upload>
								</ul>
							</div>
						</div>
						<div class="Upload-butom-ont">
							<div class="tc-middle-add">
								<h3>情况说明：</h3>
							</div>
							<div class="tc-middle-name">
								<div class="form" style="padding: 0;">
									<el-form :model="Demolitions">
										<el-form-item label="情况说明" label-width="130px" style="width: 100%;">
											<el-input v-model='Reremar' type="textarea" :rows="4" placeholder="请输入情况说明"
												style="width: 100%;"></el-input>
										</el-form-item>
									</el-form>
								</div>
							</div>
						</div>
					</div>
					<span slot="footer" class="dialog-footer">
						<el-button type="primary" @click="Vacate()">确 定</el-button>
						<el-button @click="control = false">取 消</el-button>
					</span>
				</div>
			</el-dialog>
		</div>
		<!-- 查询条件 -->
		<div class="tk">
			<el-dialog title="更多筛选" :visible.sync="query" width="500px" :modal-append-to-body="false">
				<div class="form">
					<el-form>
						<el-form-item label="户主身份证号码" label-width="130px" style="width: 100%;">
							<el-input v-model="householderIdCard" placeholder="请输入户主身份证号码" clearable></el-input>
						</el-form-item>
						<el-form-item label="安置方式" label-width="130px" style="width: 100%;" v-if="switchi>0">
							<el-select v-model="flowState" placeholder="请选择安置方式" clearable style="width: 100%;">
								<el-option label="货币安置" value="货币"></el-option>
								<el-option label="迁建安置" value="迁建"></el-option>
								<el-option label="混合安置" value="混合"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="注销状态" label-width="130px" style="width: 100%;" v-if="switchi>1">
							<el-select v-model="cancellationState" placeholder="请选择注销状态" clearable style="width: 100%;">
								<el-option label="未注销" value="未注销"></el-option>
								<el-option label="已注销" value="已注销"></el-option>
							</el-select>
						</el-form-item>
						<el-form-item label="付款状态" label-width="130px" style="width: 100%;" v-if="switchi>1">
							<el-select v-model="paymentState" placeholder="请选择付款状态" clearable style="width: 100%;">
								<el-option label="未付款" value="未付款"></el-option>
								<el-option label="已付款" value="已付款"></el-option>
							</el-select>
						</el-form-item>
					</el-form>
				</div>
				<span slot="footer" class="dialog-footer">
					<el-button type="primary" @click="getList(2)">确 定</el-button>
					<el-button @click="query = false">取 消</el-button>
				</span>
			</el-dialog>
		</div>
		<div class="tk">
			<el-dialog title="预览" :visible.sync="Exconrtl" :modal-append-to-body='false' top="10%" width="50%">
				<div class="toexamine">
					<iframe sandbox="allow-scripts allow-top-navigation allow-same-origin allow-popups" :src="dataurl"
						width="100%" height="100%"></iframe>
				</div>
			</el-dialog>
		</div>
		<!-- 付款记录 -->
		<div class="tk">
			<el-dialog title="付款记录" :visible.sync="payreControl" :modal-append-to-body='false' top="10%" width="50%">
				<div class="WithoutInterval">
					<el-table :data="payrecord" height="500px" :header-cell-style="{background:'#e2e2e2'}" style="width: 100%">
						<el-table-column prop="payAmount" label="付款金额">
						</el-table-column>
						<el-table-column prop="payDate" label="付款时间">
						</el-table-column>
						<el-table-column prop="remarks" label="备注">
						</el-table-column>
						<el-table-column fixed="right" label="操作" width="150">
							<template slot-scope="scope">
								<el-button @click="getdocument(scope.row)" type="text" size="small"
									:disabled='authority==1'>
									查看文件</el-button>
								<el-button @click="deletepayrecord(scope.row)" type="text" size="small"
									:disabled='authority==1' style="color: #FF4500 ;">
									撤销付款</el-button>
							</template>
						</el-table-column>
					</el-table>
				</div>
			</el-dialog>
		</div>
		<!-- 签订协议 -->
		<div v-if="coverControl">
			<SignAcontract @getlist='getList' :strpdetails='strpdetails' :datahouseholdmax='datahousehold'></SignAcontract>
			<div class="cover" @click="coverControl=false,getList()"></div>
		</div>
		<!-- 签订协议 -->
		<div v-if="covercommit">
			<Scommit @getlist='getList' :strpdetails='strpdetails' :datahouseholdmax='datahousehold'></Scommit>
			<div class="cover" @click="covercommit=false,getList()"></div>
		</div>
	</div>
</template>

<script>
	import Tooltip from '../../../assembly/tooltip.vue'
	import fileManage from '../../../assembly/file.vue'
	import agreement from '../../../assembly/agreement.vue'
	import SignAcontract from './SignAcontract.vue'
	import Scommit from './Scommit.vue'
	import {
		number
	} from 'echarts'
	
	export default {
		name: "survey",
		props: ['strpdetails', 'authority'],
		components: {
			fileManage,
			agreement,
			SignAcontract,
			Tooltip,
			Scommit
		},
		data() {
			return {
				payreControl:false,
				payrecord:[],
				
				currentContro:'1',
				//签协议控制
				coverControl: false,
				//签约审核
				ExamineControl: false,
				//付款控制
				covercommit:false,

				vacatedDate: '', //补腾空日期
				cancellationDate: '', //注销日期
				paymentDate: '', //付款日期

				Examine: false,
				defaultOpen: require("../../../../assets/file-plus.png"),
				defaultClose: require("../../../../assets/file-reduce.png"),
				getexaminefile: false,
				fileList: [],
				fileListindex: [],
				defaultProp: {
				 children: 'tree',
					label: 'name',
				},
				dataurl: '',
				getexaminefileid: '',
				//上传错误
				errorControl: false,
				errorData: '',
				//分户
				Visiblebranch: false,
				branchdata: [],
				branchvalue: [],
				branchousehold: false,
				branch: {
					oldHouseholdId: '', //户id
					newHouseholdName: '', //分户户主姓名
					newHouseholdIdCard: '', //分户户主身份证号
					members: [] //转移至新户的家庭成员ID
				},
				branchrules: {
					newHouseholdName: [{
						required: true,
						message: '请输入分户户主姓名',
						trigger: 'blur'
					}],
					newHouseholdIdCard: [{
						required: true,
						message: ' ',
						trigger: 'blur'
					}],
				},

				AgreementIndex: 1, //打印协议的第几个
				// authority:1,

				switchi: 0,
				agreementSigningStatus: '未签约',
				vacateState: '',

				//=====导入======
				exportExcelOneURL: window.sessionStorage.getItem('url') + 'api/auth/householdcx/importExcelOne',
				exportExcelTwoURL: window.sessionStorage.getItem('url') + 'api/auth/householdcx/importExcelTwo',
				exportExcelThreeurl: window.sessionStorage.getItem('url') + 'api/auth/householdcx/importExcelThree',
				exportExcelFourURL: window.sessionStorage.getItem('url') + 'api/auth/householdcx/importExcelFour',
				exportExcelFiveURL: window.sessionStorage.getItem('url') + 'api/auth/householdcx/importExcelFive',
				exportExcelSixURL: window.sessionStorage.getItem('url') + 'api/auth/householdcx/importExcelSix',
				exportExcelNineURL: window.sessionStorage.getItem('url') + 'api/auth/householdcx/importExcelNine',
				tokenData: {
					token: window.sessionStorage.getItem('token')
				},
				householdcxData: {
					projectId: '',
				},
				//=====查询======
				query: false,
				householderName: '', //姓名
				householderIdCard: '', //户主身份证
				flowState: '', //安置方式
				cancellationState: '', //注销状态
				paymentState: '', //付款状态
				page: 1, //页码
				ImportInformation: {}, //征迁户列表

				//新增列表
				addVisible: false,
				addlist: {
					householderName: '',
					householderIdCard: '',
					levyHouseNature: '',
					street: '',
					village: '',
					oldHouseAddress: '',
					locationClassification:''
				},
				addlistrules: {
					householderName: [{
						required: true,
						message: 'x',
						trigger: 'blur'
					}],
					householderIdCard: [{
						required: true,
						message: 'x',
						trigger: 'blur'
					}],
					levyHouseNature: [{
						required: true,
						message: 'x',
						trigger: 'blur'
					}],
					street: [{
						required: true,
						message: ' ',
						trigger: 'blur'
					}],
					village: [{
						required: true,
						message: ' ',
						trigger: 'blur'
					}],
					oldHouseAddress: [{
						required: true,
						message: ' ',
						trigger: 'blur'
					}],
					locationClassification: [{
						required: true,
						message: ' ',
						trigger: 'blur'
					}],
				},
				earth:[],
				//编辑
				sethousehold: false,
				datahousehold: [],
				activeName: '1', //手风琴

				householdindex: 0,
				//户id
				loadFileList: ['被拆迁人家庭人口情况表', '户籍信息', '婚姻状况证明', '家庭成员关系证明', '大中专毕业生入学办理农转非证明', '非农户口未享受过城镇住房保障政策证明', '其他'],
				householdId: '',
				peopledata: [],

				//编辑 新增户
				member: false,
				Demolitions: {
					householdId: '',
					name: '',
					idCard: '',
					relation: '',
					householdNature: '',
					placementWay: '',
					joinHouseholdTime: '',
					houseOwnershipSource: '',
					onlyChild: '',
					marriedNotBearing: '',
					enjoyedWlfSituation: '',
					remarks: '',
					req: '',
				},
				rules: {
					name: [{
						required: true,
						message: '请输入姓名',
						trigger: 'blur'
					}],
					idCard: [{
						required: true,
						message: '请输入身份证号',
						trigger: 'blur'
					}],
					req: [{
						required: true,
						message: '请输入排序',
						trigger: 'blur'
					}]
				},
				options: [{
					label: '是',
					value: 1
				}, {
					label: '否',
					value: 0
				}],

				control: false, //上传文件和备注
				filelist: [],
				Exconrtl: false,
				selectFileName: '',
				selectFileNameUrl:'',
				Reremar: '',
				
				namestreet:[],
			}
		},
		watch: {},
		computed: {
			examineStatus() {
				return (value) => {
					if (value == null) {
						return ' '
					}
					const a = value.split(' ');
					const b = a[0].split('-');
					const nowTime = new Date();
					const oldTime = new Date(b[0], b[1] - 1, b[2]);
					const over = (nowTime - oldTime) / (1000 * 60 * 60 * 24) > 60; //大于3 代表是否大于3天，如果想判断30天就把3改成30
					return over
				}
			}
		},
		mounted() {
			if (!this.$route.query.projectId) {
				this.householdcxData.projectId = this.strpdetails.bussiness.id
			}
			// console.log(this.strpdetails.bussiness.street)
			this.getList()
			this.earth=this.strpdetails.bussiness.sectionGradeParamOne.split(",")
				if(this.earth.length==1){
					this.addlist.locationClassification=this.earth[0]
				}
		},
		methods: {
			//获取签订记录
			getdocument(row){
					  this.$http.get('api/auth/file/fileList?type=' + 2 + '&id=' + row.householdId, null).then((res) => {
					    if (res.status == 200 && res.data.code == 0) {
							this.fileListindex = res.data.list
							var data=[]
							if(this.fileListindex){
								this.fileListindex.forEach((item,index)=>{
									if(item.empty==false){
										if(item.name=='3、审批后资料'){
											item.tree.forEach((nale,ixde)=>{
												if(nale.name=='3、打款凭证'){
													nale.tree.forEach((nana,ixde)=>{
														if(nana.name==row.id){
															data[0]=nana
														}
													})
												}
											})
										}
									}
								})
							}
							this.fileListindex=data
							this.Examine=true
						} else {
					      this.$message.error("查找文件列表失败!");
					    }
					});
			},
			//撤销付款记录
			deletepayrecord(row){
				this.$http.get('api/auth/payrecord/cancelPay?id='+row.id,null).then((res) => {
					if (res.status == 200 && res.data.code == 0) {
						this.getPayrecord(row.householdId)
						this.getList()
						this.$message.success('撤销付款成功!');
					} else {
						this.$message.error("撤销付款失败!");
					}
				})
			},
			//获取付款记录
			getPayrecord(row){
					this.$http.get('api/auth/payrecord/list?householdId='+row,null).then((res) => {
						if (res.status == 200 && res.data.code == 0) {
							this.payreControl=true
							this.payrecord=res.data.list
						} else {
							this.$message.error("获取失败!");
						}
					})
			},
			//获取街道对应街道前缀
			getStrtte(){
				this.$http.get('api/auth/householdprefix/list?projectId='+this.strpdetails.bussiness.id,null).then((res) => {
					if (res.status == 200 && res.data.code == 0) {
						var data=res.data.list
						data.forEach((iten,index)=>{
							data[index].limit=true
						})
						this.getnameSterrt(data)
					} else {
						this.$message.error("获取失败!");
					}
				})
			},
			getnameSterrt(row){
				this.$http.get('api/v1/pri/userInfo', null).then((res) => {
					if (res.status == 200 && res.data.code == 0) {
						if(res.data.user.street){
							this.addVisible=true
							var data=res.data.user.street.split(",")
							row.forEach((item)=>{
								data.forEach((iten)=>{
								if(item.street==iten){
									this.namestreet.push(iten)
									}
								})
							})
							if(this.namestreet.length==1){
								this.addlist.street=this.namestreet[0]
							}
						}else{
							this.$message.error('请先把账号绑定街道!');
						}
					} else {
						this.$message.error('失败!');
					}
				})
			},
			//房屋性质选中非住宅安置方式只有货币
			PlacementSelect(){
				if(this.datahousehold.levyHouseNature=='非住宅'){this.datahousehold.placementWay="货币"}
			},
			getfileList(i) {
				if (i.tree.length != 0) {
					this.fileListindex = []
					this.fileListindex.push(i)
					this.dataurl = ''
					this.Examine = true
				} else {
					this.$message.error("暂无文件!");
				}
			},
			//审核
			VacateExamine() {
				var data = this.getexaminefileid
				for(var i=0;i<this.fileList.length;i++){
					if(this.fileList[i].tree.length==0){
						this.$message.error("请先补充完整资料!")
						return
					}
				}
				if (data.publicityOneState != '已公示') {
					this.$message.error("请先进行房屋评估公示!")
					return
				} else if (data.publicityTwoState != '已公示') {
					this.$message.error("请先进行安置情况公示!")
					return
				}
				
				data.signingReviewState = '已审核'
				data.projectId = this.strpdetails.bussiness.id,
					this.$http.post('api/auth/householdcx/update', data).then((res) => {
						if (res.status == 200 && res.data.code == 0) {
							this.getList()
							this.ExamineControl = false;
							this.$message.success('审核成功!');
						} else {
							this.$message.error("审核失败!");
						}
					})
			},
			getgetexaminefile(row) {
				this.getexaminefileid = row
				this.$http.get('api/auth/file/fileList?type=' + 2 + '&id=' + row.id, null).then((res) => {
					if (res.status == 200 && res.data.code == 0) {
						 this.fileList = res.data.list
						 var data=[]
						 var dataindex=true
						 if (this.fileList) {
						 	this.fileList.forEach((item, index) => {
						 		if (item.empty == false) {
									if(item.name=='1、审批前资料'){
										data=item.tree
										data.forEach((nale, ixde) => {
											if(!nale.tree){
												nale.tree=[]
											}
											if(nale.name=='4、生产经营用房面积核定表'){
												if(!row.businessHouseArea){
													dataindex=ixde
												}
											}
										})
									}
								}
						 	})
						 }
						 if(dataindex!=true){
							 data.splice(dataindex,1)
						 }
						 this.fileList = data
					} else {
						this.$message.error("查找文件列表失败!");
					}
				});
			},
			// 树节点点击
			nodeClic(val) {
				if (val.tree) {
			  val.empty = !val.empty
					return;
			 }
				var data = new FormData;
				data.append("downloadFileUri", val.url);
				data.append("id", this.getexaminefileid.id);
				data.append("type", 2);
				this.$http.post('api/auth/file/download', data, {
					responseType: 'blob'
				}).then((res) => {
			  if (res.headers['content-type'] == "application/octet-stream;charset=utf-8" || res.headers[
							'content-type'] == "application/octet-stream;charset=UTF-8") {
						//此处有个坑。这里用content保存文件流，最初是content=res，
						//检查了下才发现，后端对文件流做了一层封装，所以将content指向res.data即可
						//另外，流的转储属于浅拷贝，所以此处的content转储仅仅是便于理解，并没有实际作用=_=
						const content = res.data
						const type = {
							xml: 'text/xml',
							zip: 'application/zip',
							doc: 'application/msword',
							bin: 'application/octet-stream',
							exe: 'application/octet-stream',
							so: 'application/octet-stream',
							dll: 'application/octet-stream',
							pdf: 'application/pdf',
							ai: 'application/postscript',
							xls: 'application/vnd.ms-excel',
							ppt: 'application/vnd.ms-powerpoint',
							dir: 'application/x-director',
							js: 'application/x-javascript',
							swf: 'application/x-shockwave-flash',
							xhtml: 'application/xhtml+xml',
							xht: 'application/xhtml+xml',
							mid: 'audio/midi',
							midi: 'audio/midi',
							mp3: 'audio/mpeg',
							rm: 'audio/x-pn-realaudio',
							rpm: 'audio/x-pn-realaudio-plugin',
							wav: 'audio/x-wav',
							bmp: 'image/bmp',
							gif: 'image/gif',
							jpeg: 'image/jpeg',
							jpg: 'image/jpeg',
							png: 'image/png',
							css: 'text/css',
							html: 'text/html',
							htm: 'text/html',
							txt: 'text/plain',
							xsl: 'text/xml',
							mpeg: 'video/mpeg',
							mpg: 'video/mpeg',
							avi: 'video/x-msvideo',
							movie: 'video/x-sgi-movie',
							xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
						}
			  	const blob = new Blob([content], { // 关键代码
							type: type[val.url.split('.').pop().toLowerCase()]
						}) //构造一个blob对象来处理数据
						this.dataurl = window.URL.createObjectURL(blob)
					}
				});
			},
			//分户
			account(formName) {
				this.$refs[formName].validate((valid) => {
					if (valid) {
						this.branch.members = this.branchvalue
						this.$http.post('api/auth/householdcx/householdSplit', this.branch).then((res) => {
							if (res.status == 200 && res.data.code == 0) {
								this.$message.success('分户成功!');
								this.getList()
								this.branchvalue = []
								this.branch.newHouseholdName = ''
								this.branch.newHouseholdIdCard = ''
								// this.Visiblebranch=false
								this.branchousehold = false
							} else {
								this.$message.error("分户失败!");
							}
						});
					} else {
						return false;
					}
				});
			},
			//选中列表
			Checkbranch(row) {
				if (row) {
					this.branch.oldHouseholdId = row.id
				}
			},
			async brade() {
				if (this.branch.oldHouseholdId != '') {
					this.branchdata = []
					await this.gethousehoid(this.branch.oldHouseholdId)
					// if(this.branch.oldHouseholdId.length>1){this.$message.error("此户不能进行分户!");return}
					for (let i = 0; i < this.peopledata.length; i++) {
						this.branchdata.push({
							key: this.peopledata[i].id,
							label: this.peopledata[i].name,
					  // label:this.peopledata[i].name+'-'+this.peopledata[i].idCard,
							disabled: false
						});
					}
					this.branchousehold = true
				} else {
					this.$message.error("请选择户!");
				}
			},
			getList(row) {
				if (row == 1) {
					this.coverControl = false
				} else if (row == 2) {
					this.query = false
				}else if(row==3){
					this.covercommit=false
				}
				var url
				if (this.$route.query.projectId) {
					url = 'api/auth/householdcx/problemlist'
				} else {
					url = 'api/auth/householdcx/list'
				}
				this.$http.get(`${url}?projectId=` + this.strpdetails.bussiness.id + '&page=' + this.page + '&list=' + 10 +
					'&agreementSigningStatus=' + this.agreementSigningStatus + '&vacateState=' + this.vacateState +
					'&householderName=' + this.householderName + '&placementWay=' + this.flowState +
					'&householderIdCard=' + this.householderIdCard + '&cancellationState=' + this.cancellationState +
					'&paymentState=' + this.paymentState, null).then((res) => {
					if (res.status == 200 && res.data.code == 0) {
						this.ImportInformation = res.data.page
					} else {
						this.$message.error("提交失败!");
					}
				});
			},
			//腾空
			Vacate() {
				var data = this.getexaminefileid
				if (this.selectFileName == '腾房') {
					if (this.filelist.tree.length == 0) {
						this.$message.error("请上传资料!");
						return
					}
					if (this.vacatedDate == '') {
						this.$message.error("请填写腾房日期!");
						return
					}
					data.vacateState = '已腾房'
					data.vacateRemarks = this.Reremar
					data.vacatedDate = this.vacatedDate
				} else if (this.selectFileName == '注销') {
					if (this.cancellationDate == '') {
						this.$message.error("请填写注销日期!");
						return
					}
					data.cancellationState = '已注销'
					data.cancellationRemarks = this.Reremar
					data.cancellationDate = this.cancellationDate
				} else if (this.selectFileName == '付款') {
					if (this.filelist.tree.length == 0) {
						this.$message.error("请上传资料!");
						return
					}
					if (this.paymentDate == '') {
						this.$message.error("请填写付款日期!");
						return
					}
					data.paymentState = '已付款'
					data.paymentRemarks = this.Reremar
					data.paymentDate = this.paymentDate
				}
				data.projectId = this.strpdetails.bussiness.id,
					this.$http.post('api/auth/householdcx/update', data).then((res) => {
						if (res.status == 200 && res.data.code == 0) {
							this.control = false
							this.getList()
							this.$message.success(this.selectFileName + '成功!');
						} else {
							this.$message.error("失败!");
						}
					})
			},
			//撤销签顶
			From(row) {
				this.datahousehold = row
				this.datahousehold.projectId = this.strpdetails.bussiness.id,
					this.datahousehold.agreementSigningStatus = '未签约'
				this.datahousehold.signingProgress = '完成'
				this.$confirm('确定要撤销签订吗？').then(_ => {
					this.$http.post('api/auth/householdcx/update', this.datahousehold).then((res) => {
						if (res.status == 200 && res.data.code == 0) {
							this.getList()
							this.$message.success('撤销成功!');
						} else {
							this.$message.error("撤销失败!");
						}
					})
				})
			},
			// 页码
			handleCurrentChange(val) {
				this.page = val;
				this.getList();
			},
			//新增
			addhousehold(addlist) {
				// var data = {
				// 	householderName: this.addname,
				// 	projectId: this.strpdetails.bussiness.id
				// }
				this.$refs[addlist].validate((valid) => {
					if (valid) {
						this.addlist.projectId = this.strpdetails.bussiness.id
						this.$http.post('api/auth/householdcx/save', this.addlist).then((res) => {
							if (res.status == 200 && res.data.code == 0) {
								for (let key in this.addlist) {
									this.addlist[key] = ''
								}
								this.getList()
								this.addVisible = false
								this.$message.success('添加成功!');
							} else {
								this.$message.error("添加失败!");
							}
						})
					} else {
						return false;
					}
				});
			},
			//删除
			smallhouseholdcx(row) {
				var data = []
				data.push(row.id)
				this.$confirm('确定要删除该拆迁户吗？').then(_ => {
					this.$http.post("api/auth/householdcx/delete", data).then((res) => {
						if (res.status == 200 && res.data.code == 0) {
							this.getList()
							this.$message.success("删除成功!");
						} else {
							this.$message.error("删除失败!");
						}
					});
				})
			},
			// 导出模板
			exportdata(row) {
				var url = row + '?projectId=' + this.strpdetails.bussiness.id
				this.$http.get(url, {
					responseType: 'blob'
				}, null).then((res) => {
					var name = res.headers['content-disposition']
					var index = res.headers['content-disposition'].lastIndexOf("=");
					name = decodeURIComponent(name.substring(index + 6, name.length))
					if (res.headers['content-type'] == "application/octet-stream;charset=utf-8" || res.headers[
							'content-type'] == "application/octet-stream;charset=UTF-8") {
						const content = res.data
						const blob = new Blob([content], {
							type: res.data.type
						}) //构造一个blob对象来处理数据
						const fileName = name
						if ('download' in document.createElement('a')) { //支持a标签download的浏览器
							const link = document.createElement('a') //创建a标签
							link.download = fileName //a标签添加属性
							link.style.display = 'none'
							link.href = URL.createObjectURL(blob)
							document.body.appendChild(link)
							link.click() //执行下载
							URL.revokeObjectURL(link.href) //释放url
							document.body.removeChild(link) //释放标签
						} else { //其他浏览器
							navigator.msSaveBlob(blob, fileName)
						}
					} else {
						this.$message.error('下载文件失败!');
					}
				})
			},
			//导入数据成功后操作
			householdcxSucces(res) {
				if (res.code == 0) {
					this.$message.success('导入成功!');
					this.getList()
				} else if (res.errorMsgs) {
					// this.$message.error(res.errorMsgs);
					this.errorData = res.errorMsgs
					this.errorControl = true
				} else {
					this.$message.error(res.msg);
				}
			},
			edititem(row) {
				this.activeName = '1'
				this.householdindex = 0
				this.sethousehold = true
				this.datahousehold = JSON.parse(JSON.stringify(row))
				this.householdId = row.id
				this.gethousehoid(row.id)
			},
			//获取家庭成员
			async gethousehoid(row) {
				await this.$http.get('api/auth/householdMember/list?householdId=' + row, null).then((res) => {
					if (res.status == 200 && res.data.code == 0) {
						this.peopledata = res.data.list
					} else {
						this.$message.error("获取失败!");
					}
				})
			},
			// 家庭成员编辑
			updateProject(row) {
				this.member = true
				this.Demolitions = JSON.parse(JSON.stringify(row))
			},
			//修改征迁信息确定按钮
			edithousehold() {
				this.sethousehold = false;
				this.datahousehold.projectId = this.strpdetails.bussiness.id,
					this.$http.post('api/auth/householdcx/update', this.datahousehold).then((res) => {
						if (res.status == 200 && res.data.code == 0) {
							this.getList()
							this.$message.success('修改成功!');
						} else {
							this.$message.error("修改失败!");
							this.getList()
						}
					})
			},
			// 家庭成员删除
			deleteProject(row) {
				var data = []
				data.push(row.id)
				this.$confirm('确定要删除吗？').then(_ => {
					this.$http.post('api/auth/householdMember/delete', data).then((res) => {
						if (res.status == 200 && res.data.code == 0) {
							this.gethousehoid(this.householdId)
							this.$message.success('删除成功');
						} else {
							this.$message.error("删除失败!");
						}
					})
				});
			},
			// 获取文件
			getfile() {
				this.$nextTick(res => {
					this.$refs.file.getList();
				})
			},
			empty() {
				this.member = true
				Object.keys(this.Demolitions).forEach(key => (this.Demolitions[key] = ''));
			},
			// 新增 编辑户
			determine(formName) {
				this.$refs[formName].validate((valid) => {
					if (valid) {
						if (!this.Demolitions.id) {
							this.Demolitions.householdId = this.householdId
							this.$http.post('api/auth/householdMember/save', this.Demolitions).then((res) => {
								if (res.status == 200 && res.data.code == 0) {
									this.member = false
									this.$message.success('新增成功');
									this.gethousehoid(this.householdId)
								} else {
									this.$message.error("新增失败!");
								}
							})
						} else {
							this.$http.post('api/auth/householdMember/update', this.Demolitions).then((res) => {
								if (res.status == 200 && res.data.code == 0) {
									this.member = false
									this.gethousehoid(this.householdId)
									this.$message.success('修改成功');
								} else {
									this.$message.error("修改失败!");
								}
							})
						}
					} else {
						return false;
					}
				});
			},
			operation(res, red) {
				this.Reremar=''
				this.getexaminefileid = res
				this.selectFileName = red
				if(red=='腾房'){
					this.selectFileNameUrl='3、审批后资料\\3、腾房凭证'
				}else if(red=='注销'){
					this.selectFileNameUrl='3、审批后资料\\4、注销凭证'
				}
				this.getfilelist()
				this.control = true
			},
			getfilelist() {
				this.$http.get('api/auth/file/fileList?type=' + 2 + '&id=' + this.getexaminefileid.id, null).then((
				res) => {
					if (res.status == 200 && res.data.code == 0) {
						this.filelist = res.data.list
						var data = [{
							name: this.selectFileName + '资料',
							empty: false,
							type: "folder",
							url: this.selectFileNameUrl,
							tree: []
						}, ]
						if (this.filelist) {
							this.filelist.forEach((item, index) => {
								if (item.empty == false) {
									if(item.name=='3、审批后资料'){
										item.tree.forEach((nale,ixde)=>{
											if(nale.url==data[0].url){
												data[0].tree=nale.tree
											}
										})
									}
								}
							})
						}
						this.filelist = data[0]
					} else {
						this.$message.error("查找文件列表失败!");
					}
				});
			},
			// 上传文件
			handleChang(file) {
				let that = this;
				let formData = new FormData();
				formData.append('file', file.raw);
				formData.append('type', 2);
				formData.append('id', this.getexaminefileid.id);
				formData.append('destfolder', this.selectFileNameUrl);
				that.$http.post('api/auth/file/upload', formData).then((res) => {
					if (res.status == 200 && res.data.code == 0) {
						that.$message.success("上传文件成功!");
						this.getfilelist();
					} else {
						that.$message.error("上传文件失败!");
					}
				});
			},
			//删除文件
			deleteFile(item) {
				var data = new FormData;
				data.append("delFileUri", item.url);
				data.append("id", this.getexaminefileid.id);
				data.append("type", 2);
				this.$confirm('确定要删除该文件吗？').then(_ => {
					this.$http.post('api/auth/file/removeFile', data).then((res) => {
						if (res.status == 200 && res.data.code == 0) {
							this.$message.success('删除该文件成功!');
							this.getfilelist();
						} else {
							this.$message.error('删除该文件失败!');
						}
					})
				})
			}
		}
	}
</script>

<style scoped lang="less">
	//签约审核
	.indexControl {
		.indexControl-ont {
			.indexControl-ont-title {
				font-size: 14px;
				color: #999999;
				margin: 10px 0;
			}

			ul {
				display: flex;
				flex-wrap: wrap;

				li {
					cursor: pointer;
					width: 23%;
					margin: 0 1%;
					margin-bottom: 10px;

					div {
						// width: 60px;
						text-align: center;

						// margin: 0 auto;
						div {
							width: 55px;
							height: 55px;
							// background-color: #FA922E;
							margin: 0 auto;
						}

						span {
							text-align: center;
							margin-bottom: 5px;
							display: block;
						}

						.tooltip-wrap {
							margin: 0 2px;
							overflow: hidden;
							text-overflow: ellipsis;
							word-break: break-all;
							font-size: 14px;
							display: inline-block;
							display: -webkit-box !important;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;
						}

						.tooltip-wrap span {
							/*   line-height: 1px; */
							display: initial;
							white-space: break-spaces;
						}

						p {
							margin: 0 auto;
							width: 60px;
							color: #fff;
							background-color: #55bf9c;
							border-radius: 5px;
						}
					}
				}
			}
		}
	}

	.toexamine {
		width: 100%;
		height: 500px;

		// min-height: 500px;
		.nrya {
			width: 100%;
			height: 100%;
			display: flex;

			.rt-nr {
				width: 30%;
				height: 100%;
				overflow: auto;

				/* // 将每一行的设置为相对定位 方便后面before after 使用绝对定位来固定位置 */
				/deep/.el-tree .el-tree-node {
					position: relative;
					padding-left: 10px;
				}

				/* // 子集像右偏移 给数线留出距离 */
				/deep/.el-tree .el-tree-node__children {
					padding: 10px 0 0 30px !important;
				}

				/* //这是竖线 */
				/deep/.el-tree .el-tree-node :last-child:before {
					height: 40px;
				}

				/deep/.el-tree .el-tree>.el-tree-node:before {
					border-left: none;
				}

				/deep/.el-tree .el-tree>.el-tree-node:after {
					border-top: none;
				}

				/* //这自定义的线 的公共部分 */
				/deep/.el-tree .el-tree-node:before,
				/deep/.el-tree-node:after {
					content: "";
					left: -4px;
					position: absolute;
					right: auto;
					border-width: 1px;
				}

				/deep/.el-tree .tree :first-child .el-tree-node:before {
					border-left: none;
				}

				/* // 竖线 */
				/deep/.el-tree .el-tree-node:before {
					border-left: 1px solid #b5b5b5;
					bottom: 0px;
			 	height: 100%;
			  top: -25px;
					width: 1px;
				}

				/* //横线 */
				/deep/.el-tree .el-tree-node:after {
					border-top: 1px solid #b5b5b5;
					height: 20px;
					top: 14px;
					width: 24px;
				}

				/deep/.el-tree .el-tree-node__expand-icon.is-leaf {
			  width: 8px;
				}

				/* //去掉elementui自带的展开按钮  一个向下的按钮,打开时向右 */
				/deep/.el-tree .el-tree-node__content>.el-tree-node__expand-icon {
					display: none;
				}

				/deep/ .el-tree-node__content {
			 	padding-left: 0px !important;
				}

				/* //每一行的高度 */
				/deep/.el-tree>div:before {
					display: none;
				}

				/deep/.el-tree>div:after {
					display: none;
				}

				/deep/.el-tree-node.is-expanded>.el-tree-node__children {
					padding: 10px 0 0 30px !important;
				}

				.fbtn {
					color: #aaa;
					font-size: 12px;
					display: none !important;
					margin: 0 2%;
				}

				.custom-tree-node:hover .fbtn {
			  display: inline !important;
				}

				.tooltip-wrap {
					margin: 0 2px;
			 	max-width: 59%;
			  overflow: hidden;
					text-overflow: ellipsis;
					word-break: break-all;
					font-size: 14px;
					display: inline-block;
					display: -webkit-box !important;
					-webkit-line-clamp: 1;
			 	-webkit-box-orient: vertical;

					span {
						line-height: 1px;
						display: initial;
						white-space: break-spaces;
					}
				}
			}

			.rt-nt {
				width: 70%;
				height: 100%;

				iframe {
			  border: 1px solid #ccc;
					box-sizing: border-box;
				}
			}
		}
	}

	.relocate {
		width: 100%;
		height: 100%;
		font-size: 14px;

		.relocate-top {
			height: 45px;
			border-bottom: 1px solid #dedede;
			display: flex;
			padding-left: 10px;

			div {
				height: 44px;
				line-height: 44px;
				margin: 0 20px;
				font-size: 16px;
				color: #999;
				font-weight: 500;
				cursor: pointer;
			}

			.LeftCheck {
				border-bottom: 2px solid #167aa1;
				color: #072a38;
			}
		}

		.relocate-name {
			width: 100%;
			height: calc(100% - 45px);

			.relocate-name-one {
				width: 100%;
				height: 100%;
				padding: 20px 30px;
				box-sizing: border-box;
				overflow-y: auto;
				overflow-x: hidden;

				& {
					scrollbar-width: thin;
					scrollbar-color: #c1c1c1 #eee;
				}

				&::-webkit-scrollbar {
					width: 6px;
					background-color: #eee;
				}

				&::-webkit-scrollbar-thumb {
					background-color: #c1c1c1;

					&:hover {
						background-color: #a8a8a8;
					}

					&:active {
						background-color: #787878;
					}
				}

				.relocate-name-one-top {
					display: flex;
					margin-bottom: 20px;

					.relocate-name-one-top-left {
						width: 60%;
						height: 40px;
						display: flex;

						div {
							display: flex;
							margin-right: 20px;

							span {
								width: 80px;
								height: 40px;
								line-height: 40px;
								display: block;
								text-align: right;
								font-size: 14px;
								color: #4b4b4b;
							}

							.el-input {
								margin: 0;
								width: calc(100% - 80px);
							}

							&:nth-child(1) .el-input {
								width: calc(100% - 42px);
							}

							&:nth-child(1) span {
								width: 42px;
							}
						}

						.button-background {
							margin-left: 20px;

							.el-button {
								border-radius: 6px;
							}
						}
					}

					.relocate-name-one-top-right {
						width: 40%;
						height: 40px;

						ul {
							display: flex;
							justify-content: flex-end;

							li {
								cursor: pointer;
								width: 90px;
								line-height: 40px;
								text-align: center;
								border: 1px solid #dedede;
								border-radius: 8px;
								margin-left: 20px;

								i {
									font-size: 19px;
									color: #47a1c4;
								}

								span {
									color: #707070;
								}
							}
						}
					}
				}

				.relocate-name-one-tow {
					width: 100%;
					height: 566px;
					border: 1px solid #dedede;

					/deep/.WithoutInterval {
						.el-table th.el-table__cell.is-leaf {
							background-color: #dedede;
						}

						.el-table__body-wrapper {
							scrollbar-width: thin;
							scrollbar-color: #c1c1c1 #eee;
						}

						.el-table__body-wrapper::-webkit-scrollbar {
							width: 6px;
							background-color: #eee;
						}

						.el-table__body-wrapper::-webkit-scrollbar-thumb {
							background-color: #c1c1c1;

							&:hover {
								background-color: #a8a8a8;
							}

							&:active {
								background-color: #787878;
							}
						}
					}
				}
			}
		}

		.cover {
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 10;
			background-color: #00000070;
			cursor: pointer;
		}
	}

	.el-dropdown-menu__item {
		span {
			width: 100%;
			height: 100%;
			display: block;
			text-align: center;
		}

		/deep/ .el-upload {
			width: 100%;
		}
	}

	.tc-middle {
		.arrr {
			border: 1px solid #0000003d;
			border-top: none;
		}

		/deep/.el-collapse {
			border-top: none;
		}

		/deep/.el-collapse-item__header {
			color: #707070;
			// border-bottom: 1px solid #e4e7ed;
			border-top: 1px solid #0000003d;
			font-size: 16px;
			padding: 0 10px;
			background-color: #eaeaea;
		}

		/deep/.is-active {
			background-color: #dadada;
			color: #439dc1;
		}

		/deep/.el-collapse-item__header:hover {
			background-color: #dadada;
			color: #439dc1;
		}

		/deep/.el-collapse-item__wrap {
			border: 1px solid #EBEEF5;
		}

		.tc-middle-add {
			display: flex;
			justify-content: space-between;

			.el-button {
				height: 28px;
				margin: 15px 0;
			}
		}
	}

	.agreement {
		width: 100%;
		height: calc(100% - 112px);
		display: flex;

		.agreement-lest {
			width: 190px;
			height: 100%;

			.PlanningLibrary-left {
				height: 100%;
				width: 190px;
				min-width: 150px;
				background: #fff;
				// box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.25);
				border-right: 1px solid #dedede;

				.PlanningLibrary-left-top {
					background-color: #E6E6E6;
					height: 40px;
					padding: 7px;
					box-sizing: border-box;

					.PlanningLibrary-left-top-right {
						display: flex;
						height: 26px;

						i {
							font-size: 24px;
							color: #167AA1;
							margin-right: 5px;
							line-height: 26px;
						}

						span {
							color: #167AA1;
							font-size: 16px;
							display: table-cell;
							vertical-align: middle;
						}
					}
				}

				.PlanningLibrary-left-data {
					box-sizing: border-box;

					ul {
						li {
							cursor: pointer;
							color: #6f6f6f;
							font-size: 14px;
							height: 36px;
							line-height: 36px;
							padding: 0 16px;
							overflow: hidden;
							display: -webkit-box !important;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;

							i {
								color: #F7C800;
								margin-right: 2px;
							}
						}
					}
				}

				//选中背景色
				.Check {
					background-color: #167aa1;
					color: #fff !important;
				}
			}
		}

		.agreement-right {
			width: calc(100% -190px);
			height: 100%;
			padding: 20px;
			box-sizing: border-box;
			overflow-y: auto;
		}
	}

	.branch {
		/deep/.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__inner {
			display: none;
		}

		/deep/.el-button--primary {
			background-color: #47A1C4;
			border: 1px solid #47A1C4;
		}

		/deep/.is-disabled {
			background-color: #47A1C498;
			border: 1px solid #47A1C4;
		}

		/deep/.el-checkbox__input.is-checked .el-checkbox__inner {
			background-color: #47a1c4;
			border-color: #47a1c4;
		}

		/deep/.el-checkbox__label {
			color: #47a1c4;
		}

		/deep/.el-checkbox__label:hover {
			color: #47a1c4;
		}
	}

	.operation {
		width: 100%;
		height: 425px;

		.branch {
			width: 100%;
			height: calc(100% - 40px);
			overflow-y: auto;

			.Upload-butom-ont {
				width: 100%;

				.Upload-butom-tow {
					width: 100%;
					height: 40px;
					display: flex;

					h3 {
						color: #439dc1;
						margin: 15px 0;
						line-height: 10px;

						&::before {
							content: "*";
							color: #f56c6c;
							margin-right: 5px;
						}
					}
				}

				.tc-middle-add {
					h3 {
						color: #439dc1;
						margin: 15px 0;

						&::before {
							content: "*";
							color: rgba(0, 0, 0, 0);
							margin-right: 5px;
						}
					}

					.apse {
						&::before {
							content: "*";
							color: #f56c6c;
							margin-right: 5px;
						}
					}
				}

				.tc-middle-name {
					width: 100%;
					flex-wrap: wrap;

					ul {
						width: 100%;
						display: flex;
						flex-wrap: wrap;

						li {
							width: 100px;
							height: 110px;
							cursor: pointer;
							margin: 10px;
							margin-bottom: 0;
							position: relative;
							border: 1px solid #dedede;
							border-radius: 10px;
							padding: 10px;
							box-sizing: border-box;

							&:hover {
								i {
									display: block;
								}
							}

							i {
								position: absolute;
								top: -9px;
								right: -9px;
								color: #FF4500;
								font-size: 25px;
								display: none;
							}

							img {
								width: 55px;
								margin: 0 auto;
								display: block;
							}

							div {
								width: 100%;
								display: block;
								text-align: center;
								color: #5e5e5e;
								margin: 2px;
								margin-top: 8px;
								overflow: hidden;
								text-overflow: ellipsis;
								word-break: break-all;
								font-size: 14px;
								display: inline-block;
								display: -webkit-box !important;
								-webkit-line-clamp: 1;
								-webkit-box-orient: vertical;

								span {
									display: initial;
									white-space: break-spaces;
								}
							}

							.add {
								width: 100%;
								height: 100%;

								.add-top {
									margin: 0 auto;
									width: 80%;
									height: 60%;
									border: 2px dotted #c6c6c6;
									border-radius: 5px;
									position: relative;

									span {
										display: inline;
										position: absolute;
										top: calc(50% - 15px);
										left: calc(50% - 15px);
										font-size: 30px;
										color: #bbb;
									}
								}

								.add-buttom {
									color: #5e5e5e;
								}
							}
						}
					}
				}
			}
		}
	}
</style>