Browse Source

改了下样式

V1.0
mk 3 years ago
parent
commit
948dbedb1f
  1. 2
      src/assets/scss/modules/management/list-main.scss
  2. 32
      src/views/components/resiInfo.vue
  3. 10
      src/views/components/resiSearch.vue

2
src/assets/scss/modules/management/list-main.scss

@ -4,7 +4,7 @@
width: 100%; width: 100%;
.m-search { .m-search {
padding: 10px; padding: 24px 10px 10px;
// box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12); box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);

32
src/views/components/resiInfo.vue

@ -11,7 +11,8 @@
</el-row> </el-row>
<el-row type="flex" justify="" class="f-m-top29" > <el-row type="flex" justify="" class="f-m-top29" >
<el-col :span="24" class="f-flex"> <el-col :span="24" class="f-flex">
<div class="f-label">本地户籍:</div> <div class="f-left8 f-font-color"> {{resiDetailObj.localResidenceFlag==1?'是':resiDetailObj.localResidenceFlag==0?'否':'--'}} <div class="f-label">本地户籍:</div> <div class="f-left8 f-font-color">
{{resiDetailObj.localResidenceFlag==1?'是':resiDetailObj.localResidenceFlag==0?'否':'--'}}
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -33,7 +34,9 @@
</el-row> </el-row>
<el-row type="flex" justify="" class="f-m-top29" > <el-row type="flex" justify="" class="f-m-top29" >
<el-col :span="12" class="f-flex"> <el-col :span="12" class="f-flex">
<div class="f-label">联系电话:</div> <div class="f-left8 f-font-color"> {{resiDetailObj.showMobile?resiDetailObj.showMobile:resiDetailObj.mobile?`${resiDetailObj.mobile.substr(0,3)}`+ "****" +`${resiDetailObj.mobile.substr(7,5)}`:'--'}} </div> <div class="f-label">联系电话:</div> <div class="f-left8 f-font-color">
{{resiDetailObj.showMobile?resiDetailObj.showMobile:resiDetailObj.mobile?`${resiDetailObj.mobile.substr(0,3)}`+ "****" +`${resiDetailObj.mobile.substr(7,5)}`:'--'}}
</div>
<el-button v-if="resiDetailObj.mobile" <el-button v-if="resiDetailObj.mobile"
style="margin-left: 10px" style="margin-left: 10px"
type="text" type="text"
@ -43,7 +46,9 @@
@click="handleTuomin('mobile')">显示</el-button> @click="handleTuomin('mobile')">显示</el-button>
</el-col> </el-col>
<el-col :span="12" class="f-flex"> <el-col :span="12" class="f-flex">
<div class="f-label">证件号: </div> <div class="f-left8 f-font-color"> {{resiDetailObj.showIdNum?resiDetailObj.showIdNum:resiDetailObj.idNum?`${resiDetailObj.idNum.substr(0, 11)}` +"******" +`${resiDetailObj.idNum.substr(16, 2)}`:'--'}}</div> <div class="f-label">证件号: </div>
<div class="f-left8 f-font-color">{{resiDetailObj.showIdNum?resiDetailObj.showIdNum:resiDetailObj.idNum?`${resiDetailObj.idNum.substr(0, 11)}` +"******" +`${resiDetailObj.idNum.substr(16, 2)}`:'--'}}
</div>
<el-button v-if="resiDetailObj.idNum" <el-button v-if="resiDetailObj.idNum"
style="margin-left: 10px" style="margin-left: 10px"
type="text" type="text"
@ -55,10 +60,9 @@
</el-row> </el-row>
<el-row type="flex" justify="" class="f-m-top29" > <el-row type="flex" justify="" class="f-m-top29" >
<el-col :span="24" class="f-flex"> <el-col :span="24" class="f-flex">
<div class="f-label">备注:</div> <div class="f-left8 f-font-color">{{resiDetailObj.remark?resiDetailObj.remark:'--'}}</div> <div class="f-label">备注:</div>
<div class="f-left8 f-font-color">{{resiDetailObj.remark?resiDetailObj.remark:'--'}}</div>
</el-col> </el-col>
</el-row> </el-row>
<div class=" title-small title_postion f-top40" >分类信息 </div> <div class=" title-small title_postion f-top40" >分类信息 </div>
<el-row class="f-m-top29"> <el-row class="f-m-top29">
@ -169,13 +173,13 @@
<el-col :span="8"> <el-col :span="8">
<div class="f-flex f-bto16 f-top24"> <div class="f-flex f-bto16 f-top24">
<div class="f-labels">监护人:</div> <div class="f-labels">监护人:</div>
<span class="f-left8 f-font-color">{{resiHealthInfonObj.guardianFlag?resiHealthInfonObj.guardianFlag==1?'有':'--':'无'}}</span> <span class="f-left8 f-font-color">{{resiHealthInfonObj.guardianFlag==1?'有':resiHealthInfonObj.guardianFlag==0?'无':'--'}}</span>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="f-flex f-bto16 f-top24"> <div class="f-flex f-bto16 f-top24">
<div class="f-labels">技能特长:</div> <div class="f-labels">技能特长:</div>
<span class="f-left8 f-font-color">{{resiHealthInfonObj.specialSkillFlag?resiHealthInfonObj.specialSkillFlag==1?'有':'--':'无'}}</span> <span class="f-left8 f-font-color">{{resiHealthInfonObj.specialSkillFlag==1?'有':resiHealthInfonObj.specialSkillFlag==0?'无':'--'}}</span>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -184,13 +188,13 @@
<el-col :span="8"> <el-col :span="8">
<div class="f-flex f-bto16 f-top24"> <div class="f-flex f-bto16 f-top24">
<div class="f-labels">劳动能力:</div> <div class="f-labels">劳动能力:</div>
<span class="f-left8 f-font-color">{{resiHealthInfonObj.workCapacityFlag?resiHealthInfonObj.workCapacityFlag==1?'有':'--':'无'}}</span> <span class="f-left8 f-font-color">{{resiHealthInfonObj.workCapacityFlag==1?'有':resiHealthInfonObj.workCapacityFlag==0?'无':'--'}}</span>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="f-flex f-bto16 f-top24"> <div class="f-flex f-bto16 f-top24">
<div class="f-labels">非义务教育阶段助学:</div> <div class="f-labels">非义务教育阶段助学:</div>
<span class="f-left8 f-font-color">{{resiHealthInfonObj.voluntaryEducationFlag!=''?resiHealthInfonObj.voluntaryEducationFlag==1?'有':'--':'无'}}</span> <span class="f-left8 f-font-color">{{resiHealthInfonObj.voluntaryEducationFlag==1?'有':resiHealthInfonObj.voluntaryEducationFlag==0?'无':'--'}}</span>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -254,7 +258,9 @@
<span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.deliveranceNum?resiHealthInfonObj.deliveranceNum:'--':'--'}}</span> <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.deliveranceNum?resiHealthInfonObj.deliveranceNum:'--':'--'}}</span>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> </el-row>
<el-row>
<el-col :span="24">
<div class="f-flex f-bto16 f-top24"> <div class="f-flex f-bto16 f-top24">
<div class="f-labels">备注:</div> <div class="f-labels">备注:</div>
<span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.healthRemark?resiHealthInfonObj.healthRemark:'--':'--'}}</span> <span class="f-left8 f-font-color">{{resiHealthInfonObj?resiHealthInfonObj.healthRemark?resiHealthInfonObj.healthRemark:'--':'--'}}</span>
@ -369,7 +375,7 @@
<el-col :span="8"> <el-col :span="8">
<div class="f-flex f-bto16 f-top24"> <div class="f-flex f-bto16 f-top24">
<div class="f-labels">有无赡养人 :</div> <div class="f-labels">有无赡养人 :</div>
<span class="f-left8 f-font-color">{{residentFamilyInfoObj?residentFamilyInfoObj.elderlyFlag==1?'有':'--':'无'}}</span> <span class="f-left8 f-font-color">{{residentFamilyInfoObj.elderlyFlag==1?'有':residentFamilyInfoObj.elderlyFlag==0?'无':'--'}}</span>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -662,7 +668,7 @@
</span> </span>
</section> </section>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="24">
<div class="f-flex f-bto16 f-top24"> <div class="f-flex f-bto16 f-top24">
<div class="f-labels">备注 :</div> <div class="f-labels">备注 :</div>
<span class="f-left8 f-font-color">{{residentVolunteerObj?residentVolunteerObj.volunteerRemark?residentVolunteerObj.volunteerRemark:'--':'--'}}</span> <span class="f-left8 f-font-color">{{residentVolunteerObj?residentVolunteerObj.volunteerRemark?residentVolunteerObj.volunteerRemark:'--':'--'}}</span>

