parent
577667a380
commit
3a5325039b
@ -0,0 +1,52 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询字典数据列表
|
||||
export function listData(query) {
|
||||
return request({
|
||||
url: '/system/dict/data/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询字典数据详细
|
||||
export function getData(dictCode) {
|
||||
return request({
|
||||
url: '/system/dict/data/' + dictCode,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 根据字典类型查询字典数据信息
|
||||
export function getDicts(dictType) {
|
||||
return request({
|
||||
url: '/system/dict/data/type/' + dictType,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增字典数据
|
||||
export function addData(data) {
|
||||
return request({
|
||||
url: '/system/dict/data',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改字典数据
|
||||
export function updateData(data) {
|
||||
return request({
|
||||
url: '/system/dict/data',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除字典数据
|
||||
export function delData(dictCode) {
|
||||
return request({
|
||||
url: '/system/dict/data/' + dictCode,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,60 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询字典类型列表
|
||||
export function listType(query) {
|
||||
return request({
|
||||
url: '/system/dict/type/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询字典类型详细
|
||||
export function getType(dictId) {
|
||||
return request({
|
||||
url: '/system/dict/type/' + dictId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增字典类型
|
||||
export function addType(data) {
|
||||
return request({
|
||||
url: '/system/dict/type',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改字典类型
|
||||
export function updateType(data) {
|
||||
return request({
|
||||
url: '/system/dict/type',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除字典类型
|
||||
export function delType(dictId) {
|
||||
return request({
|
||||
url: '/system/dict/type/' + dictId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// 刷新字典缓存
|
||||
export function refreshCache() {
|
||||
return request({
|
||||
url: '/system/dict/type/refreshCache',
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// 获取字典选择框列表
|
||||
export function optionselect() {
|
||||
return request({
|
||||
url: '/system/dict/type/optionselect',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
@ -1,53 +1,53 @@
|
||||
import { request } from '@/api/request.js'
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询居民管理列表
|
||||
export function listPerson(query) {
|
||||
return request({
|
||||
url: '/taicangpop/person/list',
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
return request({
|
||||
url: '/taicangpop/person/list',
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
|
||||
// 查询居民管理详细
|
||||
export function getPerson(id) {
|
||||
return request({
|
||||
url: '/taicangpop/person/' + id,
|
||||
method: 'get',
|
||||
})
|
||||
return request({
|
||||
url: '/taicangpop/person/' + id,
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
// 新增居民管理
|
||||
export function addPerson(data) {
|
||||
return request({
|
||||
url: '/taicangpop/person',
|
||||
method: 'post',
|
||||
data: data,
|
||||
})
|
||||
return request({
|
||||
url: '/taicangpop/person',
|
||||
method: 'post',
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
|
||||
// 修改居民管理
|
||||
export function updatePerson(data) {
|
||||
return request({
|
||||
url: '/taicangpop/person',
|
||||
method: 'put',
|
||||
data: data,
|
||||
})
|
||||
return request({
|
||||
url: '/taicangpop/person',
|
||||
method: 'put',
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
|
||||
// 删除居民管理
|
||||
export function delPerson(id) {
|
||||
return request({
|
||||
url: '/taicangpop/person/' + id,
|
||||
method: 'delete',
|
||||
})
|
||||
return request({
|
||||
url: '/taicangpop/person/' + id,
|
||||
method: 'delete',
|
||||
})
|
||||
}
|
||||
|
||||
// 导出居民管理
|
||||
export function exportPerson(query) {
|
||||
return request({
|
||||
url: '/taicangpop/person/export',
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
return request({
|
||||
url: '/taicangpop/person/export',
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
<template>
|
||||
<view class="bottom-btn">
|
||||
<u-button :type="type" @click="handlerClick()">{{title}}</u-button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: 'success'
|
||||
},
|
||||
},
|
||||
name: "bottomBtn",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handlerClick() {
|
||||
this.$emit('handlerClick')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bottom-btn {
|
||||
border-top: 1px solid #e4e7ed;
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx 20rpx;
|
||||
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
bottom: 0%;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,238 @@
|
||||
<template>
|
||||
<navigation-general :title="title">
|
||||
<u-form :model="form" ref="uForm" label-width="130rpx">
|
||||
<u-form-item label="姓名" prop="name"><u-input v-model="form.name" /></u-form-item>
|
||||
<u-form-item label="身份证"><u-input v-model="form.credentialNo" /></u-form-item>
|
||||
<u-form-item label="手机号" prop="phone"><u-input v-model="form.phone" /></u-form-item>
|
||||
<u-form-item label="人员类型">
|
||||
<u-checkbox-group @change="checkboxGroupChange">
|
||||
<u-checkbox v-model="item.checked" v-for="(item, index) in typeList" :key="index" :name="item.name">
|
||||
{{ item.name }}
|
||||
</u-checkbox>
|
||||
</u-checkbox-group>
|
||||
</u-form-item>
|
||||
<u-form-item label="户籍" prop="color">
|
||||
<u-radio-group v-model="form.color">
|
||||
<u-radio v-for="(item, index) in hujiList" :key="index" :name="item.dictLabel">
|
||||
{{item.dictLabel}}
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</u-form-item>
|
||||
<u-form-item label="流动" prop="color">
|
||||
<u-radio-group v-model="form.color">
|
||||
<u-radio v-for="(item, index) in liudList" :key="index" :name="item.dictLabel">
|
||||
{{item.dictLabel}}
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</u-form-item>
|
||||
<u-form-item label="工作单位"><u-input v-model="form.workunit" /></u-form-item>
|
||||
<u-form-item label="备注"><u-input v-model="form.remark" /></u-form-item>
|
||||
</u-form>
|
||||
<bottom-btn type="primary" title="提交" @handlerClick="handlerClick"></bottom-btn>
|
||||
|
||||
|
||||
</navigation-general>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapGetters
|
||||
} from "vuex";
|
||||
|
||||
import {
|
||||
addPerson,
|
||||
getPerson,
|
||||
updatePerson
|
||||
} from "@/api/taicangpop/person.js";
|
||||
import {
|
||||
getDicts
|
||||
} from "@/api/system/dict/data";
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
multiple: [],
|
||||
hujiList: [],
|
||||
liudList: [],
|
||||
title: '',
|
||||
form: {
|
||||
buildingId: undefined,
|
||||
color: undefined,
|
||||
credentialNo: undefined,
|
||||
deptId: undefined,
|
||||
houseId: undefined,
|
||||
id: null,
|
||||
isD: 0,
|
||||
isJ: 0,
|
||||
isK: 0,
|
||||
isX: 0,
|
||||
name: undefined,
|
||||
phone: undefined,
|
||||
remark: undefined,
|
||||
type: null,
|
||||
userId: null,
|
||||
},
|
||||
rules: {
|
||||
name: [{
|
||||
required: true,
|
||||
message: '请输入姓名',
|
||||
trigger: ['change', 'blur'],
|
||||
},
|
||||
|
||||
],
|
||||
phone: [{
|
||||
required: true,
|
||||
message: '请输入手机号',
|
||||
trigger: ['change', 'blur'],
|
||||
},
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
console.log("value:" + value);
|
||||
if (!/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/.test(value)) {
|
||||
callback(new Error("手机号只能为数字！"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: "blur"
|
||||
},
|
||||
],
|
||||
color: [{
|
||||
required: true,
|
||||
message: '请选择分色',
|
||||
trigger: ['change', 'blur'],
|
||||
}],
|
||||
},
|
||||
typeList: [{
|
||||
name: '中共党员',
|
||||
key: 'isD',
|
||||
checked: false,
|
||||
|
||||
},
|
||||
{
|
||||
name: '帮扶对象',
|
||||
key: 'isK',
|
||||
checked: false,
|
||||
|
||||
},
|
||||
{
|
||||
name: '重点人群',
|
||||
checked: false,
|
||||
key: 'isX',
|
||||
|
||||
},
|
||||
{
|
||||
name: '退伍军人',
|
||||
key: 'isJ',
|
||||
checked: false,
|
||||
|
||||
},
|
||||
]
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(["userId"]),
|
||||
},
|
||||
onReady() {
|
||||
this.$refs.uForm.setRules(this.rules);
|
||||
},
|
||||
onLoad(option) {
|
||||
if (option.personId) {
|
||||
this.title = '居民信息修改'
|
||||
//获取人员详细信息
|
||||
this.getPersonInfo(option.personId)
|
||||
} else {
|
||||
this.title = '新增居民'
|
||||
this.form.buildingId = option.buildingId
|
||||
this.form.houseId = option.houseId
|
||||
this.form.deptId = option.deptId
|
||||
|
||||
}
|
||||
|
||||
this.getDictList()
|
||||
},
|
||||
methods: {
|
||||
async getPersonInfo(personId) {
|
||||
const res = await getPerson(personId)
|
||||
for (let key in res.data) {
|
||||
const item = res.data[key]
|
||||
let index = this.typeList.findIndex(it => it.key == key)
|
||||
if (index != -1) {
|
||||
this.typeList[index].checked = item > 0 ? true : false
|
||||
}
|
||||
}
|
||||
this.form = res.data
|
||||
},
|
||||
handlerClick() {
|
||||
this.$refs.uForm.validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.color == "HZ" || this.form.color == "HO") {
|
||||
this.form.type = 1;
|
||||
} else {
|
||||
this.form.type = 2;
|
||||
}
|
||||
this.form.userId = this.userId
|
||||
if (this.form.id != null) {
|
||||
updatePerson(this.form).then((response) => {
|
||||
uni.showToast({
|
||||
title: '修改成功',
|
||||
success: () => {
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
});
|
||||
} else {
|
||||
addPerson(this.form).then((res) => {
|
||||
uni.showToast({
|
||||
title: '新增成功',
|
||||
success: () => {
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
} else {
|
||||
console.log('没有痛苦')
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
checkboxGroupChange(e) {
|
||||
console.log(e)
|
||||
this.form.isD = e.some((item) => item == "中共党员") ?
|
||||
1 :
|
||||
0;
|
||||
this.form.isK = e.some((item) => item == "帮扶对象") ?
|
||||
1 :
|
||||
0;
|
||||
this.form.isJ = e.some((item) => item == "退伍军人") ?
|
||||
1 :
|
||||
0;
|
||||
this.form.isX = e.some((item) => item == "重点人群") ?
|
||||
1 :
|
||||
0;
|
||||
},
|
||||
//获取字典
|
||||
async getDictList() {
|
||||
const res = await getDicts('b_census_color_type')
|
||||
this.hujiList = res.data
|
||||
const result = await getDicts('b_flow_color_type')
|
||||
this.liudList = result.data
|
||||
console.log(this.hujiList)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.u-form {
|
||||
background: #fff;
|
||||
padding: 20rpx;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,288 @@
|
||||
<template>
|
||||
<navigation-general :title="title">
|
||||
<view class="row-title">
|
||||
<view class="main-title">住户信息</view>
|
||||
<u-button type="primary" :plain="true" size="mini">房屋信息采集</u-button>
|
||||
</view>
|
||||
|
||||
<u-cell-group>
|
||||
<u-cell-item title="人数" :arrow="false" :value="personTotal + '人'"></u-cell-item>
|
||||
<u-cell-item title="户籍类型" :arrow="false">
|
||||
<view :style="{color:houseInfo.type !== 1 ? ' rgb(0, 140, 94)' : '#d13b69' }">{{houseInfo.typename}}
|
||||
</view>
|
||||
</u-cell-item>
|
||||
<u-cell-item title="房屋类型" :arrow="false"
|
||||
v-show="houseInfo.isD>0 || houseInfo.isJ>0 || houseInfo.isK>0 || houseInfo.isX>0">
|
||||
<div class="is-type">
|
||||
<view style="color:#e73388 ;border-color: #81204e;" v-show="houseInfo.isD>0">中共党员</view>
|
||||
<view style="color:#734700 ;border-color: #e09100;" v-show="houseInfo.isK>0">帮扶对象</view>
|
||||
<view style="color:#00694c ;border-color: #00c185;" v-show="houseInfo.isX>0">重点人群</view>
|
||||
<view style="color:#006382 ;border-color: #02b4e7;" v-show="houseInfo.isJ>0">退伍军人</view>
|
||||
</div>
|
||||
|
||||
</u-cell-item>
|
||||
<u-cell-item title="分色" :arrow="false">
|
||||
<color-item :item="houseInfo"></color-item>
|
||||
</u-cell-item>
|
||||
<u-cell-item title="更新时间" :arrow="false" :value="houseInfo.updateTime"></u-cell-item>
|
||||
<u-cell-item title="公安地址" :arrow="false"
|
||||
:value="publicAddress[houseInfo.xiaoquId] + houseInfo.deptname + houseInfo.buildingname"></u-cell-item>
|
||||
</u-cell-group>
|
||||
|
||||
<view class="row-title">
|
||||
<view class="main-title">居民信息</view>
|
||||
<u-button type="primary" :plain="true" size="mini" @click="addPerson()">新增居民</u-button>
|
||||
</view>
|
||||
<view class="person-list">
|
||||
<view class="person-item" v-for="item in personList" :key="item.id" @click="handlerInfo(item.id)">
|
||||
<text>{{item.name}}</text>
|
||||
<text>{{ filterCarId(item.credentialNo, "性别") }}</text>
|
||||
<text>{{ filterCarId(item.credentialNo, "年龄") }} 岁</text>
|
||||
<text>{{ filterCarId(item.credentialNo, "出生年月") }}</text>
|
||||
<text
|
||||
:style="{color:item.color !== 'NL' ? ' rgb(0, 140, 94)' : '#d13b69' }">{{personType[item.color]}}</text>
|
||||
<color-item :item="item" :showColorName="false"></color-item>
|
||||
|
||||
<view class="circle-point">
|
||||
<view class="point-item" v-show="filterPoint(item.updateTime)" style="background: green;">
|
||||
</view>
|
||||
<view class="point-item" v-show="!filterPoint(item.updateTime)" style="background: red;">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="color-is-type">
|
||||
<image src="../../static/images/isd.png" mode="" v-show="item.isD"></image>
|
||||
<image src="../../static/images/isj.png" mode="" v-show="item.isJ"></image>
|
||||
<image src="../../static/images/isx.png" mode="" v-show="item.isX"></image>
|
||||
<image src="../../static/images/isk.png" mode="" v-show="item.isK"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-loadmore :status="status" :load-text="loadText" />
|
||||
</navigation-general>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
handleColor,
|
||||
validateAndParseIDCard
|
||||
} from '@/utils/handlerColor.js'
|
||||
import {
|
||||
getHouse
|
||||
} from '@/api/taicangpop/house.js'
|
||||
import {
|
||||
listPerson
|
||||
} from '@/api/taicangpop/person.js'
|
||||
import moment from 'moment'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
status: 'loadmore',
|
||||
loadText: {
|
||||
loadmore: '轻轻上拉',
|
||||
loading: '努力加载中',
|
||||
nomore: '没有更多了~'
|
||||
},
|
||||
title: '',
|
||||
queryParams: {},
|
||||
houseInfo: {},
|
||||
personList: [],
|
||||
personTotal: 0,
|
||||
publicAddress: {
|
||||
202: "滨河路大庆锦绣新城",
|
||||
215: "常胜路景瑞荣御蓝湾",
|
||||
242: "东仓路星雨华府",
|
||||
235: "兰州路华盛六园",
|
||||
267: "太平北路森茂汽车城",
|
||||
},
|
||||
personType: {
|
||||
HZ: '自住',
|
||||
HO: '自住',
|
||||
NZ: '自住',
|
||||
NL: '租客',
|
||||
}
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.title = option.houseName
|
||||
this.queryParams = option
|
||||
|
||||
|
||||
},
|
||||
onShow() {
|
||||
|
||||
this.getHouseInfo()
|
||||
this.getPersonList()
|
||||
},
|
||||
methods: {
|
||||
//详情页
|
||||
handlerInfo(id) {
|
||||
this.$u.route({
|
||||
url: 'pages/house/personInfo',
|
||||
params: {
|
||||
personId: id,
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
//添加居民
|
||||
addPerson() {
|
||||
this.$u.route({
|
||||
url: 'pages/house/addAndEdit',
|
||||
params: {
|
||||
buildingId: this.houseInfo.buildingId,
|
||||
houseId: this.houseInfo.id,
|
||||
deptId: this.houseInfo.deptId,
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
//获取房屋信息
|
||||
async getHouseInfo() {
|
||||
const res = await getHouse(this.queryParams.houseId)
|
||||
res.data.updateTime = moment(res.data.updateTime).format(
|
||||
"YYYY-MM-DD"
|
||||
);
|
||||
this.houseInfo = handleColor([res.data])[0]
|
||||
},
|
||||
//获取house居民
|
||||
async getPersonList() {
|
||||
this.status = 'loading';
|
||||
const res = await listPerson({
|
||||
buildingId: this.queryParams.buildingId,
|
||||
houseId: this.queryParams.houseId,
|
||||
|
||||
})
|
||||
this.personList = handleColor(res.rows)
|
||||
this.personTotal = res.total
|
||||
this.status = 'nomore';
|
||||
},
|
||||
// 身份证过滤
|
||||
filterCarId(carId, type) {
|
||||
return validateAndParseIDCard(carId, type);
|
||||
},
|
||||
//人员预警
|
||||
filterPoint(updateTime) {
|
||||
if (!updateTime) return false
|
||||
let update_m = moment(updateTime).format('MM')
|
||||
let curent_m = moment().format('MM')
|
||||
if (update_m == curent_m) {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.app-container {
|
||||
box-sizing: border-box;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.row-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 15rpx;
|
||||
|
||||
.main-title {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.person-list {
|
||||
box-sizing: border-box;
|
||||
|
||||
display: grid;
|
||||
/* 启用 Grid 布局 */
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
/* 创建三列，列宽相等 */
|
||||
gap: 25rpx;
|
||||
|
||||
.person-item {
|
||||
position: relative;
|
||||
/* 背景色，方便查看 */
|
||||
padding: 20rpx;
|
||||
/* 内边距 */
|
||||
text-align: center;
|
||||
/* 文本居中 */
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.circle-point {
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
left: 10rpx;
|
||||
|
||||
.point-item {
|
||||
height: 15rpx;
|
||||
width: 15rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.color-is-type {
|
||||
position: absolute;
|
||||
top: -10rpx;
|
||||
right: 0;
|
||||
|
||||
&>image {
|
||||
height: 25rpx;
|
||||
width: 25rpx;
|
||||
margin-left: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.is-type {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&>view {
|
||||
margin-left: 6rpx;
|
||||
border: 1px solid;
|
||||
box-sizing: border-box;
|
||||
padding: 0 6rpx;
|
||||
height: 40rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .u-cell-box {
|
||||
margin-bottom: 15rpx;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/deep/ .u-cell {
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
/deep/.u-cell__value {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
|
||||
.color-item {
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .u-load-more-wrap {
|
||||
margin-top: 10rpx !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,107 @@
|
||||
<template>
|
||||
<navigation-general title="居民详情">
|
||||
<template v-slot:right>
|
||||
<u-button style="margin-right: 20rpx;" type="error" size="mini" @click="handlerDel">删除</u-button>
|
||||
</template>
|
||||
<u-cell-group>
|
||||
<u-cell-item title="姓名" :arrow="false" :value="info.name"></u-cell-item>
|
||||
<u-cell-item title="身份证" :arrow="false" :value="info.credentialNo || '/'"></u-cell-item>
|
||||
<u-cell-item title="手机号" :arrow="false" :value="info.phone || '/'"></u-cell-item>
|
||||
<u-cell-item title="类型" :arrow="false" :value="info.typename"></u-cell-item>
|
||||
<u-cell-item title="分色" :arrow="false" :value="info.color"></u-cell-item>
|
||||
<u-cell-item title="参保单位" :arrow="false" :value="info.qymc || '/'"></u-cell-item>
|
||||
<u-cell-item title="社保电话" :arrow="false" :value="info.lxdh || '/'"></u-cell-item>
|
||||
<u-cell-item title="参保类型" :arrow="false" :value="info.eacaabbff"></u-cell-item>
|
||||
<u-cell-item title="民族" :arrow="false" :value="info.mzcgf"></u-cell-item>
|
||||
<u-cell-item title="社保地址" :arrow="false" :value="info.lxdzDzmc || '/'"></u-cell-item>
|
||||
<u-cell-item title="实际工作单位" :arrow="false" :value="info.workunit || '/'"></u-cell-item>
|
||||
<u-cell-item title="数据更新时间" :arrow="false" :value="info.updateTime || '/'"></u-cell-item>
|
||||
<u-cell-item title="备注" :arrow="false" :value="info.remark || '/'"></u-cell-item>
|
||||
</u-cell-group>
|
||||
<u-top-tips ref="uTips"></u-top-tips>
|
||||
<bottom-btn title="修改信息" @handlerClick="handlerClick"></bottom-btn>
|
||||
</navigation-general>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getPerson,
|
||||
delPerson
|
||||
} from "@/api/taicangpop/person.js";
|
||||
import {
|
||||
getDicts
|
||||
} from "@/api/system/dict/data";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
info: {},
|
||||
personId: null,
|
||||
nationList: [],
|
||||
sbList: []
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.personId = option.personId
|
||||
|
||||
|
||||
},
|
||||
onShow() {
|
||||
this.getnationList()
|
||||
},
|
||||
methods: {
|
||||
async getnationList() {
|
||||
const res = await getDicts('sys_nationality')
|
||||
this.nationList = res.data
|
||||
const reslut = await getDicts('sys_sb_type')
|
||||
this.sbList = reslut.data
|
||||
this.getPersonInfo()
|
||||
},
|
||||
async getPersonInfo() {
|
||||
const res = await getPerson(this.personId)
|
||||
const mzcgf = this.nationList.find(item => item.dictValue == res.data.mzcgf)
|
||||
res.data.mzcgf = mzcgf && mzcgf.dictLabel ? mzcgf.dictLabel : '/'
|
||||
|
||||
const eacaabbff = this.sbList.find(item => item.dictValue == res.data.eacaabbff)
|
||||
res.data.eacaabbff = eacaabbff && eacaabbff.dictLabel ? eacaabbff.dictLabel : '/'
|
||||
this.info = res.data
|
||||
},
|
||||
handlerDel() {
|
||||
uni.showModal({
|
||||
title: `删除操作`,
|
||||
content: `确定要删除编号为${this.personId}的居民吗？`,
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
delPerson(this.personId).then(res => {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
success: () => {
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
handlerClick() {
|
||||
this.$u.route({
|
||||
url: 'pages/house/addAndEdit',
|
||||
params: {
|
||||
personId: this.personId
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/deep/ .u-cell {
|
||||
padding: 15rpx 20rpx;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue