<template>
|
<div id="body" ref="body" class="pop_detail">
|
<div class="sticky">
|
<div class="title-back">
|
<span class="title">居民详情</span>
|
<button
|
class="m_btn bgc_primary"
|
style="min-width: 80px"
|
@click="$router.back()"
|
>
|
返回
|
</button>
|
</div>
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tab-pane label="基础信息" name="Basics"></el-tab-pane>
|
<el-tab-pane label="家庭成员" name="family"></el-tab-pane>
|
<el-tab-pane label="房屋信息" name="house"></el-tab-pane>
|
<el-tab-pane label="车辆信息" name="vehicle"></el-tab-pane>
|
<el-tab-pane label="精神障碍信息" name="spirit"></el-tab-pane>
|
<el-tab-pane label="吸毒信息" name="drug"></el-tab-pane>
|
<el-tab-pane label="社区矫正信息" name="correct"></el-tab-pane>
|
<el-tab-pane label="邪教信息" name="Cult"></el-tab-pane>
|
<el-tab-pane label="刑释信息" name="prison"></el-tab-pane>
|
<el-tab-pane label="上访信息" name="petition"></el-tab-pane>
|
<!-- <el-tab-pane label="服刑信息" name="sentence"></el-tab-pane> -->
|
<el-tab-pane label="退役军人信息" name="soldier"></el-tab-pane>
|
<el-tab-pane label="残疾人信息" name="disability"></el-tab-pane>
|
<el-tab-pane label="低保户信息 " name="allowance"></el-tab-pane>
|
<el-tab-pane label="高龄信息 " name="advanced"></el-tab-pane>
|
<el-tab-pane label="养老信息 " name="provide"></el-tab-pane>
|
</el-tabs>
|
</div>
|
<!-- 基础信息 -->
|
<v-header title="基础信息："></v-header>
|
<span ref="Basics" id="Basics"></span>
|
<div class="w_row demo_form clearfix">
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">姓名：</p>
|
<article>{{ detail.name || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">身份证号：</p>
|
<article>{{ detail.cardNo || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">人员类型：</p>
|
<article>{{ reText(personTypeList, detail.personType) }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">民族：</p>
|
<article>{{ detail.nation || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">出生年月：</p>
|
<article>{{ detail.birthday || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">年龄：</p>
|
<article>{{ detail.age || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">政治面貌：</p>
|
<article>{{ politicalOutlookList[detail.politicalOutlook] }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否租住：</p>
|
<article>{{ detail.isRent === 1 ? "是" : "否" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">与户主关系：</p>
|
<article v-if="detail.relation">{{ detail.relationName }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">联系方式：</p>
|
<article>{{ detail.phone || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">籍贯：</p>
|
<article>{{ detail.nativePlace || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">文化程度：</p>
|
<article>{{ detail.cultureLevelName }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">婚姻状况：</p>
|
<article v-if="detail.marriage">{{ setMarriage }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">健康状况：</p>
|
<article>{{ detail.healthy || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">工作单位：</p>
|
<article>{{ detail.workCompany || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">本地外地:</p>
|
<article>
|
{{ detail.outOrLocal && detail.outOrLocal === 1 ? "本地" : "外地" }}
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">户口所在地：</p>
|
<article>{{ detail.censusRegister || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">街路巷：</p>
|
<article>{{ detail.road || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">更新时间：</p>
|
<article>{{ detail.updateAt || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">人员标签：</p>
|
<article>{{ detail.label || "" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">职业资料：</p>
|
<article>{{ detail.profession || "" }}</article>
|
</section>
|
<section
|
class="w_col_24"
|
v-for="(item, index) in detail.houseList"
|
:key="item.houseId"
|
>
|
<p class="label-content-width">居住地址{{ index + 1 }}：</p>
|
<article>{{ item.address || "" }}</article>
|
</section>
|
<section class="w_col_24">
|
<p class="label-content-width">备注：</p>
|
<article>{{ detail.remark || "" }}</article>
|
</section>
|
</div>
|
<div v-if="isCard">
|
<v-header title="电子档案："></v-header>
|
<div class="cards">
|
<h6 v-if="cards.cardPhotoBack">身份证(国徽面)</h6>
|
<div class="imgs">
|
<img
|
v-if="cards.cardPhotoBack"
|
:src="cards.cardPhotoBack || '../../static/image/noimage.jpg'"
|
alt=""
|
@click="appShowImage(cards.cardPhotoBack)"
|
/>
|
</div>
|
<h6 v-if="cards.cardPhotoFront">身份证(人像面)</h6>
|
<div class="imgs">
|
<img
|
v-if="cards.cardPhotoFront"
|
:src="cards.cardPhotoFront || '../../static/image/noimage.jpg'"
|
alt=""
|
@click="appShowImage(cards.cardPhotoFront)"
|
/>
|
</div>
|
<h6 v-if="cardList.length !== 0">户口本</h6>
|
<div class="imgs">
|
<img
|
:src="i || '../../static/image/noimage.jpg'"
|
alt=""
|
v-for="(i, j) in cardList"
|
:key="j + '-c'"
|
@click="appShowImage(i, cardList)"
|
/>
|
</div>
|
</div>
|
</div>
|
|
<v-header title="电子档案：" tag="暂无TA的档案信息" v-else></v-header>
|
|
<div class="line"></div>
|
<span ref="family" id="family"></span>
|
<v-header title="家庭成员"></v-header>
|
<!--家庭成员-->
|
<div class="list-box">
|
<div class="list1" v-for="item in detail.familyInfoVOList" :key="item.id">
|
<div class="list-title">{{ item.relationship || "" }}</div>
|
<div class="list-item">姓名：{{ item.name || "" }}</div>
|
<div class="list-item">年龄：{{ item.age || "" }}</div>
|
<div class="list-item">职业：{{ item.job || "" }}</div>
|
<div class="list-item">手机号：{{ item.phone || "" }}</div>
|
<div class="list-item">健康状况：{{ item.health || "" }}</div>
|
<div class="list-item">
|
身份证：{{ item.idCard || "" }}
|
<div class="col_primary" @click="onShowCard(item)">查看电子档案</div>
|
</div>
|
</div>
|
</div>
|
<!--houseList -->
|
<div class="line"></div>
|
<v-header title="房屋信息"></v-header>
|
<span ref="house" id="house"></span>
|
<div class="list-box">
|
<div
|
class="list1"
|
v-for="item in detail.houseList || []"
|
:key="item.houseId"
|
>
|
<div class="list-item">房屋：{{ item.address || "" }}</div>
|
<div class="list-item">
|
房屋状态：{{ ["", "自住", "租住", "其他"][item.status || 0] }}
|
<div class="col_primary" @click="setTouse(item)">查看</div>
|
</div>
|
</div>
|
</div>
|
<!-- car messge -->
|
<div class="line"></div>
|
<v-header title="车辆信息"></v-header>
|
<span ref="vehicle" id="vehicle"></span>
|
<div class="list-box">
|
<div class="list1" v-for="item in detail.carList" :key="item.id">
|
<div class="list-title">{{ item.plateNum || "" }}</div>
|
<div class="list-item">品牌型号：{{ item.brand || "" }}</div>
|
<div class="list-item">车神颜色：{{ item.color || "" }}</div>
|
</div>
|
</div>
|
<!-- 精神障碍信息 -->
|
<div class="line"></div>
|
<v-header title="精神障碍信息"></v-header>
|
<span ref="spirit" id="spirit"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="(item, index) in detail.comMajorPopulationVOs || []"
|
:key="index"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">经济状况:</p>
|
<article>{{ item.economicCondition }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">监护人:</p>
|
<article>{{ item.custodyPerson }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">监护人电话:</p>
|
<article>{{ item.custodyPersonPhone }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">与监护人关系:</p>
|
<article>{{ item.custodyRelation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">目前诊断:</p>
|
<article>无</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">其他:</p>
|
<article>无</article>
|
</section>
|
</div>
|
</div>
|
<!--吸毒信息 -->
|
<div class="line"></div>
|
<v-header title="吸毒信息"></v-header>
|
|
<span ref="drug" id="drug"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="(item, index) in detail.comDrugPopulationVOs || []"
|
:key="index"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">管控人联系方式:</p>
|
<article>{{ item.controlPersonPhone }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">帮扶情况:</p>
|
<article>{{ item.helpSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">帮扶人姓名:</p>
|
<article>{{ item.helpPerson }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">帮扶人联系方式:</p>
|
<article>{{ item.helpPersonPhone }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">吸毒原因:</p>
|
<article>{{ item.drugReason }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">吸毒后果:</p>
|
<article>{{ item.drugResult }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">有无犯罪史:</p>
|
<article>{{ item.haveCrime }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">违法犯罪情况:</p>
|
<article>{{ item.crimeSutiation }}</article>
|
</section>
|
</div>
|
</div>
|
<!--社区矫正信息 -->
|
<div class="line"></div>
|
<v-header title="社区矫正信息"></v-header>
|
<span ref="correct" id="correct"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="item in detail.comCorrectPopulationVOs || []"
|
:key="item.communityId"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">学历:</p>
|
<article>{{ item.cultureLevel }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">社区矫正人员编号:</p>
|
<article>{{ item.correctPersonCode }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">原羁押场所:</p>
|
<article>{{ item.originalCustodyplace }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">案件类别:</p>
|
<article>{{ item.caseType }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">原判刑期:</p>
|
<article>{{ item.originalTerm }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">原判刑开始日期:</p>
|
<article>{{ item.originalTermBegin }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">原判刑结束日期:</p>
|
<article>{{ item.originalTermEnd }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">接收方式:</p>
|
<article>{{ item.receiveMethod }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否是惯犯:</p>
|
<article>
|
<span v-if="item.isRecidivist == '1'">是</span
|
><span v-if="item.isRecidivist == '0'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">四史情况:</p>
|
<article>{{ item.fourHistory }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">三涉情况:</p>
|
<article>{{ item.threeInvovle }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否建立矫正小组:</p>
|
<article>
|
<span v-if="item.isCorrectGroup == '1'">是</span
|
><span v-if="item.isCorrectGroup == '0'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">矫正小组人员组成情况:</p>
|
<article>{{ item.correctGroupConstitute }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">矫正解除（终止）类型:</p>
|
<article>{{ item.correctRelieveType }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否有脱管:</p>
|
<article>
|
<span v-if="item.isOutControl == '1'">是</span
|
><span v-if="item.isOutControl == '0'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">脱管原因:</p>
|
<article>{{ item.outControlReason }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">脱管纠正情况:</p>
|
<article>{{ item.outControlCorrect }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">检察监督脱管情况:</p>
|
<article>{{ item.inspectOutControl }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否有漏管:</p>
|
<article>
|
<span v-if="item.isMissControl == '1'">是</span
|
><span v-if="item.isMissControl == '0'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">漏管原因:</p>
|
<article>{{ item.missControlReason }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">矫正开始日期:</p>
|
<article>{{ item.correctBegin }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">矫正结束日期:</p>
|
<article>{{ item.correctEnd }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">矫正类别:</p>
|
<article>{{ item.correctType }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">具体罪名:</p>
|
<article>{{ item.specificCharge }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">漏管纠正情况:</p>
|
<article>{{ item.missControlCorrect }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">检察监督漏管情况:</p>
|
<article>{{ item.inspectOutControl }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">奖惩情况:</p>
|
<article>{{ item.rewardAndPunishiment }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否重新犯罪:</p>
|
<article>
|
<span v-if="item.isAgainCrime == '1'">是</span
|
><span v-if="item.isAgainCrime == '0'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">重新犯罪名称:</p>
|
<article>{{ item.againCrimeName }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">刑罚变更执行情况:</p>
|
<article>{{ item.pubishmentChange }}</article>
|
</section>
|
</div>
|
</div>
|
<!--邪教信息 -->
|
<div class="line"></div>
|
<v-header title="邪教信息"></v-header>
|
<span ref="Cult" id="Cult"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="item in detail.comCultPopulationVOs || []"
|
:key="item.communityId"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">邪教名称:</p>
|
<article>{{ item.cultName }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">基本情况:</p>
|
<article>{{ item.basicSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">备注:</p>
|
<article>{{ item.remark }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">基本情况（参加邪教的活动情况）:</p>
|
<article>{{ item.basicSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">参加邪教时间:</p>
|
<article>{{ item.joinCultDate }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否对外宣传:</p>
|
<article>
|
<span v-if="item.isExternalPublicity == '1'">是</span
|
><span v-if="item.isExternalPublicity == '0'">否</span>
|
</article>
|
</section>
|
</div>
|
</div>
|
<!--刑释信息 -->
|
<div class="line"></div>
|
<v-header title="刑释信息"></v-header>
|
<span ref="prison" id="prison"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="item in detail.comRehabilitationPopulationVOs || []"
|
:key="item.communityId"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">主要亲属:</p>
|
<article>1</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">与人员关系:</p>
|
<article>{{ item.patientRelation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">列管原因及类别:</p>
|
<article>{{ item.rehabReasonAndType }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否列管:</p>
|
<article>
|
<span v-if="item.isRehab === '1'">是</span
|
><span v-if="item.isRehab === '0'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否累犯:</p>
|
<article>
|
<span v-if="item.isRecidivist === '1'">是</span
|
><span v-if="item.isRecidivist === '0'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">原判刑期:</p>
|
<article>{{ item.originalTerm }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">服刑日期:</p>
|
<article>{{ item.sentenceBegin }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">原罪名:</p>
|
<article>{{ item.originalCharge }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">释放日期:</p>
|
<article>{{ item.sentenceEnd }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">服刑场所:</p>
|
<article>{{ item.sentencePlace }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">危险性评估:</p>
|
<article>{{ item.riskAssessment }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">衔接日期:</p>
|
<article>{{ item.joinDate }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">衔接情况:</p>
|
<article>{{ item.joinSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否重新犯罪:</p>
|
<article>
|
<span v-if="item.isAgainCrime === '1'">是</span
|
><span v-if="item.isAgainCrime === '0'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">重新犯罪罪名:</p>
|
<article>{{ item.againCrimeName }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">安置情况:</p>
|
<article>{{ item.placeSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">安置日期:</p>
|
<article>{{ item.placeDate }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">未安置原因:</p>
|
<article>{{ item.notPlaceReason }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">帮教开始:</p>
|
<article>{{ item.helpBegin }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">帮教结束:</p>
|
<article>{{ item.helpEnd }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">帮教情况:</p>
|
<article>{{ item.helpSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">备注:</p>
|
<article>{{ item.remark }}</article>
|
</section>
|
</div>
|
</div>
|
<!--上访信息 -->
|
<div class="line"></div>
|
<v-header title="上访信息"></v-header>
|
<span ref="petition" id="petition"></span>
|
<div
|
class="list-box"
|
v-for="item in detail.comKeyPopulationVOs || []"
|
:key="item.communityId"
|
>
|
备注： {{ item.remark }}
|
</div>
|
<!--服刑信息 -->
|
<!-- <div class="line"></div>
|
<v-header title="服刑信息"></v-header>
|
<span ref="sentence"></span>
|
<div class="list-box">
|
<div class="w_row demo_form clearfix">
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">配偶:</p>
|
<article>1</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">服刑地:</p>
|
<article>1</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">服刑开始时间:</p>
|
<article>1</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">服刑结束时间:</p>
|
<article>1</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">罪名:</p>
|
<article>1</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">备注:</p>
|
<article>1</article>
|
</section>
|
</div>
|
</div> -->
|
<!-- 退役军人信息-->
|
<div class="line"></div>
|
<v-header title="退役军人信息"></v-header>
|
<span ref="soldier" id="soldier"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="item in detail.comVeteransPopulationVOs || []"
|
:key="item.communityId"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">照片:</p>
|
<article>
|
<span v-if="item.photo"><img :src="item.photo" /></span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">人员状态:</p>
|
<article>{{ item.personStatus }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">机构:</p>
|
<article>{{ item.organization }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">户籍性质:</p>
|
<article>
|
<span v-if="item.regiterNature === '1'">城镇户口</span
|
><span v-if="item.regiterNature === '2'">农村户口</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">入伍时间:</p>
|
<article>{{ item.enlistDate }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">退伍时间:</p>
|
<article>{{ item.retireDate }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">人员类别:</p>
|
<article>{{ item.personCategory }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">住房情况:</p>
|
<article>{{ item.houseSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">住房情况（其他):</p>
|
<article>{{ item.houseSituationOther }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">住房面积:</p>
|
<article>{{ item.buildArea }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">现就业情况:</p>
|
<article>{{ item.employmentSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">在职情况类型:</p>
|
<article>{{ item.incumbencyType }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">现就业情况（其他):</p>
|
<article>{{ item.employmentSituationOther }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">养老保险:</p>
|
<article>{{ item.endowmentInsurance }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">医疗保险:</p>
|
<article>{{ item.medicalInsurance }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">现个人年收入(元):</p>
|
<article>{{ item.annualIncome }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">父亲健康状况:</p>
|
<article>{{ item.fatherHealthy }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">母亲健康状况:</p>
|
<article>{{ item.motherHealthy }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">配偶健康状况:</p>
|
<article>{{ item.spouseHealthy }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">儿子健康状况:</p>
|
<article>{{ item.sonHealthy }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">女儿健康状况:</p>
|
<article>{{ item.daughterDealthy }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">主要困难:</p>
|
<article>{{ item.mainDifficulty }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">其他困难:</p>
|
<article>{{ item.otherDifficulty }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">主要诉求:</p>
|
<article>{{ item.mainDemand }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">主要诉求(其他事项问题):</p>
|
<article>{{ item.mainDemandOther }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">需参加的学历培训:</p>
|
<article>{{ item.academicTraining }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否已参加退役军人培训（政府性质）:</p>
|
<article>
|
<span v-if="item.isVeteransTraining === '1'">是</span
|
><span v-if="item.isVeteransTraining === '2'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">入伍前学历:</p>
|
<article>{{ item.educationBeforeEnlistment }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">再教育学历:</p>
|
<article>{{ item.reEducation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">所学专业:</p>
|
<article>{{ item.major }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">所学专业（其他）:</p>
|
<article>{{ item.majorOther }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">曾从事行业（含现从事行业）:</p>
|
<article>{{ item.onceEngagedIndustry }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">曾从事行业（含现从事行业）其他:</p>
|
<article>{{ item.onceEngagedIndustryOther }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">意向就业地点:</p>
|
<article>{{ item.intendedPlaceOfEmployment }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">意向就业地点其他地区:</p>
|
<article>{{ item.intendedPlaceOfEmploymentOther }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">待业期间的求职意向:</p>
|
<article>{{ item.unemploymedEngagedIndustry }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">待业期间的求职意向（其他）:</p>
|
<article>{{ item.unemploymedEngagedIndustryOther }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">是否有创业意愿:</p>
|
<article>
|
<span v-if="item.isBusiness === '1'">是</span
|
><span v-if="item.isBusiness === '2'">否</span>
|
</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">创业意愿:</p>
|
<article>{{ item.intendedPlaceOfEmployment }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">备注:</p>
|
<article>{{ item.remark }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">填表单位:</p>
|
<article>{{ item.fillUnit }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">填表人:</p>
|
<article>{{ item.fillPerson }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">填表人联系电话:</p>
|
<article>{{ item.fillPersonPhone }}</article>
|
</section>
|
</div>
|
</div>
|
<!-- 残疾人信息 -->
|
<div class="line"></div>
|
<v-header title="残疾人信息"></v-header>
|
<span ref="disability" id="disability"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="item in detail.comDisabilityPopulationVOs || []"
|
:key="item.communityId"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">办证状况:</p>
|
<article>{{ item.certificateSituation }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">残疾类别:</p>
|
<article>{{ item.disType }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">残疾等级:</p>
|
<article>{{ item.disLevel }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">备注:</p>
|
<article>{{ item.remark }}</article>
|
</section>
|
</div>
|
</div>
|
<!-- 低保户信息 -->
|
<div class="line"></div>
|
<v-header title="低保户信息"></v-header>
|
<span ref="allowance" id="allowance"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="(item, index) in detail.comLowSecurityPopulationVOs || []"
|
:key="index"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">地区:</p>
|
<article>{{ item.region }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">家庭编码:</p>
|
<article>{{ item.familyCode }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">组名称:</p>
|
<article>{{ item.groupName }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">分类救助类别:</p>
|
<article>{{ item.classifiedRescueCategory }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">申请日期:</p>
|
<article>{{ item.applyDate }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">户主姓名:</p>
|
<article>{{ item.houseHolderName }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">户主身份证:</p>
|
<article>{{ item.houseHolderCardNo }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">户主编码:</p>
|
<article>{{ item.houseHolderCode }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">居住地邮编:</p>
|
<article>{{ item.residencePostalCode }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">救助证号:</p>
|
<article>{{ item.salvageCertificateNo }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">保障人口数:</p>
|
<article>{{ item.guaranteedPopulationNumber }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">家庭人口数:</p>
|
<article>{{ item.familyPopulationNumber }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">开户人:</p>
|
<article>{{ item.accountPerson }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">开户银行:</p>
|
<article>{{ item.accountBank }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">开户人身份证号:</p>
|
<article>{{ item.accountCardNo }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">银行账号:</p>
|
<article>{{ item.bankAccount }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">供养机构:</p>
|
<article>{{ item.supportInstitutions }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">资金发放方式:</p>
|
<article>{{ item.distributionMethod }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">保障金额:</p>
|
<article>{{ item.guaranteedAmount }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">调剂金额:</p>
|
<article>{{ item.reallocationAmount }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">差额救助金额:</p>
|
<article>{{ item.differenceReliefAmount }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">分类施保金额:</p>
|
<article>{{ item.classifiedInsuredAmount }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">家庭月总收入:</p>
|
<article>{{ item.totalMonthlyFamilyIncome }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">家庭月均收入:</p>
|
<article>{{ item.averageMonthlyFamilyIncome }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">家庭月均支出:</p>
|
<article>{{ item.totalMonthlyFamilyExpenditure }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">经度:</p>
|
<article>{{ item.lng }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">纬度:</p>
|
<article>{{ item.lat }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">始发年月:</p>
|
<article>{{ item.originateDate }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">护理费:</p>
|
<article>{{ item.nursingFee }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">申请理由:</p>
|
<article>{{ item.applyReason }}</article>
|
</section>
|
</div>
|
</div>
|
<!-- 高龄信息 -->
|
<div class="line"></div>
|
<v-header title="高龄信息"></v-header>
|
<span ref="advanced" id="advanced"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="(item, index) in detail.comElderAuthElderliesVOList || []"
|
:key="index"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">健在:</p>
|
<article>{{ item.isAlive == "1" ? "是" : "否" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">办理高龄津贴:</p>
|
<article>{{ item.isRegister == "1" ? "是" : "否" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">开始领取时间:</p>
|
<article>{{ item.receiveAllowanceBegin }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">现居住地址:</p>
|
<article>{{ item.address }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">备注:</p>
|
<article>{{ item.remark }}</article>
|
</section>
|
</div>
|
</div>
|
|
<!-- 养老信息 -->
|
<div class="line"></div>
|
<v-header title="养老信息"></v-header>
|
<span ref="provide" id="provide"></span>
|
<div class="list-box">
|
<div
|
class="w_row demo_form clearfix"
|
v-for="(item, index) in detail.comPensionAuthPensionerVOList || []"
|
:key="index"
|
>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">健在:</p>
|
<article>{{ item.isAlive == "1" ? "是" : "否" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">办理养老金:</p>
|
<article>{{ item.isRegister == "1" ? "是" : "否" }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">开始领取时间:</p>
|
<article>{{ item.receiveAllowanceBegin }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">现居住地址:</p>
|
<article>{{ item.address }}</article>
|
</section>
|
<section class="w_col_8 w_col_md_24">
|
<p class="label-content-width">备注:</p>
|
<article>{{ item.remark }}</article>
|
</section>
|
</div>
|
</div>
|
<!-- end -->
|
<div class="line"></div>
|
</div>
|
</template>
|
|
<script>
|
import { watermark, removewatermark } from "../../../utils/watermark";
|
export default {
|
props: {},
|
components: {},
|
data() {
|
return {
|
domList: [],
|
scroll: false, //点击时禁止监听滚动条
|
activeName: "Basics", //tab
|
relation: [
|
"",
|
{ name: "户主", value: 1 },
|
{ name: "配偶", value: 2 },
|
{ name: "子女", value: 3 },
|
{ name: "孙女", value: 4 },
|
{ name: "父母", value: 5 },
|
{ name: "其他", value: 6 },
|
],
|
cultureLevel: [
|
"",
|
{ name: "小学", value: 1 },
|
{ name: "初中", value: 2 },
|
{ name: "高中", value: 3 },
|
{
|
name: "中专",
|
value: 4,
|
},
|
{ name: "大专", value: 5 },
|
{ name: "本科", value: 6 },
|
{ name: "硕士", value: 7 },
|
{ name: "博士", value: 8 },
|
{
|
name: "其他",
|
value: 9,
|
},
|
],
|
id: "",
|
detail: {},
|
cards: "",
|
politicalOutlookList: [
|
"",
|
"中共党员",
|
"中共预备党员",
|
"共青团员",
|
"民革党员",
|
"民盟盟员",
|
"民建会员",
|
"农工党党员",
|
"农工党党员",
|
"致公党党员",
|
"九三学社社员",
|
"台盟盟员",
|
"无党派人士",
|
"群众",
|
],
|
marriage: [
|
{ name: "未婚", value: 10 },
|
{ name: "已婚", value: 20 },
|
{ name: "初婚", value: 21 },
|
{ name: "再婚", value: 22 },
|
{ name: "复婚", value: 23 },
|
{ name: "丧偶", value: 30 },
|
{ name: "离婚", value: 40 },
|
{ name: "未说明", value: 90 },
|
],
|
trs: [
|
{ text: "姓名", val: "btn" },
|
{ text: "户主关系", val: "btn", slot: "relation" },
|
{ text: "手机号", val: "phone" },
|
],
|
tr2: [
|
{ text: "姓名", val: "btn", slot: "name" },
|
{ text: "家庭成员关系", val: "relationship" },
|
{ text: "手机号", val: "phone" },
|
{ text: "操作", val: "btn" },
|
],
|
cardList: [],
|
personTypeList: [
|
{ value: "1", label: "户籍人口" },
|
{ value: "2", label: "留守人员" },
|
{ value: "3", label: "外地人员" },
|
{ value: "4", label: "境外人员" },
|
{ value: "5", label: "流动人口" },
|
{ value: "6", label: "常住人口" },
|
{ value: "7", label: "暂住人口" },
|
],
|
};
|
},
|
inject: ["appShowImage"],
|
watch: {
|
id() {
|
this.init();
|
},
|
},
|
computed: {
|
setMarriage() {
|
let text = "";
|
this.marriage.map((item) => {
|
if (item.value === this.detail.marriage) {
|
text = item.name;
|
}
|
});
|
return text;
|
},
|
isCard() {
|
return demo._is_obj(this.cards).code === 6;
|
},
|
},
|
methods: {
|
reText(list, type) {
|
let text = "-";
|
list.forEach((item) => {
|
if (item.value == type) {
|
text = item.label;
|
}
|
});
|
return text;
|
},
|
setTouse(item) {
|
//查看房屋 man_quarters
|
this.$router.push({
|
path: "/man_quarters_detail",
|
query: { id: item.houseId },
|
});
|
},
|
handleClick(tab, event) {
|
// console.log(tab);
|
let name = tab.name;
|
// 点击tab会触发滚动条监听 取消监听
|
this.scroll = true;
|
setTimeout((_) => {
|
this.scroll = false;
|
}, 100);
|
let y = this.$refs[name].offsetTop; //
|
let x = y - 170;
|
this.$nextTick(() => {
|
document.getElementById("body").scrollTop = x;
|
this.activeName = name;
|
});
|
},
|
handleScroll() {
|
let t = document.getElementById("body");
|
let top = 0;
|
if (!t) {
|
return;
|
}
|
top = t.scrollTop + 170;
|
// let top = document.getElementById('body').scrollTop+170
|
if (this.scroll) {
|
return;
|
}
|
let length = this.domList.length;
|
this.domList.map((item, index) => {
|
if (
|
(top >= item.top &&
|
index < length - 1 &&
|
top < this.domList[index + 1].top) ||
|
(top >= item.top && index === length - 1)
|
) {
|
// console.log(item.name)
|
this.activeName = item.name;
|
}
|
});
|
// for(let i=0;i<length;i++){
|
// alert(1)
|
// if(top >= this.domList[i].top && top < this.domList[i+1].top){
|
//
|
// this.activeName = this.domList[i].name;
|
// };
|
// }
|
},
|
is_time(v) {
|
return demo.timeout(new Date(v).getTime(), "alls", "-");
|
},
|
onShowCard(v) {
|
this.$store.dispatch("setFixed", {
|
event: "add",
|
data: { data: { type: this.$route.name, v }, type: "user-card" },
|
time: Date.now(),
|
});
|
},
|
onScaleImage(url) {
|
if (url) {
|
this.$store.dispatch("setImage", {
|
time: Date.now(),
|
pic: url,
|
tool: true,
|
});
|
}
|
},
|
init() {
|
console.log(this.id);
|
if (this.id) {
|
this.$api.post(
|
"common/data/population/detail?populationId=" + this.id,
|
{},
|
(e) => {
|
this.detail = e;
|
console.log(this.detail);
|
this.cards = e.userElectronicFileVO;
|
if (this.isCard) {
|
this.cardList = ((this.cards.familyBook || "") + "")
|
.split(",")
|
.filter((r) => {
|
return r !== "";
|
});
|
console.log(this.cardList);
|
}
|
}
|
);
|
}
|
},
|
onDetail(id) {
|
this.$router.push("/man_user_detail/" + id);
|
this.$nextTick(() => {
|
this.id = id;
|
});
|
},
|
},
|
destroyed() {
|
removewatermark();
|
},
|
mounted() {
|
const USER_INFO = demo.$session.get("user");
|
watermark({
|
watermark_txt: `${USER_INFO.title}-“${USER_INFO.account} ${USER_INFO.name}”`,
|
});
|
document.addEventListener("scroll", this.handleScroll, true);
|
this.id = this.$route.params.id;
|
let list = [
|
"Basics",
|
"family",
|
"house",
|
"vehicle",
|
"spirit",
|
"drug",
|
"correct",
|
"Cult",
|
"prison",
|
"petition",
|
"sentence",
|
"soldier",
|
"disability",
|
"allowance",
|
];
|
this.domList = [];
|
// list.map(item=>{
|
// let o = {
|
// top:this.$refs[item].offsetTop,
|
// name:item
|
// }
|
// this.domList.push(o)
|
// })
|
// document.getElementById('body').scrollTop
|
},
|
};
|
</script>
|
<style lang='less' scoped>
|
.col_primary {
|
cursor: pointer;
|
}
|
.title-back {
|
padding: 20px 0;
|
.title {
|
font-size: 18px;
|
height: 40px;
|
line-height: 40px;
|
padding-right: 10px;
|
font-weight: bold;
|
}
|
}
|
|
.list-box {
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
box-sizing: border-box;
|
}
|
.list1 {
|
box-sizing: border-box;
|
margin: 10px;
|
width: 350px;
|
padding: 10px;
|
border-radius: 10px;
|
border: #d7d7d7 1px solid;
|
}
|
.list-item {
|
width: 100%;
|
padding: 10px 0;
|
display: flex;
|
justify-content: space-between;
|
}
|
.list-title {
|
font-size: 18px;
|
font-weight: 700;
|
color: #333333;
|
}
|
.pop_detail {
|
font-size: 14px;
|
color: #333;
|
overflow-y: auto;
|
/*overflow: auto;*/
|
transition: all 1s;
|
.sticky {
|
position: sticky;
|
top: 0;
|
z-index: 500;
|
background: white;
|
}
|
.cards {
|
h6 {
|
font-weight: 400;
|
padding: 10px 0;
|
text-indent: 5px;
|
}
|
.imgs {
|
display: flex;
|
flex-wrap: wrap;
|
img {
|
width: 250px;
|
height: 123px;
|
margin: 0 5px 10px;
|
border-radius: 5px;
|
overflow: hidden;
|
cursor: pointer;
|
}
|
}
|
}
|
section {
|
display: flex;
|
margin-bottom: 15px;
|
line-height: 20px;
|
|
&.ls section {
|
width: 50%;
|
}
|
|
.label {
|
width: 200px !important;
|
text-align: right;
|
overflow: unset;
|
white-space: normal;
|
}
|
|
article {
|
width: calc(~"100% - 120px");
|
}
|
|
.avatar {
|
width: 100px;
|
height: 100px;
|
cursor: pointer;
|
|
img {
|
display: block;
|
width: 100%;
|
height: 100%;
|
}
|
}
|
}
|
|
.line {
|
height: 50px;
|
}
|
|
.list {
|
max-width: 600px;
|
ul {
|
display: flex;
|
flex-wrap: wrap;
|
padding: 0 10px;
|
box-sizing: border-box;
|
|
li {
|
width: 30%;
|
background-color: #fff;
|
min-width: 340px;
|
box-sizing: border-box;
|
padding: 20px;
|
box-shadow: 0 0 5px #ccc;
|
border-radius: 5px;
|
margin: 0 30px 20px 0;
|
|
.name {
|
font-size: 18px;
|
font-weight: 700;
|
margin-bottom: 10px;
|
}
|
|
p {
|
margin-bottom: 5px;
|
line-height: 1.2;
|
|
&:last-child {
|
margin-bottom: 0;
|
}
|
}
|
}
|
}
|
}
|
.demo_form {
|
section {
|
min-width: 300px;
|
}
|
article {
|
min-width: 200px;
|
align-items: center;
|
display: flex;
|
// -webkit-line-clamp:3;
|
// -webkit-box-orient: vertical;
|
// display: -webkit-box;
|
// text-overflow: ellipsis;
|
}
|
}
|
}
|
|
.col {
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
}
|
|
.col-box {
|
padding: 16px 0;
|
box-sizing: border-box;
|
display: flex;
|
}
|
|
.col-title {
|
text-align: right;
|
min-width: 100px;
|
}
|
|
.col-cont {
|
min-width: 300px;
|
}
|
.label-content-width {
|
min-width: 250px;
|
text-align: right;
|
}
|
</style>
|