10
src/views/components/resiSearch.vue

@ -742,7 +742,7 @@ export default {
} }
console.log( agencyIdTemp); console.log( agencyIdTemp);
this.$http this.$http
.post('/actual/base/communityQuarters/listQuartersOptions', { .post('/gov/org/icneighborhood/neighborhoodoption', {
gridId: agencyIdTemp[1], gridId: agencyIdTemp[1],
agencyId: agencyIdTemp[0], agencyId: agencyIdTemp[0],
// agencyId: user.agencyId // agencyId: user.agencyId
@ -761,8 +761,8 @@ export default {
}, },
getBuildList() { getBuildList() {
this.$http this.$http
.post('/actual/base/communityBuilding/buildingoption', { .post('/gov/org/icbuilding/buildingoption', {
quartersId: this.form.villageId neighborHoodId: this.form.villageId
}) })
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
@ -778,7 +778,7 @@ export default {
}, },
getUniList() { getUniList() {
this.$http this.$http
.post('/actual/base/communityBuildingUnit/unitoption', { .post('/gov/org/icbuildingunit/unitoption', {
buildingId: this.form.buildId buildingId: this.form.buildId
}) })
.then(({ data: res }) => { .then(({ data: res }) => {
@ -795,7 +795,7 @@ export default {
}, },
getHouseList() { getHouseList() {
this.$http this.$http
.post('/actual/base/communityHouse/houseoption', { unitId: this.form.unitId }) .post('/gov/org/ichouse/houseoption', { unitId: this.form.unitId })
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)

Loading…
Cancel
Save