dai
3 years ago
23 changed files with 1070 additions and 1425 deletions
@ -0,0 +1,71 @@ |
|||||
|
@import "../../c/config"; |
||||
|
@import "../../c/function"; |
||||
|
@import "./c/common"; |
||||
|
|
||||
|
.m-pop { |
||||
|
@include shield; |
||||
|
background-color: rgba(#000, 0.9); |
||||
|
overflow-y: auto; |
||||
|
|
||||
|
.wrap { |
||||
|
position: relative; |
||||
|
margin: 120px auto; |
||||
|
width: 1180px; |
||||
|
|
||||
|
.title { |
||||
|
padding: 10px; |
||||
|
font-size: 22px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 800; |
||||
|
color: #ffffff; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
|
||||
|
img { |
||||
|
display: block; |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
span { |
||||
|
display: block; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.btn-close { |
||||
|
position: absolute; |
||||
|
top: -15px; |
||||
|
right: -15px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.content { |
||||
|
margin-top: 20px; |
||||
|
min-height: 500px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.m-pagination { |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 20px; |
||||
|
width: 100%; |
||||
|
height: 40px; |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
|
||||
|
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { |
||||
|
background: #0266d1; |
||||
|
color: #000d3f; |
||||
|
} |
||||
|
|
||||
|
/deep/ .el-pagination .el-pager li { |
||||
|
background: #002e74; |
||||
|
} |
||||
|
|
||||
|
/deep/ .el-pagination .btn-prev { |
||||
|
background: #002e74; |
||||
|
} |
||||
|
|
||||
|
/deep/ .el-pagination .btn-next { |
||||
|
background: #002e74; |
||||
|
} |
||||
|
} |
||||
@ -1,154 +1,157 @@ |
|||||
/* eslint-disable */ |
/* eslint-disable */ |
||||
<template> |
<template> |
||||
<textarea :id="tinymceId" |
<textarea :id="tinymceId" style="visibility: hidden" /> |
||||
style="visibility: hidden;" /> |
|
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import loadTinymce from '@/utils/loadTinymce' |
import loadTinymce from "@/utils/loadTinymce"; |
||||
import { plugins, toolbar } from './config' |
import { plugins, toolbar } from "./config"; |
||||
import { debounce } from 'throttle-debounce' |
import { debounce } from "throttle-debounce"; |
||||
import Cookie from 'js-cookie' |
import Cookie from "js-cookie"; |
||||
// import constants from '@/utils/constants' |
// import constants from '@/utils/constants' |
||||
|
import nextTick from "dai-js/tools/nextTick"; |
||||
|
|
||||
let num = 1 |
let num = 1; |
||||
|
|
||||
export default { |
export default { |
||||
name: 'Tinymce', |
name: "Tinymce", |
||||
props: { |
props: { |
||||
id: { |
id: { |
||||
type: String, |
type: String, |
||||
default: () => { |
default: () => { |
||||
num === 10000 && (num = 1) |
num === 10000 && (num = 1); |
||||
return `tinymce${+new Date()}${num++}` |
return `tinymce${+new Date()}${num++}`; |
||||
} |
}, |
||||
}, |
}, |
||||
value: { |
value: { |
||||
default: '' |
default: "", |
||||
}, |
}, |
||||
customerId: { |
customerId: { |
||||
type: String, |
type: String, |
||||
default: '' |
default: "", |
||||
} |
|
||||
}, |
}, |
||||
data () { |
}, |
||||
|
data() { |
||||
return { |
return { |
||||
tinymceId: this.id |
tinymceId: this.id, |
||||
} |
}; |
||||
}, |
}, |
||||
mounted () { |
mounted() { |
||||
|
loadTinymce((tinymce) => { |
||||
loadTinymce(tinymce => { |
let token = this.getUserToken(); |
||||
let token = this.getUserToken() |
|
||||
// let uploadUrl = '1111' |
// let uploadUrl = '1111' |
||||
let uploadUrl = window.SITE_CONFIG['apiURL'] + '/oss/file/function/upload' |
let uploadUrl = |
||||
|
window.SITE_CONFIG["apiURL"] + "/oss/file/function/upload"; |
||||
|
|
||||
// :data="{customerId:customerId}" |
// :data="{customerId:customerId}" |
||||
// let uploadUrl = constants.userUploadUrl |
// let uploadUrl = constants.userUploadUrl |
||||
// eslint-disable-next-line global-require |
// eslint-disable-next-line global-require |
||||
require('./zh_CN') |
require("./zh_CN"); |
||||
let conf = { |
let conf = { |
||||
selector: `#${this.tinymceId}`, |
selector: `#${this.tinymceId}`, |
||||
language: 'zh_CN', |
language: "zh_CN", |
||||
menubar: 'false', |
menubar: "false", |
||||
skin_url: '/' + process.env.VUE_APP_PUBLIC_PATH + '/tinymce/skins/ui/tduck', |
skin_url: |
||||
content_style: 'p {margin:3px 0; border:0px; padding:0px}', |
"/" + process.env.VUE_APP_PUBLIC_PATH + "/tinymce/skins/ui/tduck", |
||||
content_css: '/' + process.env.VUE_APP_PUBLIC_PATH + '/tinymce/skins/content/tduck', |
content_style: "p {margin:3px 0; border:0px; padding:0px}", |
||||
cache_suffix: '?v=0.0.1', |
content_css: |
||||
|
"/" + |
||||
|
process.env.VUE_APP_PUBLIC_PATH + |
||||
|
"/tinymce/skins/content/tduck", |
||||
|
cache_suffix: "?v=0.0.1", |
||||
plugins, |
plugins, |
||||
toolbar, |
toolbar, |
||||
toolbar_drawer: 'sliding', |
toolbar_drawer: "sliding", |
||||
toolbar_mode: 'sliding', |
toolbar_mode: "sliding", |
||||
height: 400, |
height: 400, |
||||
// fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt", |
// fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt", |
||||
branding: false, |
branding: false, |
||||
object_resizing: false, |
object_resizing: false, |
||||
end_container_on_empty_block: true, |
end_container_on_empty_block: true, |
||||
powerpaste_word_import: 'clean', |
powerpaste_word_import: "clean", |
||||
// code_dialog_height: 450, |
// code_dialog_height: 450, |
||||
// code_dialog_width: 1000, |
// code_dialog_width: 1000, |
||||
// autoresize_max_height: 450, // 编辑区域的最大高度 |
// autoresize_max_height: 450, // 编辑区域的最大高度 |
||||
// autoresize_min_height: 350, //编辑区域的最小高度 |
// autoresize_min_height: 350, //编辑区域的最小高度 |
||||
advlist_bullet_styles: 'square', |
advlist_bullet_styles: "square", |
||||
advlist_number_styles: 'default', |
advlist_number_styles: "default", |
||||
default_link_target: '_blank', |
default_link_target: "_blank", |
||||
link_title: false, |
link_title: false, |
||||
statusbar: false, |
statusbar: false, |
||||
nonbreaking_force_tab: true, |
nonbreaking_force_tab: true, |
||||
// images_upload_url: uploadUrl, |
// images_upload_url: uploadUrl, |
||||
images_upload_handler: function (blobInfo, succFun, failFun) { |
images_upload_handler: function (blobInfo, succFun, failFun) { |
||||
var xhr, formData |
var xhr, formData; |
||||
var file = blobInfo.blob()// 转化为易于理解的file对象 |
var file = blobInfo.blob(); // 转化为易于理解的file对象 |
||||
xhr = new XMLHttpRequest() |
xhr = new XMLHttpRequest(); |
||||
xhr.withCredentials = false |
xhr.withCredentials = false; |
||||
xhr.open('POST', uploadUrl) |
xhr.open("POST", uploadUrl); |
||||
xhr.setRequestHeader('token', token) |
xhr.setRequestHeader("token", token); |
||||
xhr.onload = function () { |
xhr.onload = function () { |
||||
|
var json; |
||||
var json |
|
||||
if (xhr.status != 200) { |
if (xhr.status != 200) { |
||||
failFun('HTTP Error: ' + xhr.status) |
failFun("HTTP Error: " + xhr.status); |
||||
return |
return; |
||||
} |
} |
||||
json = JSON.parse(xhr.responseText) |
json = JSON.parse(xhr.responseText); |
||||
if (!json || typeof json.data.url != 'string') { |
if (!json || typeof json.data.url != "string") { |
||||
failFun('Invalid JSON: ' + xhr.responseText) |
failFun("Invalid JSON: " + xhr.responseText); |
||||
return |
return; |
||||
} |
} |
||||
|
|
||||
succFun(json.data.url) |
succFun(json.data.url); |
||||
} |
}; |
||||
formData = new FormData() |
formData = new FormData(); |
||||
|
|
||||
formData.append('file', file, file.name)// 此处与源文档不一样 |
formData.append("file", file, file.name); // 此处与源文档不一样 |
||||
// formData.append('customerId', '111') |
// formData.append('customerId', '111') |
||||
xhr.send(formData) |
xhr.send(formData); |
||||
} |
}, |
||||
} |
}; |
||||
conf = Object.assign(conf, this.$attrs) |
conf = Object.assign(conf, this.$attrs); |
||||
conf.init_instance_callback = editor => { |
conf.init_instance_callback = (editor) => { |
||||
|
if (this.value) editor.setContent(this.value); |
||||
if (this.value) editor.setContent(this.value) |
this.vModel(editor); |
||||
this.vModel(editor) |
}; |
||||
} |
|
||||
|
|
||||
tinymce.init(conf) |
tinymce.init(conf); |
||||
}) |
}); |
||||
}, |
}, |
||||
destroyed () { |
destroyed() { |
||||
this.destroyTinymce() |
this.destroyTinymce(); |
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
vModel (editor) { |
vModel(editor) { |
||||
// 控制连续写入时setContent的触发频率 |
// 控制连续写入时setContent的触发频率 |
||||
const debounceSetContent = debounce(250, editor.setContent) |
const debounceSetContent = debounce(250, editor.setContent); |
||||
this.$watch('value', (val, prevVal) => { |
this.$watch("value", (val, prevVal) => { |
||||
if (editor && val !== prevVal && val !== editor.getContent()) { |
if (editor && val !== prevVal && val !== editor.getContent()) { |
||||
if (typeof val !== 'string') val = val.toString() |
if (typeof val !== "string") val = val.toString(); |
||||
debounceSetContent.call(editor, val) |
debounceSetContent.call(editor, val); |
||||
} |
} |
||||
}) |
}); |
||||
|
|
||||
editor.on('change keyup undo redo', () => { |
editor.on("change keyup undo redo", () => { |
||||
this.$emit('input', editor.getContent()) |
this.$emit("input", editor.getContent()); |
||||
}) |
}); |
||||
editor.on('blur', () => { |
editor.on("blur", () => { |
||||
this.$emit('blur') |
this.$emit("blur"); |
||||
}) |
}); |
||||
|
console.log('init_instance_callback1111111111') |
||||
}, |
}, |
||||
getUserToken () { |
getUserToken() { |
||||
let token = localStorage.getItem('token') |
let token = localStorage.getItem("token"); |
||||
// console.log('获取token', token) |
// console.log('获取token', token) |
||||
// return this.$store.getters['user/isLogin'] |
// return this.$store.getters['user/isLogin'] |
||||
return token |
return token; |
||||
}, |
}, |
||||
destroyTinymce () { |
destroyTinymce() { |
||||
if (!window.tinymce) return |
if (!window.tinymce) return; |
||||
const tinymce = window.tinymce.get(this.tinymceId) |
const tinymce = window.tinymce.get(this.tinymceId); |
||||
if (tinymce) { |
if (tinymce) { |
||||
tinymce.destroy() |
tinymce.destroy(); |
||||
} |
} |
||||
} |
}, |
||||
} |
}, |
||||
} |
}; |
||||
</script> |
</script> |
||||
|
|||||
File diff suppressed because it is too large
@ -0,0 +1,183 @@ |
|||||
|
<template> |
||||
|
<div class="m-room-pop"> |
||||
|
<div class="wrap"> |
||||
|
<cpt-card> |
||||
|
<div class="title"> |
||||
|
<img src="@/assets/img/shuju/title-tip.png" /> |
||||
|
<span>房屋信息</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="btn-close" |
||||
|
@click="handleClose"> |
||||
|
<img src="@/assets/img/shuju/people/close.png" /> |
||||
|
</div> |
||||
|
|
||||
|
<!-- <div class="list"> |
||||
|
|
||||
|
<div class="item"> |
||||
|
<span class="item-field">所属小区：</span> |
||||
|
<span>{{ formData.neighborHoodName }}</span> |
||||
|
</div> |
||||
|
</div> --> |
||||
|
<div class="list"> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">所属楼栋：</span> |
||||
|
<span>{{ formData.buildingName }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="list"> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">房屋名称：</span> |
||||
|
<span>{{ formData. houseName }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="list"> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">房屋类型：</span> |
||||
|
<span>{{ formData.houseTypeName }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="list"> |
||||
|
|
||||
|
<div class="item"> |
||||
|
<span class="item-field">房屋状态：</span> |
||||
|
<span>{{ formData. rentName }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="list"> |
||||
|
|
||||
|
<div class="item"> |
||||
|
<span class="item-field">房屋用途：</span> |
||||
|
<span>{{ formData. purposeName }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="list"> |
||||
|
|
||||
|
<div class="item"> |
||||
|
<span class="item-field">房主姓名：</span> |
||||
|
<span>{{ formData.ownerName?formData.ownerName:'无' }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="list"> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">房主电话：</span> |
||||
|
<span>{{ formData.ownerPhone?formData.ownerPhone:'无' }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="list"> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">房主身份证：</span> |
||||
|
<span>{{ formData. ownerIdCard?formData.ownerIdCard:'无' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</cpt-card> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import cptCard from "@/views/modules/visual/cpts/card"; |
||||
|
import { requestGet } from "@/js/dai/request"; |
||||
|
import cptTb from "@/views/modules/visual/cpts/tb"; |
||||
|
|
||||
|
export default { |
||||
|
name: "peopleMore", |
||||
|
props: { |
||||
|
selHouseId: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
gridName: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
components: { |
||||
|
cptCard, cptTb |
||||
|
}, |
||||
|
|
||||
|
data () { |
||||
|
return { |
||||
|
formData: { |
||||
|
gridId: '', |
||||
|
agencyId: '',//当前网格所属组织Id |
||||
|
userId: '',//居民端小程序的用户id、数字社区的icResiUserId、其他情况无值 |
||||
|
userType: 'icresi',//居民端小程序的人：resi;数字社区的居民：icresi;导入的：import;同步的：synchro |
||||
|
name: '', |
||||
|
idCard: '', |
||||
|
mobile: '', |
||||
|
heSuanCheck: false, |
||||
|
presentAddress: '', |
||||
|
presentAddressCode: '', |
||||
|
detailAddress: '', |
||||
|
sourceAddressCode: '', |
||||
|
presentAddressPathCode: '', |
||||
|
sourceAddress: '', |
||||
|
sourceAddressPathCode: '', |
||||
|
arriveDate: '', |
||||
|
remark: '', |
||||
|
leaveDate: '', |
||||
|
userType: 'input', |
||||
|
content: '', |
||||
|
channel: [] |
||||
|
|
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
selHouseId () { |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
mounted () { |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
handleClose () { |
||||
|
this.$emit("close"); |
||||
|
}, |
||||
|
|
||||
|
async getApiData () { |
||||
|
|
||||
|
this.loadHouseInfo() |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async loadHouseInfo () { |
||||
|
|
||||
|
const url = "/gov/org/ichouse/" + this.selHouseId |
||||
|
|
||||
|
const { data, code, msg } = await requestGet(url) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.formData = data |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/basicInfoMain.scss" |
||||
|
scoped |
||||
|
></style> |
||||
@ -0,0 +1,213 @@ |
|||||
|
<template> |
||||
|
<div class="m-pop"> |
||||
|
<div class="wrap"> |
||||
|
<cpt-card> |
||||
|
<div class="btn-close" @click="handleClose"> |
||||
|
<img src="@/assets/img/shuju/people/close.png" /> |
||||
|
</div> |
||||
|
<div class="wrap2"> |
||||
|
<div class="title"> |
||||
|
<span>人员列表</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="content"> |
||||
|
<div class="tb"> |
||||
|
<cpt-tb |
||||
|
:col-list="colList" |
||||
|
:loading="loading" |
||||
|
:header="header" |
||||
|
:list="list" |
||||
|
@operate="toUserInfo" |
||||
|
></cpt-tb> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-pagination"> |
||||
|
<el-pagination |
||||
|
:current-page="pageNo" |
||||
|
:page-size="pageSize" |
||||
|
background |
||||
|
layout="prev, pager, next" |
||||
|
@size-change="pageSizeChangeHandleNew" |
||||
|
@current-change="pageCurrentChangeHandleNew" |
||||
|
:total="total" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</cpt-card> |
||||
|
</div> |
||||
|
|
||||
|
<people-more |
||||
|
v-if="showedPeopleInfo && currentPepeleId" |
||||
|
:userId="currentPepeleId" |
||||
|
:gridName="gridName" |
||||
|
@close="showedPeopleInfo = false" |
||||
|
/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import cptCard from "@/views/modules/visual/cpts/card"; |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import peopleMore from "@/views/modules/shequ/cpts/people-more"; |
||||
|
import cptTb from "@/views/modules/visual/cpts/tb"; |
||||
|
import { mapGetters } from "vuex"; |
||||
|
|
||||
|
export default { |
||||
|
name: "people-list", |
||||
|
props: { |
||||
|
configId: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
buildingId: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
gridName: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
components: { |
||||
|
cptCard, |
||||
|
cptTb, |
||||
|
peopleMore, |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
showedPeopleInfo: false, |
||||
|
currentPepeleId: "", |
||||
|
currentPepeleGridName: "", |
||||
|
|
||||
|
colList: [ |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "5%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "15%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "10%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "15%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "20%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "20%", |
||||
|
}, |
||||
|
{ |
||||
|
align: "center", |
||||
|
width: "10%", |
||||
|
}, |
||||
|
], |
||||
|
header: ["序号", "姓名", "单元", "门牌号", "手机", "身份证", "操作"], |
||||
|
|
||||
|
loading: false, |
||||
|
pageNo: 0, |
||||
|
pageSize: 12, |
||||
|
total: 0, |
||||
|
list: [], |
||||
|
srcList: [], |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: { |
||||
|
maxTableHeight() { |
||||
|
return this.clientHeight - 450; |
||||
|
return 420; |
||||
|
}, |
||||
|
...mapGetters(["clientHeight"]), |
||||
|
}, |
||||
|
|
||||
|
watch: { |
||||
|
userId() { |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.getApiData(); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
pageSizeChangeHandleNew(val) { |
||||
|
this.pageNo = 1; |
||||
|
this.pageSize = val; |
||||
|
}, |
||||
|
pageCurrentChangeHandleNew(val) { |
||||
|
this.pageNo = val; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
|
||||
|
handlePeopleItem(uid) { |
||||
|
console.log(uid); |
||||
|
this.currentPepeleId = uid; |
||||
|
|
||||
|
this.showedPeopleInfo = true; |
||||
|
}, |
||||
|
|
||||
|
toUserInfo(index) { |
||||
|
let uid = this.srcList[index].userId; |
||||
|
this.$router.push({ path: `/main-shuju/visual-basicinfo-people/${uid}` }); |
||||
|
}, |
||||
|
|
||||
|
handleClose() { |
||||
|
this.$emit("close"); |
||||
|
}, |
||||
|
|
||||
|
async getApiData() { |
||||
|
this.getList(); |
||||
|
}, |
||||
|
|
||||
|
async getList() { |
||||
|
const url = "/epmetuser/statsresiwarn/alluserwarnlist"; |
||||
|
let params = { |
||||
|
buildingId: this.buildingId, |
||||
|
configId: this.configId, |
||||
|
pageNo: this.pageNo, |
||||
|
pageSize: this.pageSize, |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
const { list, total } = data; |
||||
|
this.list = list.map((item) => { |
||||
|
return [ |
||||
|
{ type: "index" }, |
||||
|
item.residentName, |
||||
|
item.unitName, |
||||
|
item.doorName, |
||||
|
item.mobile, |
||||
|
item.idCard, |
||||
|
{ type: "operate", list: ["查看更多"] }, |
||||
|
]; |
||||
|
}); |
||||
|
this.total = total; |
||||
|
this.srcList = list; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/warning-people-list.scss" |
||||
|
scoped |
||||
|
></style> |
||||
Loading…
Reference in new issue