Browse Source

党员导入导出

dev-用户反馈
jiangyy 3 years ago
parent
commit
95723926ff
  1. 4
      src/assets/scss/modules/search.scss
  2. 176
      src/views/modules/partymember/lookMember.vue
  3. 394
      src/views/modules/shequ/index.vue
  4. 2
      src/views/modules/shequzhili/event/cpts/process-form.vue
  5. 2
      src/views/modules/shequzhili/event/eventList.vue

4
src/assets/scss/modules/search.scss

@ -218,7 +218,7 @@
align-items: center;
.notice-btn {
width: 50px;
width: 90px;
background-color: #3e8ef7;
color: #fff;
text-align: center;
@ -227,7 +227,7 @@
}
.notice-list {
// @include toe;
width: calc(100% - 70px);
width: calc(100% - 110px);
// height: 24px;
// overflow: hidden;
a {

176
src/views/modules/partymember/lookMember.vue

@ -146,6 +146,35 @@
</div>
</el-card>
<el-card class="resi-card-table">
<div class="resi-row-btn">
<el-button class="diy-button--export"
size="small"
@click="handleExportModule()">下载模板</el-button>
<el-upload :headers="$getElUploadHeaders()"
ref="upload"
class="upload-demo"
action="uploadUlr"
:limit="1"
:accept="'.xls,.xlsx'"
:with-credentials="true"
:show-file-list="false"
:auto-upload="true"
:on-success="handleExcelSuccess"
:before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest">
<el-button size="small"
class="diy-button--delete"
:loading="importLoading">{{importBtnTitle}}</el-button>
</el-upload>
<el-button class="diy-button--reset"
size="small"
:loading="exportBtn"
@click="handleExport">{{ exportBtnTitle }}</el-button>
</div>
<el-table :data="tableData"
row-key="id"
v-loading="tableLoading"
@ -495,6 +524,126 @@ export default {
window.URL.revokeObjectURL(url)
}
},
async handleExportModule () {
let url = "/resi/partymember/icPartyMember/downloadTemplate"
let params = {
}
await this.$http({
method: 'POST',
url,
responseType: 'blob',
data: params
})
.then(res => {
console.log('res-------dd', res)
if (res.headers["content-disposition"]) {
let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
this.download(res.data, fileName)
} else this.$message.error('下载失败')
})
.catch(err => {
console.log('err', err)
return this.$message.error('网络错误')
})
},
//
handleExcelSuccess (res, file) {
if (res.code === 0 && res.msg === 'success') {
console.log('resss---ppp', res)
} else {
this.$message.error(res.msg)
}
},
beforeExcelUpload (file) {
console.log('file', file)
const isType = file.type === 'application/vnd.ms-excel'
const isTypeComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
const fileType = isType || isTypeComputer
const isLt1M = (file.size / 1024 / 1024) < 10
if (!fileType) {
this.$message.error('上传文件只能是xls/xlsx格式!')
}
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!')
}
return fileType && isLt1M
},
async uploadHttpRequest (file) {
this.importLoading = true
this.importBtnTitle = '正在上传中...'
this.$message({
showClose: true,
message: '导入中,请到系统管理-导入记录中查看进度',
duration: 0
})
const formData = new FormData() //FormDataappend('key', value)
formData.append('file', file.file) //
this.$http
.post('/resi/partymember/icPartyMember/import', formData).then(res => {
console.log('res-up', res)
if (res.data.code == 0 && res.data.msg == 'success') {
// this.$message.success('')
this.getTableData()
} else {
this.$message.error(res.data.msg)
}
}).catch(err => {
console.log('失败', err)
file.onError() //
// this.$message.error('')
})
this.importLoading = false
this.importBtnTitle = '导入'
this.$refs.upload.clearFiles()
},
async handleExport () {
this.exportBtn = true
this.exportBtnTitle = '正在导出...'
let params = {
...this.searchForm,
agencyId: this.agencyId,
pageSize: 9999,
pageNo: this.currentPage
}
// .post('epmetuser/icresiuser/exportExcel', params)
await axios({
url: window.SITE_CONFIG['apiURL'] + '/resi/partymember/icPartyMember/export',
// url: 'epmetuser/icresiuser/exportExcel',
method: 'post',
data: params,
responseType: 'blob'
})
.then(res => {
console.log('resllll', res)
let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
console.log('filename', fileName)
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })
var url = window.URL.createObjectURL(blob)
var aLink = document.createElement('a')
aLink.style.display = 'none'
aLink.href = url
aLink.setAttribute('download', fileName)
document.body.appendChild(aLink)
aLink.click()
document.body.removeChild(aLink) //
window.URL.revokeObjectURL(url) //blob
})
.catch((err) => {
console.log('获取导出情失败', err)
this.$message.error('获取导出失败')
})
this.exportBtn = false
this.exportBtnTitle = '导出'
},
handleSearch (val) {
console.log('searchhh--', val)
@ -623,6 +772,33 @@ export default {
@import "@/assets/scss/modules/visual/communityManage.scss";
</style>
<style lang="scss" scoped>
.resi-row-btn {
display: flex;
margin-bottom: 13px;
::v-deep .el-button {
// margin-left: 10px;
border: 0;
}
::v-deep .el-select {
margin-right: 10px;
}
.el-button--success {
background: rgba(34, 193, 195, 1);
}
.el-button {
margin-left: 10px;
border: 0;
}
.el-button--success {
background: rgba(34, 193, 195, 1);
}
.el-button--warning {
background: rgba(254, 179, 73, 1);
}
.el-button--danger {
background: rgba(254, 98, 82, 1);
}
}
.div_btn {
display: flex;
align-items: center;

394
src/views/modules/shequ/index.vue

@ -10,12 +10,10 @@
<div class="search">
<div class="input">
<el-dropdown
class="select"
<el-dropdown class="select"
placement="bottom"
v-model="searchData.type"
@command="(type) => (searchData.type = type)"
>
@command="(type) => (searchData.type = type)">
<span class="select-show">
{{
{ jumin: "居民", fangwu: "房屋", xuqiu: "需求" }[
@ -30,48 +28,38 @@
</el-dropdown-menu>
</el-dropdown>
<input
type="text"
<input type="text"
:placeholder="typePlaceholder[searchData.type]"
v-model="searchData.keyword"
@keyup.enter="handleClickSearchBtn"
/>
@keyup.enter="handleClickSearchBtn" />
<div
class="close-btn"
<div class="close-btn"
v-if="searchData.keyword != ''"
@click="searchData.keyword = ''"
>
@click="searchData.keyword = ''">
<img src="@/assets/img/shequ/close.png" />
</div>
</div>
<div class="btn" @click="handleClickSearchBtn">搜索</div>
<div class="btn"
@click="handleClickSearchBtn">搜索</div>
</div>
<div
class="m-tb"
<div class="m-tb"
v-if="
searchData.type == 'jumin' &&
searchData.keyword != '' &&
searchStatus == 'ing'
"
>
">
<div class="tb">
<el-table
:data="searchJumin.list"
<el-table :data="searchJumin.list"
border
style="width: 100%"
class="resi-table"
:max-height="1000"
>
<el-table-column
label="序号"
:max-height="1000">
<el-table-column label="序号"
type="index"
align="center"
width="50"
/>
<el-table-column
v-for="item in searchJumin.header"
width="50" />
<el-table-column v-for="item in searchJumin.header"
:key="item.columnName"
:prop="item.columnName"
:label="item.label"
@ -81,234 +69,194 @@
item.itemType === 'radio'
? computedWidth(item.label)
: 180
"
>
">
<template slot-scope="scope">
<span>{{ handleFilterSpan(scope.row, item) }}</span>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" align="center">
<el-table-column fixed="right"
label="操作"
align="center">
<template slot-scope="scope">
<el-button
@click="handleWatchSearchJumin(scope.$index)"
<el-button @click="handleWatchSearchJumin(scope.$index)"
type="text"
size="small"
>查看</el-button
>
size="small">查看</el-button>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChangeSearchJumin"
<el-pagination @size-change="handleSizeChangeSearchJumin"
@current-change="handleCurrentChangeSearchJumin"
:current-page.sync="searchJumin.pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(searchJumin.pageSize)"
layout="sizes, prev, pager, next, total"
:total="searchJumin.total"
>
:total="searchJumin.total">
</el-pagination>
</div>
</div>
</div>
<div
class="m-tb"
<div class="m-tb"
v-if="
searchData.type == 'fangwu' &&
searchData.keyword != '' &&
searchStatus == 'ing'
"
>
">
<div class="tb">
<el-table
:data="searchFangwu.list"
<el-table :data="searchFangwu.list"
v-loading="searchFangwu.loading"
border
:max-height="1000"
style="width: 100%"
>
<el-table-column
label="序号"
style="width: 100%">
<el-table-column label="序号"
type="index"
align="center"
width="50"
/>
<el-table-column
prop="houseName"
width="50" />
<el-table-column prop="houseName"
label="房屋名称"
width="120"
>
width="120">
</el-table-column>
<el-table-column
prop="neighborHoodName"
<el-table-column prop="neighborHoodName"
label="所属小区"
width="160"
>
width="160">
</el-table-column>
<el-table-column prop="buildingName" label="所属楼栋">
<el-table-column prop="buildingName"
label="所属楼栋">
</el-table-column>
<el-table-column prop="unitNum" label="单元号">
<el-table-column prop="unitNum"
label="单元号">
</el-table-column>
<el-table-column prop="doorName" label="门牌号">
<el-table-column prop="doorName"
label="门牌号">
</el-table-column>
<el-table-column prop="houseType" label="类型">
<el-table-column prop="houseType"
label="类型">
</el-table-column>
<el-table-column prop="purpose" label="用途">
<el-table-column prop="purpose"
label="用途">
</el-table-column>
<el-table-column prop="rentFlag" label="房屋状态">
<el-table-column prop="rentFlag"
label="房屋状态">
</el-table-column>
<el-table-column prop="ownerName" label="房主姓名">
<el-table-column prop="ownerName"
label="房主姓名">
</el-table-column>
<el-table-column
prop="ownerPhone"
<el-table-column prop="ownerPhone"
label="房主电话"
width="110"
>
width="110">
</el-table-column>
<el-table-column
prop="ownerIdCard"
<el-table-column prop="ownerIdCard"
label="身份证"
width="170"
>
width="170">
</el-table-column>
<el-table-column
label="操作"
<el-table-column label="操作"
fixed="right"
header-align="center"
align="center"
class="operate"
>
class="operate">
<template slot-scope="scope">
<el-button
type="text"
<el-button type="text"
style="color: #1c6afd; text-decoration: underline"
size="small"
@click="handleWatchSearchFangwu(scope.row)"
>查看</el-button
>
@click="handleWatchSearchFangwu(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChangeSearchFangwu"
<el-pagination @size-change="handleSizeChangeSearchFangwu"
@current-change="handleCurrentChangeSearchFangwu"
:current-page.sync="searchFangwu.pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(searchFangwu.pageSize)"
layout="sizes, prev, pager, next"
:total="searchFangwu.total"
>
:total="searchFangwu.total">
</el-pagination>
</div>
</div>
</div>
<div
class="m-tb"
<div class="m-tb"
v-if="
searchData.type == 'xuqiu' &&
searchData.keyword != '' &&
searchStatus == 'ing'
"
>
">
<div class="tb">
<el-table
:data="searchXuqiu.list"
<el-table :data="searchXuqiu.list"
v-loading="searchXuqiu.loading"
border
:max-height="1000"
style="width: 100%"
>
<el-table-column
label="序号"
style="width: 100%">
<el-table-column label="序号"
type="index"
align="center"
width="50"
/>
width="50" />
<el-table-column
v-for="item in searchXuqiu.header"
<el-table-column v-for="item in searchXuqiu.header"
:key="item.columnName"
:prop="item.columnName"
:label="item.label"
:align="item.align"
:width="item.width"
:show-overflow-tooltip="true"
>
:show-overflow-tooltip="true">
<template slot-scope="scope">
<span>{{ handleFilterSpan(scope.row, item) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
<el-table-column label="操作"
fixed="right"
header-align="center"
align="center"
class="operate"
>
class="operate">
<template slot-scope="scope">
<el-button
type="text"
<el-button type="text"
style="color: #1c6afd; text-decoration: underline"
size="small"
@click="handleWatchSearchXuqiu(scope.row)"
>查看</el-button
>
@click="handleWatchSearchXuqiu(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChangeSearchXuqiu"
<el-pagination @size-change="handleSizeChangeSearchXuqiu"
@current-change="handleCurrentChangeSearchXuqiu"
:current-page.sync="searchXuqiu.pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(searchXuqiu.pageSize)"
layout="sizes, prev, pager, next"
:total="searchXuqiu.total"
>
:total="searchXuqiu.total">
</el-pagination>
</div>
</div>
</div>
<div
class="m-tb"
<div class="m-tb"
v-if="
searchData.type == 'xuqiu' &&
searchData.keyword != '' &&
searchStatus == 'ing'
"
>
">
<div class="tb"></div>
</div>
<div class="m-list" v-if="searchStatus == 'ini'">
<div class="m-list"
v-if="searchStatus == 'ini'">
<div class="list-title">常用功能</div>
<div class="list">
<div
class="item"
<div class="item"
:key="item.menuId"
@click="handleClickFunc(item)"
v-for="item in funcList"
>
v-for="item in funcList">
<div class="icon">
<div
class="icon-wrap"
<div class="icon-wrap"
:style="{
color: item.color ? '#fff' : '#333',
backgroundColor: item.color || '#f4f4f4',
}"
>
<svg
class="icon-svg aui-sidebar__menu-icon"
aria-hidden="true"
>
}">
<svg class="icon-svg aui-sidebar__menu-icon"
aria-hidden="true">
<use :xlink:href="`#${item.icon}`" />
</svg>
</div>
@ -316,11 +264,10 @@
<p>{{ item.menuName }}</p>
</div>
<div class="item" @click="showedFuncPanel = true">
<div class="item"
@click="showedFuncPanel = true">
<div class="icon">
<img
src="@/assets/img/shequ/function/tianjiayingyong.png"
/>
<img src="@/assets/img/shequ/function/tianjiayingyong.png" />
</div>
<p>添加应用</p>
</div>
@ -329,21 +276,22 @@
</div>
</div>
<div class="m-data" v-if="searchStatus == 'ini'">
<div class="m-data"
v-if="searchStatus == 'ini'">
<div class="wrap">
<div class="header">
<div class="headline">人员预警</div>
<div class="notice" v-if="noticeList.length > 0">
<div class="notice-btn" @click="toNoticeInfo">通知</div>
<div class="notice"
v-if="noticeList.length > 0">
<div class="notice-btn"
@click="toNoticeInfo">消息管理</div>
<div class="notice-list">
<scroll-notice :list="noticeList">
<a
class="notice-item"
<a class="notice-item"
v-for="(item, index) in noticeList"
:key="item.configId + item.buildingId + index"
@click="toNoticeInfo(item)"
>
@click="toNoticeInfo(item)">
{{ item.noticeContent }}
</a>
</scroll-notice>
@ -353,65 +301,58 @@
<div class="cnt">
<div class="chart">
<bar-chart
:width="520"
<bar-chart :width="520"
:height="420"
v-if="warningChart.loading"
:total="warningChart.total"
:list="warningChart.list"
@clickBar="changeCategoryCode"
/>
@clickBar="changeCategoryCode" />
</div>
<div class="tb">
<el-table
:data="warningTb.list"
<el-table :data="warningTb.list"
border
style="width: 100%"
class="resi-table"
:max-height="maxTableHeight"
>
<el-table-column
label="序号"
:max-height="maxTableHeight">
<el-table-column label="序号"
type="index"
align="center"
width="50"
/>
<el-table-column prop="typeName" label="类型">
width="50" />
<el-table-column prop="typeName"
label="类型">
</el-table-column>
<el-table-column prop="gridName" label="所属网格">
<el-table-column prop="gridName"
label="所属网格">
</el-table-column>
<el-table-column prop="name" label="姓名" width="80">
<el-table-column prop="name"
label="姓名"
width="80">
</el-table-column>
<el-table-column prop="family" label="所属家庭">
<el-table-column prop="family"
label="所属家庭">
</el-table-column>
<el-table-column prop="mobile" label="电话">
<el-table-column prop="mobile"
label="电话">
</el-table-column>
<el-table-column
fixed="right"
<el-table-column fixed="right"
label="操作"
align="center"
width="60"
>
width="60">
<template slot-scope="scope">
<el-button
@click="handleWatchWarning(scope.$index)"
<el-button @click="handleWatchWarning(scope.$index)"
type="text"
size="small"
>查看</el-button
>
size="small">查看</el-button>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChangeWarning"
<el-pagination @size-change="handleSizeChangeWarning"
@current-change="handleCurrentChangeWarning"
:current-page.sync="warningTb.pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(warningTb.pageSize)"
layout="sizes, prev, pager, next, total"
:total="warningTb.total"
>
:total="warningTb.total">
</el-pagination>
</div>
</div>
@ -421,42 +362,32 @@
</div>
<!-- 修改弹出框 -->
<div
v-show="showedFuncPanel"
<div v-show="showedFuncPanel"
v-if="
Array.isArray($store.state.sidebarMenuList) &&
$store.state.sidebarMenuList.length > 0
"
>
">
<div class="m-panel">
<div
class="m-list"
v-if="selectedFuncList && selectedFuncList.length > 0"
>
<div class="m-list"
v-if="selectedFuncList && selectedFuncList.length > 0">
<div class="list-title">常用功能</div>
<div class="list">
<div
class="item"
<div class="item"
:key="item.menuId"
@click="selectFuncItem(item.menuId)"
v-for="item in selectedFuncList"
>
v-for="item in selectedFuncList">
<div class="corner-mark z-on">
<i class="el-icon-success"></i>
</div>
<div class="icon">
<div
class="icon-wrap"
<div class="icon-wrap"
:style="{
color: item.color ? '#fff' : '#333',
backgroundColor: item.color || '#f4f4f4',
}"
>
<svg
class="icon-svg aui-sidebar__menu-icon"
aria-hidden="true"
>
}">
<svg class="icon-svg aui-sidebar__menu-icon"
aria-hidden="true">
<use :xlink:href="`#${item.icon}`" />
</svg>
</div>
@ -469,40 +400,30 @@
<div class="m-list">
<div class="list-title">所有功能</div>
<div
:key="'one' + menu.id"
<div :key="'one' + menu.id"
v-show="menu.children && menu.children.length > 0"
v-for="menu in $store.state.sidebarMenuList"
>
v-for="menu in $store.state.sidebarMenuList">
<div class="list-title2">{{ menu.name }}</div>
<div class="list">
<div
class="item"
<div class="item"
:key="'two' + item.id"
@click="selectFuncItem(item.id)"
v-for="item in menu.children"
>
<div
class="corner-mark"
v-for="item in menu.children">
<div class="corner-mark"
:class="{
'z-on': selectedFuncIdList.indexOf(item.id) !== -1,
}"
>
}">
<i class="el-icon-success"></i>
</div>
<div class="icon">
<div
class="icon-wrap"
<div class="icon-wrap"
:style="{
color: item.color ? '#fff' : '#333',
backgroundColor: item.color || '#f4f4f4',
}"
>
<svg
class="icon-svg aui-sidebar__menu-icon"
aria-hidden="true"
>
}">
<svg class="icon-svg aui-sidebar__menu-icon"
aria-hidden="true">
<use :xlink:href="`#${item.icon}`" />
</svg>
</div>
@ -514,10 +435,11 @@
</div>
<div class="operate">
<el-button round @click="showedFuncPanel = false">返回</el-button>
<el-button type="primary" round @click="editFuncList"
>确认</el-button
>
<el-button round
@click="showedFuncPanel = false">返回</el-button>
<el-button type="primary"
round
@click="editFuncList">确认</el-button>
</div>
</div>
</div>
@ -530,47 +452,35 @@
<span>人员预警</span>
</div>
<warning-list
:buildingId="currentNoticeBuildingId"
:configId="currentNoticeConfigId"
/>
<warning-list :buildingId="currentNoticeBuildingId"
:configId="currentNoticeConfigId" />
</div>
<people-more
v-if="showedPeopleMoreInfo && currentPepeleId"
<people-more v-if="showedPeopleMoreInfo && currentPepeleId"
:userId="currentPepeleId"
:gridName="currentPepeleGridName"
@close="showedPeopleMoreInfo = false"
/>
@close="showedPeopleMoreInfo = false" />
<!-- 修改弹出框 -->
<el-dialog
:visible.sync="showedFangwuInfo"
<el-dialog :visible.sync="showedFangwuInfo"
:close-on-click-modal="false"
:close-on-press-escape="false"
title="房屋详情"
width="900px"
@closed="showedFangwuInfo = false"
>
<fangwu-info
ref="fangwu_info"
@dialogCancle="showedFangwuInfo = false"
></fangwu-info>
@closed="showedFangwuInfo = false">
<fangwu-info ref="fangwu_info"
@dialogCancle="showedFangwuInfo = false"></fangwu-info>
</el-dialog>
<!-- 修改弹出框 -->
<el-dialog
:visible.sync="showedXuqiuInfo"
<el-dialog :visible.sync="showedXuqiuInfo"
:close-on-click-modal="false"
:close-on-press-escape="false"
title="需求详情"
width="900px"
@closed="showedXuqiuInfo = false"
>
<xuqiu-info
ref="xuqiu_info"
@dialogCancle="showedXuqiuInfo = false"
></xuqiu-info>
@closed="showedXuqiuInfo = false">
<xuqiu-info ref="xuqiu_info"
@dialogCancle="showedXuqiuInfo = false"></xuqiu-info>
</el-dialog>
</div>
</template>

2
src/views/modules/shequzhili/event/cpts/process-form.vue

@ -18,7 +18,7 @@
label="">暂不处理</el-radio>
<el-radio label="0">回复</el-radio>
<el-radio label="1">立项</el-radio>
<el-radio label="2">转服务</el-radio>
<el-radio label="2">需求服务</el-radio>
<el-radio label="3">转议题</el-radio>
</el-radio-group>

2
src/views/modules/shequzhili/event/eventList.vue

@ -787,7 +787,7 @@ export default {
// this.tableData.forEach(item => {
// if (item.operationType === '2') {
// item.operationTypeShow = ''
// item.operationTypeShow = ''
// }
// if (item.operationType === '1') {
// item.operationTypeShow = ''

Loading…
Cancel
Save