|
|
|
@ -104,161 +104,194 @@ |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="g-table"> |
|
|
|
<el-button type="primary" |
|
|
|
@click="handleCreateBtnClick">新增 |
|
|
|
</el-button> |
|
|
|
<el-upload |
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
ref="upload" |
|
|
|
class="upload-btn" |
|
|
|
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" |
|
|
|
style="display: inline-block;margin:0px 10px" |
|
|
|
> |
|
|
|
<el-button type="primary" :loading="importLoading">导入</el-button> |
|
|
|
</el-upload> |
|
|
|
<el-button type="primary" |
|
|
|
:loading="exportBtnLoading" |
|
|
|
@click="handleExportBtnClick">导出 |
|
|
|
</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
@click="handleDownloadTemplateBtnClick">下载模板 |
|
|
|
</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
@click="handleDeleteBatchBtnClick">批量删除 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div style="margin-top: 10px;margin-bottom: 10px"> |
|
|
|
<el-table |
|
|
|
:data="partymemberList" |
|
|
|
border |
|
|
|
v-loading="loading" |
|
|
|
@select-all="handleMultiSelect" |
|
|
|
@selection-change="handleMultiSelect" |
|
|
|
style="width: 100%" |
|
|
|
table |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
width="55"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="partyOrgName" |
|
|
|
label="党组织名称" |
|
|
|
width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="name" |
|
|
|
label="姓名" |
|
|
|
width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="mobile" |
|
|
|
label="联系电话"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="idCard" |
|
|
|
label="身份证号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="jzAddress" |
|
|
|
label="居住地址"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="partyJobName" |
|
|
|
label="职务"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="joinTime" |
|
|
|
label="入党日期"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="payStatus" |
|
|
|
label="是否缴费" style="width: 50px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.payStatus ? '是' : '否' }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="latestPayDate" |
|
|
|
label="最近缴费日期"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="centerFlag" |
|
|
|
label="党员中心户"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.centerFlag == null ? null : (scope.row.centerFlag === 1 ? '是' : '否') }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="flowFlag" |
|
|
|
label="流动党员"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.flowFlag == null ? null : (scope.row.flowFlag === 1 ? '是' : '否') }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="studyNotNeed" |
|
|
|
label="免学习"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.studyNotNeed == null ? null : scope.row.studyNotNeed === 1 ? '是' : '否' }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
label="操作" |
|
|
|
width="280"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" |
|
|
|
@click="handleDetailBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">查看</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="handleUpdateBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">编辑</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="handleDeleteSingleBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">删除</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="handlePayRecordBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">缴费记录</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="handlePointsRecordBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">量化积分</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
background |
|
|
|
layout="sizes, prev, pager, next" |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="searchForm.pageNo" |
|
|
|
:page-sizes="pageSizes" |
|
|
|
:page-size="searchForm.pageSize" |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
<Create ref="create" @finishUpdate="search"></Create> |
|
|
|
<div class="m-table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
@click="handleCreateBtnClick">新增 |
|
|
|
</el-button> |
|
|
|
<el-upload |
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
ref="upload" |
|
|
|
class="upload-btn" |
|
|
|
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" |
|
|
|
style="display: inline-block;margin:0px 10px" |
|
|
|
> |
|
|
|
<el-button type="primary" :loading="importLoading" |
|
|
|
size="small" |
|
|
|
class="diy-button--white el-button--default">导入</el-button> |
|
|
|
</el-upload> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
:loading="exportBtnLoading" |
|
|
|
@click="handleExportBtnClick">导出 |
|
|
|
</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
class="diy-button--white el-button--default" |
|
|
|
@click="handleDownloadTemplateBtnClick">下载模板 |
|
|
|
</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
@click="handleDeleteBatchBtnClick">批量删除 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
<el-table |
|
|
|
:data="partymemberList" |
|
|
|
border |
|
|
|
v-loading="loading" |
|
|
|
@select-all="handleMultiSelect" |
|
|
|
@selection-change="handleMultiSelect" |
|
|
|
style="width: 100%" |
|
|
|
class="m-table-item" |
|
|
|
:height="maxTableHeight" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
width="55"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="partyOrgName" |
|
|
|
label="党组织名称" |
|
|
|
width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
|
|
|
|
prop="name" |
|
|
|
label="姓名" |
|
|
|
width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="mobile" |
|
|
|
label="联系电话"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="idCard" |
|
|
|
label="身份证号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="jzAddress" |
|
|
|
label="居住地址"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="partyJobName" |
|
|
|
label="职务"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="joinTime" |
|
|
|
label="入党日期"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="payStatus" |
|
|
|
label="是否缴费" style="width: 50px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.payStatus ? '是' : '否' }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="latestPayDate" |
|
|
|
label="最近缴费日期"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="centerFlag" |
|
|
|
label="党员中心户"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.centerFlag == null ? null : (scope.row.centerFlag === 1 ? '是' : '否') }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="flowFlag" |
|
|
|
label="流动党员"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.flowFlag == null ? null : (scope.row.flowFlag === 1 ? '是' : '否') }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="studyNotNeed" |
|
|
|
label="免学习"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.studyNotNeed == null ? null : scope.row.studyNotNeed === 1 ? '是' : '否' }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
label="操作" |
|
|
|
width="280"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" |
|
|
|
@click="handleDetailBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">查看</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="handleUpdateBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">编辑</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="handleDeleteSingleBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">删除</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="handlePayRecordBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">缴费记录</el-button> |
|
|
|
<el-button type="text" |
|
|
|
@click="handlePointsRecordBtnClick(scope.row)" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">量化积分</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
background |
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="searchForm.pageNo" |
|
|
|
:page-sizes="pageSizes" |
|
|
|
:page-size="searchForm.pageSize" |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-dialog |
|
|
|
v-if="createDlgShow" |
|
|
|
:visible.sync="createDlgShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="新增党员" |
|
|
|
:modal-append-to-body="false" |
|
|
|
width="720px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="createDlgShow = false" |
|
|
|
> |
|
|
|
<Create ref="create" @finishUpdate="search" @handelCreateClose="handelCreateClose"></Create> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog |
|
|
|
v-if="detailDlgShow" |
|
|
|
:visible.sync="detailDlgShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="新增党员" |
|
|
|
:modal-append-to-body="false" |
|
|
|
width="720px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="detailDlgShow = false" |
|
|
|
> |
|
|
|
<Detail ref="detail" @finishUpdate="search"></Detail> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<Update ref="update" @finishUpdate="search"></Update> |
|
|
|
<PayRecord ref="payRecord" ></PayRecord> |
|
|
|
<Points ref="pmPoints" ></Points> |
|
|
|
@ -268,6 +301,7 @@ |
|
|
|
|
|
|
|
import { defineComponent } from 'vue' |
|
|
|
import { Loading } from 'element-ui'; |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import Create from './create' |
|
|
|
import Detail from './detail' |
|
|
|
import Update from './update' |
|
|
|
@ -358,13 +392,17 @@ export default { |
|
|
|
label: 'partyOrgName', |
|
|
|
checkStrictly: true, |
|
|
|
multiple: false |
|
|
|
} |
|
|
|
}, |
|
|
|
searchH: 160, |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
|
|
|
|
/** ● ==================事件================ **/ |
|
|
|
handelCreateClose(){ |
|
|
|
this.createDlgShow =false |
|
|
|
}, |
|
|
|
|
|
|
|
handleMultiSelect(selectedRows) { |
|
|
|
this.multiSelectedRows = selectedRows; |
|
|
|
@ -702,7 +740,15 @@ export default { |
|
|
|
this.searchForm.pageNo = pageNo; |
|
|
|
this.search(); |
|
|
|
}, |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
maxTableHeight() { |
|
|
|
const h = this.clientHeight - this.searchH - 330 + this.iframeHeight; |
|
|
|
const _h = this.clientHeight - 330 - this.searchH; |
|
|
|
return this.$store.state.inIframe ? h : _h; |
|
|
|
}, |
|
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
|
}, |
|
|
|
} |
|
|
|
|
|
|
|
</script> |
|
|
|
|
jiangyuying
2 years ago