diff --git a/src/views/modules/lingshan/shzl/wgy/cpts/edit.vue b/src/views/modules/lingshan/shzl/wgy/cpts/edit.vue
new file mode 100644
index 0000000..2e6130b
--- /dev/null
+++ b/src/views/modules/lingshan/shzl/wgy/cpts/edit.vue
@@ -0,0 +1,1728 @@
+<template>
+	<div>
+		<div class="dialog-h-content scroll-h">
+			<el-form
+				ref="ref_form"
+				:inline="true"
+				:model="fmData"
+				:rules="dataRule"
+				:disabled="formType === 'detail'"
+				class="m-fm"
+			>
+				<div class="group">
+					<h3>基本信息</h3>
+
+					<div class="row">
+						<el-form-item
+							label="姓名	"
+							prop="name"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入人员姓名"
+								v-model="fmData.name"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="身份证号"
+							prop="idCard"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入人员身份证号"
+								v-model="fmData.idCard"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="特殊人群类别	"
+							prop="specialType"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="fmData.specialType"
+								placeholder="请选择"
+								multiple
+								clearable
+							>
+								<el-option
+									v-for="item in specialTypeOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="头像"
+							prop="headPhoto"
+							label-width="120px"
+						>
+							<el-upload
+								:headers="$getElUploadHeaders()"
+								:class="[
+									'avatar-uploader',
+									{ 'z-hide': headPhotoList.length > 0 },
+								]"
+								ref="uploadPic"
+								:action="uploadUlr"
+								list-type="picture-card"
+								:on-exceed="exceedPic"
+								:on-remove="removePic"
+								:file-list="headPhotoList"
+								:on-change="handleEditChange"
+								:on-success="handleSuccess"
+								:multiple="false"
+								:limit="1"
+							>
+								<i
+									class="el-icon-plus avatar-uploader-icon"
+								></i>
+							</el-upload>
+						</el-form-item>
+
+						<el-form-item
+							v-if="fmData.genderZh"
+							label="性别"
+							prop="genderZh"
+							label-width="120px"
+						>
+							<span class="s-w1">{{ fmData.genderZh }}</span>
+						</el-form-item>
+						<el-form-item
+							label="民族"
+							v-if="fmData.nation"
+							prop="nation"
+							label-width="120px"
+						>
+							<span class="s-w1">{{ fmData.nation }}</span>
+						</el-form-item>
+						<el-form-item
+							label="出生年月"
+							v-if="fmData.birthday"
+							prop="birthday"
+							label-width="120px"
+						>
+							<span class="s-w1">{{ fmData.birthday }}</span>
+						</el-form-item>
+						<el-form-item
+							label="户籍地"
+							v-if="fmData.domicilePlace"
+							prop="domicilePlace"
+							label-width="120px"
+						>
+							<span class="s-w1">{{ fmData.domicilePlace }}</span>
+						</el-form-item>
+						<el-form-item
+							label="手机号"
+							v-if="fmData.mobile"
+							prop="mobile"
+							label-width="120px"
+						>
+							<span class="s-w1">{{ fmData.mobile }}</span>
+						</el-form-item>
+						<el-form-item
+							label="家庭住址"
+							v-if="fmData.address"
+							prop="address"
+							label-width="120px"
+						>
+							<span class="s-w1">{{ fmData.address }}</span>
+						</el-form-item>
+					</div>
+				</div>
+
+				<div
+					class="group"
+					v-if="fmData.specialType.indexOf('anzhibangjiao') != -1"
+				>
+					<h3>安置帮教</h3>
+					<div class="row">
+						<el-form-item
+							label="原罪名"
+							prop="specialCrowdDetails.anzhibangjiao.originalCharge"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入原罪名"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.originalCharge
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="释放日期"
+							label-width="120px"
+							prop="specialCrowdDetails.anzhibangjiao.releaseDate"
+						>
+							<el-date-picker
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.releaseDate
+								"
+								value-format="yyyy-MM-dd"
+								clearable
+							>
+							</el-date-picker>
+						</el-form-item>
+
+						<el-form-item
+							label="原判刑期"
+							label-width="120px"
+							prop="specialCrowdDetails.anzhibangjiao.originPrisonTerm"
+						>
+							<el-date-picker
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.originPrisonTerm
+								"
+								value-format="yyyy-MM-dd"
+								clearable
+							>
+							</el-date-picker>
+						</el-form-item>
+
+						<el-form-item
+							label="是否累犯"
+							prop="specialCrowdDetails.anzhibangjiao.recidivismFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.recidivismFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="是否安置"
+							prop="specialCrowdDetails.anzhibangjiao.emplacementFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.emplacementFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="安置日期"
+							label-width="120px"
+							prop="specialCrowdDetails.anzhibangjiao.emplacementDate"
+						>
+							<el-date-picker
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.emplacementDate
+								"
+								value-format="yyyy-MM-dd"
+								clearable
+							>
+							</el-date-picker>
+						</el-form-item>
+
+						<el-form-item
+							label="安置帮教情况"
+							prop="specialCrowdDetails.anzhibangjiao.emplacementInfo"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								type="textarea"
+								maxlength="1000"
+								show-word-limit
+								:rows="3"
+								placeholder="请输入安置帮教情况，不超过200字"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.emplacementInfo
+								"
+							></el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="是否注销"
+							prop="specialCrowdDetails.anzhibangjiao.canceledFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.canceledFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="注销原因"
+							prop="specialCrowdDetails.anzhibangjiao.canceledReason"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								type="textarea"
+								maxlength="1000"
+								show-word-limit
+								:rows="3"
+								placeholder="请输入注销原因，不超过200字"
+								v-model="
+									fmData.specialCrowdDetails.anzhibangjiao
+										.canceledReason
+								"
+							></el-input>
+						</el-form-item>
+					</div>
+				</div>
+
+				<div
+					class="group"
+					v-if="fmData.specialType.indexOf('jiedurenyuan') != -1"
+				>
+					<h3>戒毒人员</h3>
+					<div class="row">
+						<el-form-item
+							label="有无犯罪史"
+							prop="specialCrowdDetails.jiedurenyuan.criminalHistoryFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.criminalHistoryFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="有无复吸史"
+							prop="specialCrowdDetails.jiedurenyuan.drugRepetitionFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.drugRepetitionFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="初次发现日期"
+							label-width="120px"
+							prop="specialCrowdDetails.jiedurenyuan.firstDiscoveryDate"
+						>
+							<el-date-picker
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.firstDiscoveryDate
+								"
+								value-format="yyyy-MM-dd"
+								clearable
+							>
+							</el-date-picker>
+						</el-form-item>
+
+						<el-form-item
+							label="管控人姓名"
+							prop="specialCrowdDetails.jiedurenyuan.controllerName"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入管控人姓名"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.controllerName
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="管控人联系方式"
+							prop="specialCrowdDetails.jiedurenyuan.controllerContact"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入管控人联系方式"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.controllerContact
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="帮扶人姓名"
+							prop="specialCrowdDetails.jiedurenyuan.helperName"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入帮扶人姓名"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.helperName
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="帮扶人联系方式"
+							prop="specialCrowdDetails.jiedurenyuan.helperContact"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入帮扶人联系方式"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.helperContact
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="是否脱管"
+							prop="specialCrowdDetails.jiedurenyuan.detachedFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.detachedFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="脱管原因"
+							prop="specialCrowdDetails.jiedurenyuan.detachedReason"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								type="textarea"
+								maxlength="1000"
+								show-word-limit
+								:rows="3"
+								placeholder="请输入脱管原因，不超过200字"
+								v-model="
+									fmData.specialCrowdDetails.jiedurenyuan
+										.emplacementInfo
+								"
+							></el-input>
+						</el-form-item>
+					</div>
+				</div>
+
+				<div
+					class="group"
+					v-if="fmData.specialType.indexOf('jingzhanghuanzhe') != -1"
+				>
+					<h3>精障患者</h3>
+					<div class="row">
+						<el-form-item
+							label="有无肇事肇祸史"
+							prop="specialCrowdDetails.jingzhanghuanzhe.causeTroubleHistoryFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.causeTroubleHistoryFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="肇事肇祸次数"
+							prop="specialCrowdDetails.jingzhanghuanzhe.causeTroubleTimes"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								type="number"
+								show-word-limit
+								placeholder="请输入肇事肇祸次数"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.causeTroubleTimes
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="目前诊断类型"
+							prop="specialCrowdDetails.jingzhanghuanzhe.currentDiagnosis"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.currentDiagnosis
+								"
+								placeholder="请选择目前诊断类型"
+								clearable
+							>
+								<el-option
+									v-for="item in [
+										{ value: 1, label: '精神分裂症' },
+										{ value: 2, label: '分裂情感性障碍' },
+										{
+											value: 3,
+											label: '持久的妄想性障碍（偏执性精神病）',
+										},
+										{ value: 4, label: '双相（情感）障碍' },
+										{ value: 5, label: '癫痫所致精神障碍' },
+										{
+											value: 6,
+											label: '精神发育迟滞伴发精神障碍',
+										},
+										{ value: 7, label: '重度抑郁发作' },
+										{
+											value: 8,
+											label: '精神活性物质所致精神障碍',
+										},
+										{ value: 9, label: '其他' },
+									]"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="危险性评估等级"
+							prop="specialCrowdDetails.jingzhanghuanzhe.dangerousClass"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.dangerousClass
+								"
+								placeholder="请选择危险性评估等级"
+								clearable
+							>
+								<el-option
+									v-for="item in [
+										{ label: '0级', value: 0 },
+										{ label: '1级', value: 1 },
+										{ label: '2级', value: 2 },
+										{ label: '3级', value: 3 },
+										{ label: '4级', value: 4 },
+										{ label: '5级', value: 5 },
+									]"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="是否具备外出能力"
+							prop="specialCrowdDetails.jingzhanghuanzhe.canGoOutFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.canGoOutFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="是否有暴力倾向"
+							prop="specialCrowdDetails.jingzhanghuanzhe.violenceFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.violenceFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="是否落实监管补助"
+							prop="specialCrowdDetails.jingzhanghuanzhe.allowanceFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.allowanceFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="是否纳入低保"
+							prop="specialCrowdDetails.jingzhanghuanzhe.subsistenceFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.subsistenceFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="监护人姓名"
+							prop="specialCrowdDetails.jingzhanghuanzhe.guardianName"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入监护人姓名"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.guardianName
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="监护人联系方式"
+							prop="specialCrowdDetails.jingzhanghuanzhe.guardianContact"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入监护人联系方式"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.guardianContact
+								"
+							>
+							</el-input>
+						</el-form-item>
+					</div>
+				</div>
+
+				<div
+					class="group"
+					v-if="fmData.specialType.indexOf('shequjiaozheng') != -1"
+				>
+					<h3>社区矫正</h3>
+					<div class="row">
+						<el-form-item
+							label="矫正类型"
+							prop="specialCrowdDetails.shequjiaozheng.rectificateType"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.rectificateType
+								"
+								placeholder="请选择目前矫正类型"
+								clearable
+							>
+								<el-option
+									v-for="item in [
+										{ value: 1, label: '管制' },
+										{ value: 2, label: '缓刑' },
+										{
+											value: 3,
+											label: '假释',
+										},
+										{ value: 4, label: '暂予监外执行' },
+										{ value: 5, label: '剥夺政治权利' },
+									]"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="矫正开始日期"
+							label-width="120px"
+							prop="specialCrowdDetails.shequjiaozheng.rectificateStartDate"
+						>
+							<el-date-picker
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.rectificateStartDate
+								"
+								value-format="yyyy-MM-dd"
+								clearable
+							>
+							</el-date-picker>
+						</el-form-item>
+
+						<el-form-item
+							label="矫正结束日期"
+							label-width="120px"
+							prop="specialCrowdDetails.shequjiaozheng.rectificateEndDate"
+						>
+							<el-date-picker
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.rectificateEndDate
+								"
+								value-format="yyyy-MM-dd"
+								clearable
+							>
+							</el-date-picker>
+						</el-form-item>
+
+						<el-form-item
+							label="原羁押场所"
+							prop="specialCrowdDetails.shequjiaozheng.originDetainAddress"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入原羁押场所"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.originDetainAddress
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="原罪名"
+							prop="specialCrowdDetails.shequjiaozheng.originalCharge"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入原罪名"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.originalCharge
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="接受方式"
+							prop="specialCrowdDetails.shequjiaozheng.receiveWay"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.receiveWay
+								"
+								placeholder="请选择接受方式"
+								clearable
+							>
+								<el-option
+									v-for="item in [
+										{ value: 1, label: '自行报到' },
+										{ value: 2, label: '狱所押送' },
+										{
+											value: 3,
+											label: '当庭交接',
+										},
+										{ value: 4, label: '其他' },
+									]"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="矫正情况说明"
+							prop="specialCrowdDetails.shequjiaozheng.rectificateInfo"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								type="textarea"
+								maxlength="1000"
+								show-word-limit
+								:rows="3"
+								placeholder="请输入矫正情况说明，不超过200字"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.rectificateInfo
+								"
+							></el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="是否脱管"
+							prop="specialCrowdDetails.shequjiaozheng.detachedFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.detachedFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="脱管原因"
+							prop="specialCrowdDetails.shequjiaozheng.detachedReason"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								type="textarea"
+								maxlength="1000"
+								show-word-limit
+								:rows="3"
+								placeholder="请输入脱管原因，不超过200字"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.detachedReason
+								"
+							></el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="是否注销"
+							prop="specialCrowdDetails.shequjiaozheng.canceledFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.canceledFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="注销原因"
+							prop="specialCrowdDetails.shequjiaozheng.canceledReason"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								type="textarea"
+								maxlength="1000"
+								show-word-limit
+								:rows="3"
+								placeholder="请输入注销原因，不超过200字"
+								v-model="
+									fmData.specialCrowdDetails.shequjiaozheng
+										.canceledReason
+								"
+							></el-input>
+						</el-form-item>
+					</div>
+				</div>
+
+				<div
+					class="group"
+					v-if="fmData.specialType.indexOf('xinfangrenyuan') != -1"
+				>
+					<h3>信访人员</h3>
+					<div class="row">
+						<el-form-item
+							label="反映问题"
+							prop="specialCrowdDetails.xinfangrenyuan.problem"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入反映问题"
+								v-model="
+									fmData.specialCrowdDetails.xinfangrenyuan
+										.problem
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="稳控措施"
+							prop="specialCrowdDetails.xinfangrenyuan.stableControlMeasurement"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入稳控措施"
+								v-model="
+									fmData.specialCrowdDetails.xinfangrenyuan
+										.stableControlMeasurement
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="是否多次上访"
+							prop="specialCrowdDetails.xinfangrenyuan.multipleFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.xinfangrenyuan
+										.multipleFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="是否在当地"
+							prop="specialCrowdDetails.xinfangrenyuan.localFlag"
+							label-width="120px"
+						>
+							<el-select
+								class="s-w1"
+								v-model="
+									fmData.specialCrowdDetails.xinfangrenyuan
+										.localFlag
+								"
+								placeholder="请选择"
+								clearable
+							>
+								<el-option
+									v-for="item in yesOptions"
+									:key="item.value"
+									:label="item.label"
+									:value="item.value"
+								>
+								</el-option>
+							</el-select>
+						</el-form-item>
+
+						<el-form-item
+							label="分管领导姓名"
+							prop="specialCrowdDetails.jingzhanghuanzhe.branchLeader"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入分管领导姓名"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.branchLeader
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="分管领导联系方式"
+							prop="specialCrowdDetails.jingzhanghuanzhe.branchLeaderContact"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								maxlength="50"
+								show-word-limit
+								placeholder="请输入分管领导联系方式"
+								v-model="
+									fmData.specialCrowdDetails.jingzhanghuanzhe
+										.branchLeaderContact
+								"
+							>
+							</el-input>
+						</el-form-item>
+
+						<el-form-item
+							label="稳控人员名单"
+							prop="specialCrowdDetails.xinfangrenyuan.stableControlerList"
+							label-width="120px"
+						>
+							<el-input
+								class="s-w1"
+								type="textarea"
+								maxlength="1000"
+								show-word-limit
+								:rows="3"
+								placeholder="请输入稳控人员名单，不超过200字"
+								v-model="
+									fmData.specialCrowdDetails.xinfangrenyuan
+										.stableControlerList
+								"
+							></el-input>
+						</el-form-item>
+					</div>
+				</div>
+			</el-form>
+		</div>
+
+		<div class="div_btn resi-btns">
+			<el-button size="small" @click="handleCancle">取 消</el-button>
+			<el-button
+				v-if="formType != 'detail'"
+				type="primary"
+				size="small"
+				:disabled="btnDisable"
+				@click="handleComfirm"
+				>确 定</el-button
+			>
+		</div>
+	</div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost, requestGet } from "@/js/dai/request";
+import formVltHelper from "dai-js/tools/formVltHelper";
+import nextTick from "dai-js/tools/nextTick";
+import dict from "@/views/modules/lingshan/shzl/tsrq/dict";
+
+let loading; // 加载动画
+
+function iniFmData() {
+	return {
+		gender: "",
+		genderZh: "",
+		nation: null,
+		birthday: "",
+		domicilePlace: "",
+		mobile: "",
+		address: "",
+		name: "",
+		idCard: "",
+		specialType: [],
+		headPhoto: "",
+		specialCrowdDetails: {
+			anzhibangjiao: {
+				id: "", // 修改的时候用到，新增用不到
+				originalCharge: "", // 原罪名
+				releaseDate: "", // 释放日期
+				originPrisonTerm: "", // 原判刑期
+				recidivismFlag: "", // 是否累犯
+				emplacementFlag: "", // 是否安置
+				emplacementDate: "", // 安置日期
+				emplacementInfo: "", //安置帮教情况
+				canceledFlag: "", //是否注销
+				canceledReason: "", //注销原因
+			},
+			jiedurenyuan: {
+				id: "", // 修改的时候用到，新增用不到
+				criminalHistoryFlag: "", // 有无犯罪史
+				drugRepetitionFlag: "", //有无复吸史
+				firstDiscoveryDate: "", //初次发现日期
+				controllerName: "", //管控人姓名
+				controllerContact: "", //管控人联系方式
+				helperName: "", //帮扶人姓名
+				helperContact: "", //帮扶人联系方式
+				detachedFlag: "", //是否脱管
+				detachedReason: "", //脱管原因
+			},
+			jingzhanghuanzhe: {
+				id: "", // 修改的时候用到，新增用不到
+				causeTroubleHistoryFlag: "", //有无肇事肇祸史
+				causeTroubleTimes: "", //肇事肇祸次数
+				currentDiagnosis: "", //目前诊断类型
+				dangerousClass: "", //危险性评估等级
+				canGoOutFlag: "", //是否具备外出能力
+				violenceFlag: "", //是否有暴力倾向
+				allowanceFlag: "", //是否落实监管补助
+				subsistenceFlag: "", //是否纳入低保
+				guardianName: "", //监护人姓名
+				guardianContact: "", //监护人联系方式
+			},
+			shequjiaozheng: {
+				id: "", // 修改的时候用到，新增用不到
+				rectificateType: "", //矫正类型
+				rectificateStartDate: "", //矫正开始日期
+				rectificateEndDate: "", //矫正结束日期
+				originDetainAddress: "", //原羁押场所
+				originalCharge: "", //原罪名
+				receiveWay: "", //接受方式
+				rectificateInfo: "", //矫正情况说明
+				detachedFlag: "", //是否脱管
+				detachedReason: "", //脱管原因
+				canceledFlag: "", //是否注销
+				canceledReason: "", //注销原因
+			},
+			xinfangrenyuan: {
+				id: "", // 修改的时候用到，新增用不到
+				problem: "", //反映问题
+				stableControlMeasurement: "", //稳控措施
+				multipleFlag: "", //是否多次上访
+				localFlag: "", //是否在当地
+				branchLeader: "", //分管领导
+				branchLeaderContact: "", //分管领导联系方式
+				principal: "", //负责人
+				principalContact: "", //负责人联系方式
+				stableControlerList: "", //稳控人员名单
+			},
+		},
+	};
+}
+
+export default {
+	components: {},
+	props: { displayed: Boolean },
+	data() {
+		return {
+			formType: "add", //表单操作类型 add新增，edit编辑，detail详情
+
+			loading: false,
+
+			btnDisable: false,
+
+			specialTypeOptions: dict.specialType,
+			yesOptions: [
+				{
+					value: 0,
+					label: "否",
+				},
+				{
+					value: 1,
+					label: "是",
+				},
+			],
+
+			resiId: "",
+			fmData: iniFmData(),
+
+			headPhotoList: [],
+			uploadUlr:
+				window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+		};
+	},
+	computed: {
+		dataRule() {
+			let rules = {
+				name: [
+					{
+						required: true,
+						message: "姓名不能为空",
+						trigger: "blur",
+					},
+				],
+				specialType: [
+					{
+						required: true,
+						message: "分类名称不能为空",
+						trigger: "blur",
+					},
+				],
+				idCard: [
+					{
+						required: true,
+						message: "身份证号不能为空",
+						trigger: "blur",
+					},
+				],
+			};
+
+			const {
+				fmData: { specialType },
+			} = this;
+			const specialTypeRules = {
+				anzhibangjiao: {
+					"specialCrowdDetails.anzhibangjiao.originalCharge": [
+						{
+							required: true,
+							message: "安置帮教-原罪名不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.anzhibangjiao.releaseDate": [
+						{
+							required: true,
+							message: "安置帮教-释放日期不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+
+				jiedurenyuan: {
+					"specialCrowdDetails.jiedurenyuan.criminalHistoryFlag": [
+						{
+							required: true,
+							message: "戒毒人员-有无犯罪史不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.jiedurenyuan.drugRepetitionFlag": [
+						{
+							required: true,
+							message: "戒毒人员-有无复吸史不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.jiedurenyuan.firstDiscoveryDate": [
+						{
+							required: true,
+							message: "戒毒人员-初次发现日期不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+
+				jingzhanghuanzhe: {
+					"specialCrowdDetails.jingzhanghuanzhe.causeTroubleHistoryFlag":
+						[
+							{
+								required: true,
+								message: "精障患者-有无肇事肇祸史不能为空",
+								trigger: "blur",
+							},
+						],
+					"specialCrowdDetails.jingzhanghuanzhe.causeTroubleTimes": [
+						{
+							required: true,
+							message: "精障患者-肇事肇祸次数不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.jingzhanghuanzhe.currentDiagnosis": [
+						{
+							required: true,
+							message: "精障患者-目前诊断类型不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.jingzhanghuanzhe.dangerousClass": [
+						{
+							required: true,
+							message: "精障患者-危险性评估等级不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.jingzhanghuanzhe.canGoOutFlag": [
+						{
+							required: true,
+							message: "精障患者-是否具备外出能力不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.jingzhanghuanzhe.violenceFlag": [
+						{
+							required: true,
+							message: "精障患者-是否有暴力倾向不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.jingzhanghuanzhe.allowanceFlag": [
+						{
+							required: true,
+							message: "精障患者-是否落实监管补助不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.jingzhanghuanzhe.subsistenceFlag": [
+						{
+							required: true,
+							message: "精障患者-是否纳入低保不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+
+				shequjiaozheng: {
+					"specialCrowdDetails.shequjiaozheng.rectificateType": [
+						{
+							required: true,
+							message: "社区矫正-矫正类型不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.shequjiaozheng.rectificateStartDate": [
+						{
+							required: true,
+							message: "社区矫正-矫正开始日期不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.shequjiaozheng.rectificateEndDate": [
+						{
+							required: true,
+							message: "社区矫正-矫正结束日期不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.shequjiaozheng.receiveWay": [
+						{
+							required: true,
+							message: "社区矫正-接受方式不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.shequjiaozheng.detachedFlag": [
+						{
+							required: true,
+							message: "社区矫正-是否脱管不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.shequjiaozheng.canceledFlag": [
+						{
+							required: true,
+							message: "社区矫正-是否注销不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+
+				xinfangrenyuan: {
+					"specialCrowdDetails.xinfangrenyuan.problem": [
+						{
+							required: true,
+							message: "信访人员-反映问题不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.xinfangrenyuan.stableControlMeasurement":
+						[
+							{
+								required: true,
+								message: "信访人员-稳控措施不能为空",
+								trigger: "blur",
+							},
+						],
+					"specialCrowdDetails.xinfangrenyuan.multipleFlag": [
+						{
+							required: true,
+							message: "信访人员-是否多次上访不能为空",
+							trigger: "blur",
+						},
+					],
+					"specialCrowdDetails.xinfangrenyuan.localFlag": [
+						{
+							required: true,
+							message: "信访人员-是否在当地不能为空",
+							trigger: "blur",
+						},
+					],
+				},
+			};
+
+			specialType.forEach((ki) => {
+				rules = { ...rules, ...specialTypeRules[ki] };
+			});
+
+			return rules;
+		},
+	},
+	watch: {
+		displayed(val) {
+			if (!val) {
+				this.resetData();
+			}
+		},
+	},
+
+	async mounted() {
+		// this.getCategoryList();
+	},
+
+	methods: {
+		removePic(file, fileList) {
+			this.fmData.headPhoto = "";
+			this.headPhotoList = [];
+		},
+		// 最多上传3张图，超过时隐藏上传按钮
+		handleEditChange(file, fileList) {},
+		exceedPic() {
+			this.$message.warning("最多上传1张图片");
+		},
+		handleSuccess(response, file, fileList) {
+			console.log(file);
+			this.headPhotoList.push(file);
+			this.fmData.headPhoto = response.data.url;
+		},
+
+		async getInfo() {
+			const url = `/epmetuser/lingShan/specialCrowd/getPersonSpecialTypeDetail`;
+			const { resiId } = this;
+			const params = {
+				resiId,
+			};
+			const { data, code, msg } = await requestGet(url, params);
+			if (code === 0) {
+				let fmData = iniFmData();
+				let specialType = Object.keys(data.specialCrowdDetails).filter(
+					(ki) => data.specialCrowdDetails[ki]
+				);
+				let specialCrowdDetails = fmData.specialCrowdDetails;
+				specialType.forEach((ki) => {
+					specialCrowdDetails[ki] = data.specialCrowdDetails[ki];
+				});
+				this.fmData = {
+					...fmData,
+					...data,
+					specialType,
+					specialCrowdDetails,
+				};
+				if (this.fmData.headPhoto) {
+					this.headPhotoList = [{ url: this.fmData.headPhoto }];
+				}
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		// 先弃用，本地写死字典
+		async getCategoryList() {
+			const url = "/sys/dict/data/dictlist";
+			const params = {
+				dictType: "self_org_category",
+			};
+			const { data, code, msg } = await requestPost(url, params);
+			if (code === 0) {
+				this.specialTypeOptions = data;
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		async initForm(type, row) {
+			// this.$refs.ref_form.resetFields();
+
+			this.formType = type;
+
+			if (row) {
+				this.resiId = row.resiId;
+				this.getInfo();
+			}
+		},
+
+		async handleComfirm() {
+			this.btnDisable = true;
+			setTimeout(() => {
+				this.btnDisable = false;
+			}, 5000);
+			this.$refs["ref_form"].validate((valid, messageObj) => {
+				if (!valid) {
+					app.util.validateRule(messageObj);
+					this.btnDisable = false;
+				} else {
+					this.submit();
+				}
+			});
+		},
+
+		async submit() {
+			let url = "/epmetuser/lingShan/specialCrowd/save";
+			const {
+				resiId,
+				fmData: {
+					name,
+					idCard,
+					headPhoto,
+					specialCrowdDetails: allDetails,
+					specialType,
+				},
+			} = this;
+			let specialCrowdDetails = {};
+			specialType.forEach((ki) => {
+				specialCrowdDetails[ki] = allDetails[ki];
+			});
+
+			const { data, code, msg } = await requestPost(url, {
+				resiId,
+				name,
+				headPhoto,
+				idCard,
+				specialCrowdDetails,
+			});
+
+			if (code === 0) {
+				this.$message({
+					type: "success",
+					message: "保存成功",
+				});
+				this.resetData();
+				this.$emit("dialogOk");
+				this.btnDisable = false;
+			} else {
+				this.btnDisable = false;
+				this.$message.error(msg);
+			}
+		},
+
+		handleCancle() {
+			this.resetData();
+			this.$emit("dialogCancle");
+		},
+
+		resetData() {
+			this.resiId = "";
+			this.headPhotoList = [];
+			this.fmData = iniFmData();
+		},
+
+		// 开启加载动画
+		startLoading() {
+			loading = Loading.service({
+				lock: true, // 是否锁定
+				text: "正在加载……", // 加载中需要显示的文字
+				background: "rgba(0,0,0,.7)", // 背景颜色
+			});
+		},
+		// 结束加载动画
+		endLoading() {
+			// clearTimeout(timer);
+			if (loading) {
+				loading.close();
+			}
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.m-fm {
+	.z-hide {
+		/deep/ .el-upload--picture-card {
+			display: none !important;
+		}
+	}
+	.group {
+		padding: 0 10px;
+		h3 {
+			position: relative;
+			padding-left: 20px;
+			line-height: 25px;
+			&::before {
+				position: absolute;
+				content: "";
+				display: block;
+				left: 2px;
+				top: 0;
+				bottom: 0;
+				margin: auto 0;
+				width: 4px;
+				height: 16px;
+				border-radius: 1px;
+				background-color: #ff3333;
+			}
+		}
+	}
+	.s-w1 {
+		display: block;
+		width: 220px;
+	}
+}
+</style>
diff --git a/src/views/modules/lingshan/shzl/wgy/cpts/pop-import.vue b/src/views/modules/lingshan/shzl/wgy/cpts/pop-import.vue
new file mode 100644
index 0000000..4488a11
--- /dev/null
+++ b/src/views/modules/lingshan/shzl/wgy/cpts/pop-import.vue
@@ -0,0 +1,390 @@
+<template>
+	<!-- 修改弹出框 -->
+	<el-dialog
+		:visible="true"
+		:close-on-click-modal="false"
+		:close-on-press-escape="false"
+		title="批量导入"
+		width="850px"
+		top="5vh"
+		@close="handleClose"
+	>
+		<div class="m-imp">
+			<el-steps
+				:space="250"
+				align-center
+				:active="step"
+				finish-status="success"
+			>
+				<el-step title="选择文件"></el-step>
+				<el-step title="开始导入"></el-step>
+				<el-step title="导入完成"></el-step>
+			</el-steps>
+
+			<div class="cnt" v-show="step === 0">
+				<div class="item">
+					<div class="field"><i>*</i> 选择要导入的人员类型：</div>
+					<div class="input">
+						<el-select
+							v-model="fmData.specialType"
+							placeholder="请选择"
+							size="small"
+							clearable
+							class="item_width_2"
+						>
+							<el-option
+								v-for="item in specialTypeOptions"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</div>
+				</div>
+				<div class="item">
+					<div class="field"><i>*</i> 选择要导入的人员类型：</div>
+					<div class="input">
+						<el-upload
+							:headers="$getElUploadHeaders()"
+							ref="upload"
+							class="upload-btn"
+							action="uploadUlr"
+							:limit="1"
+							:accept="'.xls,.xlsx'"
+							:with-credentials="true"
+							:show-file-list="true"
+							:on-progress="handleProgress"
+							:on-success="handleExcelSuccess"
+							:before-upload="beforeExcelUpload"
+							:http-request="uploadHttpRequest"
+							drag
+							align-center
+							:auto-upload="true"
+							:file="fmData.file"
+						>
+							<i class="el-icon-upload"></i>
+							<div class="el-upload__text">
+								将文件拖到此处，或<em>点击上传</em>
+							</div>
+							<div class="el-upload__tip" slot="tip">
+								只能上传excel文件，且不超过10M
+							</div>
+						</el-upload>
+					</div>
+				</div>
+
+				<div class="hint">
+					<h4>批量导入说明：</h4>
+					<p>
+						1、<a @click="handleExportModule()">点击下载</a
+						>特殊人群信息模板；
+					</p>
+					<p>2、按模板采集特殊人群信息；</p>
+					<p>3、上传文件导入。</p>
+				</div>
+
+				<div class="operate">
+					<el-button size="small" type="primary" @click="toNext(1)">{{
+						importBtnTitle
+					}}</el-button>
+				</div>
+			</div>
+
+			<div class="cnt" v-show="step === 1">
+				<div class="process">
+					<el-progress
+						:format="(per) => '导入进度：' + per + '%'"
+						:show-text="true"
+						:text-inside="true"
+						:stroke-width="24"
+						:percentage="importPer"
+						status="warning"
+					></el-progress>
+				</div>
+
+				<div class="operate">
+					<el-button size="small" @click="handleClose">
+						取消
+					</el-button>
+				</div>
+			</div>
+
+			<div class="cnt" v-show="step === 2">
+				<div class="hint">
+					<p>
+						导入完成：<b>{{ importResult.successItemsQty }}</b
+						>条
+					</p>
+					<p>
+						导入失败：<b class="z-fail">{{
+							importResult.failItemsQty
+						}}</b
+						>条
+						<span
+							>，
+							<a
+								target="_blank"
+								:href="importResult.resultDescFile"
+								>点击下载</a
+							>未成功导入人员信息</span
+						>
+					</p>
+				</div>
+
+				<div class="operate">
+					<el-button size="small" @click="handleClose">
+						关闭
+					</el-button>
+				</div>
+			</div>
+		</div>
+	</el-dialog>
+</template>
+
+<script>
+import { requestPost, requestGet } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import axios from "axios";
+import dict from "@/views/modules/lingshan/shzl/tsrq/dict";
+
+export default {
+	components: {},
+	data() {
+		return {
+			// 当前步骤
+			step: 0,
+
+			importBtnTitle: "下一步",
+			importLoading: false,
+			// 导入进度百分比
+			taskId: "",
+			importPer: 20,
+			importResult: {
+				taskId: "1648930494377668610",
+				originFileName: "社区矫正人员信息采集表.xlsx",
+				bizType: "special_crowd",
+				processStatus: "finished_fail",
+				startTime: "2023-04-20 14:04:00",
+				resultDescFile:
+					"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20230420/bda8c794796b4554aefc4e648fb17fd8.xlsx", // 结果描述文件地址
+				successItemsQty: 0, //成功条数
+				failItemsQty: 1, //失败条数
+			},
+
+			specialTypeOptions: dict.specialType,
+			fmData: {
+				specialType: "",
+				file: null,
+			},
+		};
+	},
+	computed: {},
+	watch: {},
+	mounted() {},
+	methods: {
+		async handleExportModule() {
+			const {
+				fmData: { specialType },
+			} = this;
+			if (!specialType) {
+				return this.$message.error("请先选择导入人员类型");
+			}
+			let url = "/epmetuser/lingShan/specialCrowd/downloadTemplate";
+
+			let params = {
+				specialType,
+			};
+			await this.$http({
+				method: "GET",
+				url,
+				responseType: "blob",
+				params,
+			})
+				.then((res) => {
+					// this.download(res.data, title + '.xls')
+					if (res.headers["content-disposition"]) {
+						let fileName = window.decodeURI(
+							res.headers["content-disposition"]
+								.split(";")[1]
+								.split("=")[1]
+						);
+						console.log("filename", fileName);
+						let blob = new Blob([res.data], {
+							type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+						});
+						var url = window.URL.createObjectURL(blob);
+						var aLink = document.createElement("a");
+						aLink.style.display = "none";
+						aLink.href = url;
+						aLink.setAttribute("download", fileName);
+						document.body.appendChild(aLink);
+						aLink.click();
+						document.body.removeChild(aLink); //下载完成移除元素
+						window.URL.revokeObjectURL(url); //释放掉blob对象
+					} else this.$message.error("下载失败");
+				})
+				.catch((err) => {
+					console.log("err", err);
+					return this.$message.error("网络错误");
+				});
+		},
+
+		// 上传大图标成功
+		handleExcelSuccess(res, file) {
+			if (res.code === 0 && res.msg === "success") {
+				console.log("resss---ppp", res);
+			} else {
+				this.$message.error(res.msg);
+			}
+		},
+
+		handleProgress(event, file, fileList) {
+			console.log("percentage", file.percentage);
+		},
+
+		beforeExcelUpload(file) {
+			console.log("file", file);
+			const isType = file.type === "application/vnd.ms-excel";
+			const isTypeComputer =
+				file.type ===
+				"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+			const fileType = isType || isTypeComputer;
+			const isLt1M = file.size / 1024 / 1024 < 10;
+			if (!fileType) {
+				this.$message.error("上传文件只能是xls/xlsx格式！");
+			}
+
+			if (!isLt1M) {
+				this.$message.error("上传文件大小不能超过 10MB!");
+			}
+			return fileType && isLt1M;
+		},
+
+		toNext(step) {
+			if (step == 1) {
+				this.$refs.upload.submit();
+			}
+		},
+
+		async uploadHttpRequest(file) {
+			const {
+				fmData: { specialType },
+			} = this;
+			if (!specialType) {
+				this.$refs.upload.clearFiles();
+				return this.$message.error("请先选择导入人员类型");
+			}
+			if (!file) {
+				return this.$message.error("请先选择导入文件");
+			}
+
+			this.importLoading = true;
+			this.importBtnTitle = "上传中…";
+
+			const fmData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+			fmData.append("file", file.file); //添加文件对象
+
+			await this.$http
+				.post(
+					`/epmetuser/lingShan/specialCrowd/import?crowdCategory=${specialType}`,
+					fmData
+				)
+				.then((res) => {
+					console.log("res-up", res);
+					if (res.data.code == 0 && res.data.msg == "success") {
+						this.$message.success("上传成功");
+						this.step = 1;
+
+						// 轮训结果
+						this.taskId = res.data.data;
+						this.queryProcess();
+					} else this.$message.error(res.data.msg);
+				})
+				.catch((err) => {
+					console.log("失败", err);
+					file.onError(); //上传失败的文件会从文件列表中删除
+					// this.$message.error('导入失败')
+				});
+			this.importLoading = false;
+			this.importBtnTitle = "下一步";
+			this.$refs.upload.clearFiles();
+		},
+
+		async queryProcess() {
+			const { taskId } = this;
+			const url = `/commonservice/import-task/getById?taskId=${taskId}`;
+
+			const { data, code, msg } = await requestPost(url, {});
+
+			if (code === 0) {
+				if (
+					data.processStatus == "finished_fail" ||
+					data.processStatus == "finished_success"
+				) {
+					this.importResult = data;
+					this.step = 2;
+					this.importPer = 0;
+				} else {
+					let per = this.importPer + parseInt(Math.random() * 20);
+					this.importPer = Math.min(99, per);
+					await nextTick(5000);
+					this.queryProcess();
+				}
+			} else {
+				this.$message.error(msg);
+				await nextTick(5000);
+				this.queryProcess();
+				// this.$message.success("操作失败！");
+			}
+		},
+
+		handleClose() {
+			console.log(">>>>>>>>>>>  handleClose");
+			this.$emit("close");
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/c/function.scss";
+/deep/ .m-imp {
+	padding: 0 50px;
+	.cnt {
+		margin-top: 20px;
+		.item {
+			display: flex;
+			margin-top: 15px;
+			.field {
+				i {
+					color: #ff3333;
+				}
+				line-height: 32px;
+			}
+		}
+		.hint {
+			p {
+				a {
+					cursor: pointer;
+				}
+				b {
+					color: #05f70d;
+					&.z-fail {
+						color: #ff3333;
+					}
+				}
+			}
+		}
+
+		.process {
+			margin: 50px;
+		}
+
+		.operate {
+			text-align: right;
+		}
+	}
+}
+</style>
diff --git a/src/views/modules/lingshan/shzl/wgy/dict.js b/src/views/modules/lingshan/shzl/wgy/dict.js
new file mode 100644
index 0000000..bb5aad0
--- /dev/null
+++ b/src/views/modules/lingshan/shzl/wgy/dict.js
@@ -0,0 +1,12 @@
+export default {
+	specialType: [
+		{
+			value: "grid_member",
+			label: "网格员",
+		},
+		{
+			value: "grid_manager",
+			label: "网格长",
+		},
+	],
+};
diff --git a/src/views/modules/lingshan/shzl/wgy/index.vue b/src/views/modules/lingshan/shzl/wgy/index.vue
new file mode 100644
index 0000000..ae16c9c
--- /dev/null
+++ b/src/views/modules/lingshan/shzl/wgy/index.vue
@@ -0,0 +1,670 @@
+<template>
+	<div class="resi-container">
+		<el-card ref="searchCard" class="search-card">
+			<el-form
+				ref="searchForm"
+				:inline="true"
+				:model="fmData"
+				class="demo-form-inline"
+			>
+				<el-form-item label="所属组织" prop="gridId">
+					<el-cascader
+						class="customer_cascader"
+						ref="myCascader"
+						v-model="agencyIdArray"
+						:options="orgOptions"
+						:props="orgOptionProps"
+						:show-all-levels="false"
+						@change="handleChangeAgency"
+						clearable
+					></el-cascader>
+				</el-form-item>
+
+				<el-form-item label="网格员类型" prop="specialType">
+					<el-select
+						v-model="fmData.specialType"
+						placeholder="请选择"
+						size="small"
+						clearable
+						class="item_width_2"
+					>
+						<el-option
+							v-for="item in specialTypeOptions"
+							:key="item.value"
+							:label="item.label"
+							:value="item.value"
+						>
+						</el-option>
+					</el-select>
+				</el-form-item>
+
+				<el-form-item label="人员姓名" prop="name">
+					<el-input
+						v-model="fmData.name"
+						class="resi-cell-input"
+						size="small"
+						clearable
+						placeholder="请输入"
+					>
+					</el-input>
+				</el-form-item>
+
+				<el-form-item label="手机号" prop="mobile">
+					<el-input
+						v-model="fmData.mobile"
+						class="resi-cell-input"
+						size="small"
+						clearable
+						placeholder="请输入"
+					>
+					</el-input>
+				</el-form-item>
+
+				<el-form-item label="身份证号" prop="idCard">
+					<el-input
+						v-model="fmData.idCard"
+						class="resi-cell-input"
+						size="small"
+						clearable
+						placeholder="请输入"
+					>
+					</el-input>
+				</el-form-item>
+
+				<el-form-item>
+					<el-button
+						class="diy-button--search"
+						size="small"
+						@click="handleSearch"
+						>查询</el-button
+					>
+					<el-button
+						class="diy-button--reset"
+						size="small"
+						@click="resetForm('searchForm')"
+						>重置</el-button
+					>
+				</el-form-item>
+			</el-form>
+		</el-card>
+
+		<el-card class="resi-card-table">
+			<div class="resi-row-btn">
+				<el-button
+					class="diy-button--add"
+					size="small"
+					@click="handleAdd"
+					>新增</el-button
+				>
+
+				<el-button
+					class="diy-button--export"
+					size="small"
+					@click="displayed.popImport = true"
+					>批量导入</el-button
+				>
+
+				<el-button
+					@click="handleChu"
+					class="diy-button--reset"
+					size="small"
+					>导出</el-button
+				>
+			</div>
+
+			<el-table
+				:data="tableData"
+				border
+				style="width: 100%"
+				class="resi-table"
+				:height="maxTableHeight"
+			>
+				<el-table-column
+					label="序号"
+					type="index"
+					align="center"
+					width="50"
+				/>
+				<el-table-column
+					prop="orgNamePath"
+					label="所属组织"
+					align="center"
+					:show-overflow-tooltip="true"
+				/>
+				<el-table-column
+					prop="specialTypeDisplay"
+					align="center"
+					label="网格员类型"
+					:show-overflow-tooltip="true"
+				/>
+				<el-table-column
+					prop="name"
+					align="center"
+					label="人员姓名"
+					:show-overflow-tooltip="true"
+				/>
+				<el-table-column
+					prop="mobile"
+					label="手机号"
+					align="center"
+					:show-overflow-tooltip="true"
+				/>
+				<el-table-column
+					prop="idCard"
+					align="center"
+					label="身份证号"
+					:show-overflow-tooltip="true"
+				/>
+				<el-table-column
+					prop="address"
+					align="center"
+					label="家庭地址"
+					:show-overflow-tooltip="true"
+				/>
+				<el-table-column
+					prop="createdTime"
+					align="center"
+					label="创建时间"
+					:show-overflow-tooltip="true"
+				/>
+				<el-table-column
+					prop="updatedTime"
+					align="center"
+					label="更新时间"
+					:show-overflow-tooltip="true"
+				/>
+				<el-table-column
+					fixed="right"
+					label="操作"
+					align="center"
+					width="220"
+				>
+					<template slot-scope="scope">
+						<el-button
+							@click="handleWatch(scope.$index)"
+							type="text"
+							size="small"
+							>查看</el-button
+						>
+
+						<el-button
+							@click="handleEdit(scope.$index)"
+							v-if="
+								true ||
+								scope.row.agencyId == $store.state.user.agencyId
+							"
+							type="text"
+							size="small"
+							class="div-table-button--edit"
+							>修改</el-button
+						>
+
+						<el-popconfirm
+							title="删除之后无法回复，确认删除？"
+							v-if="
+								true ||
+								scope.row.agencyId == $store.state.user.agencyId
+							"
+							@onConfirm="handleDel(scope.row, scope.$index)"
+							@confirm="handleDel(scope.row, scope.$index)"
+						>
+							<el-button
+								slot="reference"
+								type="text"
+								size="small"
+								class="div-table-button--delete"
+								style="margin-left: 10px"
+								>删除</el-button
+							>
+						</el-popconfirm>
+					</template>
+				</el-table-column>
+			</el-table>
+			<div>
+				<el-pagination
+					@size-change="handleSizeChange"
+					@current-change="handleCurrentChange"
+					:current-page.sync="pageNo"
+					:page-sizes="[20, 50, 100, 200]"
+					:page-size="parseInt(pageSize)"
+					layout="sizes, prev, pager, next, total"
+					:total="total"
+				>
+				</el-pagination>
+			</div>
+		</el-card>
+
+		<!-- 修改弹出框 -->
+		<el-dialog
+			:visible.sync="formShow"
+			:close-on-click-modal="false"
+			:close-on-press-escape="false"
+			:title="formTitle"
+			width="850px"
+			top="5vh"
+			class="dialog-h"
+			@closed="handleClose"
+		>
+			<edit-form
+				ref="eleEditForm"
+				:displayed="formShow"
+				@dialogCancle="handleClose"
+				@dialogOk="handleEditSuccess"
+			></edit-form>
+		</el-dialog>
+
+		<pop-import
+			v-if="displayed.popImport"
+			@close="displayed.popImport = false"
+		/>
+	</div>
+</template>
+
+<script>
+import { requestPost, requestGet } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import dict from "@/views/modules/lingshan/shzl/tsrq/dict";
+import editForm from "./cpts/edit";
+import popImport from "./cpts/pop-import";
+import axios from "axios";
+
+export default {
+	components: { editForm, popImport },
+	data() {
+		return {
+			openSearch: false,
+
+			formShow: false,
+			formTitle: "网格员信息",
+
+			pageNo: 1,
+			pageSize: window.localStorage.getItem("pageSize") || 20,
+			total: 1,
+
+			tableData: [],
+
+			agencyIdArray: [],
+			orgOptions: [],
+			orgOptionProps: {
+				multiple: false,
+				value: "agencyId",
+				label: "agencyName",
+				children: "subAgencyList",
+				checkStrictly: true,
+			},
+
+			specialTypeOptions: dict.specialType,
+
+			fmData: {
+				orgId: "",
+				orgType: "",
+				specialType: "",
+				name: "",
+				mobile: "",
+				idCard: "",
+			},
+
+			importBtnTitle: "导入",
+			importLoading: false,
+
+			//积分记录
+			displayed: {
+				popImport: false,
+			},
+		};
+	},
+	computed: {
+		maxTableHeight() {
+			return this.$store.state.inIframe
+				? this.clientHeight - 360 + this.iframeHeigh
+				: this.clientHeight - 360;
+		},
+		...mapGetters(["clientHeight", "iframeHeight"]),
+	},
+	watch: {
+		"fmData.createTime": function (val) {
+			if (Array.isArray(val) && val.length == 2) {
+				this.fmData.startTime = val[0];
+				this.fmData.endTime = val[1];
+			} else {
+				this.fmData.startTime = "";
+				this.fmData.endTime = "";
+			}
+		},
+		popImport(val) {
+			if (!val) {
+				this.getTableData();
+			}
+		},
+	},
+	mounted() {
+		this.getOrgTreeList();
+		this.getTableData();
+	},
+	methods: {
+		getOrgTreeList() {
+			const { user } = this.$store.state;
+			this.$http
+				.post("/gov/org/customeragency/agencygridtree", {})
+				.then(({ data: res }) => {
+					if (res.code !== 0) {
+						return this.$message.error(res.msg);
+					} else {
+						console.log("获取组织树成功", res.data);
+						this.orgOptions = [];
+						this.orgOptions.push(res.data);
+					}
+				})
+				.catch(() => {
+					return this.$message.error("网络错误");
+				});
+		},
+
+		handleChangeAgency() {
+			let nodes = this.$refs["myCascader"].getCheckedNodes();
+			if (nodes && nodes.length > 0) {
+				let obj = nodes[0].data;
+				this.fmData.orgType = obj.level === "grid" ? "grid" : "agency";
+				this.fmData.orgId =
+					this.agencyIdArray.length > 0
+						? this.agencyIdArray[this.agencyIdArray.length - 1]
+						: "";
+			} else {
+				this.fmData.orgType = "";
+				this.fmData.orgId = "";
+			}
+		},
+
+		async handleExportModule() {
+			let url =
+				"/heart/iccommunityselforganization/import-template-download";
+
+			let params = {};
+			await this.$http({
+				method: "POST",
+				url,
+				responseType: "blob",
+				data: params,
+			})
+				.then((res) => {
+					// this.download(res.data, title + '.xls')
+					if (res.headers["content-disposition"]) {
+						let fileName = window.decodeURI(
+							res.headers["content-disposition"]
+								.split(";")[1]
+								.split("=")[1]
+						);
+						console.log("filename", fileName);
+						let blob = new Blob([res.data], {
+							type: "application/vnd.ms-excel",
+						});
+						var url = window.URL.createObjectURL(blob);
+						var aLink = document.createElement("a");
+						aLink.style.display = "none";
+						aLink.href = url;
+						aLink.setAttribute("download", fileName);
+						document.body.appendChild(aLink);
+						aLink.click();
+						document.body.removeChild(aLink); //下载完成移除元素
+						window.URL.revokeObjectURL(url); //释放掉blob对象
+					} else this.$message.error("下载失败");
+				})
+				.catch((err) => {
+					console.log("err", err);
+					return this.$message.error("网络错误");
+				});
+		},
+		// 上传大图标成功
+		handleExcelSuccess(res, file) {
+			if (res.code === 0 && res.msg === "success") {
+				console.log("resss---ppp", res);
+			} else {
+				this.$message.error(res.msg);
+			}
+		},
+		handleProgress(event, file, fileList) {
+			console.log("percentage", file.percentage);
+		},
+
+		beforeExcelUpload(file) {
+			console.log("file", file);
+			const isType = file.type === "application/vnd.ms-excel";
+			const isTypeComputer =
+				file.type ===
+				"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+			const fileType = isType || isTypeComputer;
+			const isLt1M = file.size / 1024 / 1024 < 10;
+			if (!fileType) {
+				this.$message.error("上传文件只能是xls/xlsx格式！");
+			}
+
+			if (!isLt1M) {
+				this.$message.error("上传文件大小不能超过 10MB!");
+			}
+			return fileType && isLt1M;
+		},
+		async uploadHttpRequest(file) {
+			this.importLoading = true;
+			this.importBtnTitle = "正在上传中...";
+			this.$message({
+				showClose: true,
+				message: "导入中，请到系统管理-导入记录中查看进度",
+				duration: 0,
+			});
+			const fmData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+			fmData.append("file", file.file); //添加文件对象
+			await this.$http
+				.post(
+					"/heart/iccommunityselforganization/importcommunityselforganization",
+					fmData
+				)
+				.then((res) => {
+					console.log("res-up", res);
+					if (res.data.code == 0 && res.data.msg == "success") {
+						// this.$message.success('导入成功')
+						this.getTableData();
+					} else this.$message.error(res.data.msg);
+				})
+				.catch((err) => {
+					console.log("失败", err);
+					file.onError(); //上传失败的文件会从文件列表中删除
+					// this.$message.error('导入失败')
+				});
+			// axios({
+			//   url:
+			//     window.SITE_CONFIG["apiURL"] +
+			//     "/heart/iccommunityselforganization/importcommunityselforganization",
+			//   method: "post",
+			//   data: fmData,
+			//   // responseType: "blob",
+			// })
+			//   .then((res) => {
+			//     this.importLoading = false;
+			//     this.importBtnTitle = "导入";
+			//     console.log("resresresresresresres", res);
+
+			//     this.getTableData();
+			//     if (res.data.code == 0) {
+			//       return this.$message.success(res.data.data || "导入成功");
+			//     } else {
+			//       return this.$message.error(res.data.msg);
+			//     }
+			//   })
+			//   .catch((err) => {
+			//     console.log("失败", err);
+			//   });
+			this.importLoading = false;
+			this.importBtnTitle = "导入";
+			this.$refs.upload.clearFiles();
+		},
+
+		handleSizeChange(val) {
+			console.log(`每页 ${val} 条`);
+			this.pageSize = val;
+			window.localStorage.setItem("pageSize", val);
+			this.getTableData();
+		},
+		handleCurrentChange(val) {
+			console.log(`当前页: ${val}`);
+			this.pageNo = val;
+			this.getTableData();
+		},
+
+		handleClose() {
+			this.formShow = false;
+		},
+		handleSearch(val) {
+			console.log(this.fmData);
+			this.pageNo = 1;
+			this.getTableData();
+		},
+		resetForm(formName) {
+			this.$refs[formName].resetFields();
+			this.handleSearch();
+		},
+		async handleAdd() {
+			this.formShow = true;
+			this.formTitle = "新增";
+			await nextTick();
+			console.log(this.$refs);
+			this.$refs.eleEditForm.initForm("add");
+		},
+
+		async handleChu() {
+			const url =
+				"/heart/iccommunityselforganization/exportcommunityselforganization";
+			const { pageSize, pageNo, fmData } = this;
+			axios({
+				url: window.SITE_CONFIG["apiURL"] + url,
+				method: "post",
+				data: {
+					pageSize,
+					pageNo,
+					...fmData,
+				},
+				responseType: "blob",
+			})
+				.then((res) => {
+					let fileName = window.decodeURI(
+						res.headers["content-disposition"]
+							.split(";")[1]
+							.split("=")[1]
+					);
+					console.log("filename", fileName);
+					let blob = new Blob([res.data], {
+						type: "application/vnd.ms-excel",
+					});
+					var url = window.URL.createObjectURL(blob);
+					var aLink = document.createElement("a");
+					aLink.style.display = "none";
+					aLink.href = url;
+					aLink.setAttribute("download", fileName);
+					document.body.appendChild(aLink);
+					aLink.click();
+					document.body.removeChild(aLink); //下载完成移除元素
+					window.URL.revokeObjectURL(url); //释放掉blob对象
+				})
+				.catch((err) => {
+					console.log("获取导出情失败", err);
+					return this.$message.error("网络错误");
+				});
+		},
+
+		async handleWatch(rowIndex) {
+			this.formShow = true;
+			this.formTitle = "查看";
+			await nextTick();
+			this.$refs.eleEditForm.initForm("detail", this.tableData[rowIndex]);
+		},
+
+		async handleEdit(rowIndex) {
+			this.formShow = true;
+			this.formTitle = "编辑";
+			await nextTick();
+			this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]);
+		},
+
+		handleEditSuccess() {
+			this.handleClose();
+			this.getTableData();
+		},
+
+		async handleDel(rowData, rowIndex) {
+			console.log(rowData, rowIndex);
+			const url = "/epmetuser/lingShan/specialCrowd/deleteByResi";
+			const { tableData } = this;
+
+			const { data, code, msg } = await requestPost(url, {
+				resiId: tableData[rowIndex].resiId,
+			});
+
+			if (code === 0) {
+				this.$message.success("删除成功！");
+				this.getTableData();
+			} else {
+				this.$message.error(msg);
+				// this.$message.success("操作失败！");
+			}
+		},
+
+		async getTableData() {
+			const url = "/epmetuser/lingShan/specialCrowd/listSpecialCrowd";
+			const { pageSize, pageNo, fmData } = this;
+			const { data, code, msg } = await requestGet(url, {
+				pageSize,
+				pageNo,
+				...fmData,
+			});
+			if (code === 0) {
+				console.log("列表请求成功！！！！！！！！！！！！！！");
+				this.total = data.total || 0;
+				this.tableData = data.list
+					? data.list.map((item) => {
+							return item;
+					  })
+					: [];
+			} else {
+				this.$message.error(msg);
+			}
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/buttonstyle.scss";
+
+.resi-container .resi-card-table {
+	::v-deep .el-table th {
+		color: #fff;
+		background-color: rgba(33, 149, 254, 1);
+		// border-right: 1px solid rgba(33, 149, 254, 1);
+	}
+}
+.resi-table {
+	::v-deep .el-button--text {
+		text-decoration: underline;
+	}
+}
+.resi-card-table {
+	margin-top: 20px;
+}
+.resi-row-btn {
+	margin-bottom: 13px;
+	.upload-btn {
+		display: inline-block;
+		margin: 0 10px;
+	}
+}
+
+.resi-btns {
+	margin-top: 20px;
+	text-align: center;
+}
+
+.resi-container .resi-card {
+	position: relative;
+	overflow: visible;
+}
+</style>