elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

缴费记录

shibei_master
wanggongfeng 3 years ago
parent
d346febcb2
commit
4b1b8ea304
1 changed files with 192 additions and 29 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 221
      src/views/modules/partymember/icpartymemberpayrecorddetail.vue

221
src/views/modules/partymember/icpartymemberpayrecorddetail.vue
View File

@ -1,41 +1,89 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-partymember__icPartyMemberPayRecordDetail}">
<div class="mod-rent__rentDeath} resi-container">
<el-card ref="searchCard" class="search-card">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
<el-form-item label="姓名"
prop="name">
<el-input v-model="dataForm.name"
size="small"
class="list_item_width_1"
clearable
placeholder="请输入姓名">
</el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
<el-form-item label="身份证"
prop="idCard">
<el-input v-model="dataForm.idCard"
size="small"
class="list_item_width_1"
clearable
placeholder="请输入身份证">
</el-input>
</el-form-item>
<el-form-item label="手机"
prop="mobile">
<el-input v-model="dataForm.mobile"
size="small"
class="list_item_width_1"
clearable
placeholder="请输入手机">
</el-input>
</el-form-item>
<br/>
<el-form-item label="缴费年度" prop="year">
<el-date-picker
v-model="dataForm.year"
type="year"
placeholder="选择年"
value-format="yyyy"
@change="yearChangeHandler">
</el-date-picker>
</el-form-item>
<el-form-item label="" prop="month">
<el-select v-model="dataForm.month" placeholder="选择月份" clearable :disabled="dataForm.year === '' || dataForm.year === null">
<el-option v-for="item in monthArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('partymember:icPartyMemberPayRecordDetail:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
<el-button @click="getDataList()" size="small">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('partymember:icPartyMemberPayRecordDetail:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
<el-button class="diy-button--reset" size="small" @click="resetForm">重置</el-button>
</el-form-item>
<!--<el-form-item>-->
<!--<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>-->
<!--</el-form-item>-->
<!--<el-form-item>-->
<!--<el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>-->
<!--</el-form-item>-->
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="id" label="唯一标识" header-align="center" align="center"></el-table-column>
<el-table-column prop="customerId" label="客户Id (customer.id)" header-align="center" align="center"></el-table-column>
<el-table-column prop="partyMemberId" label="党员ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="recordId" label="党员缴费记录表ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="year" label="缴费年度" header-align="center" align="center"></el-table-column>
<el-table-column prop="quarter" label="缴费季度" header-align="center" align="center"></el-table-column>
<el-table-column prop="money" label="缴费金额" header-align="center" align="center"></el-table-column>
<el-table-column prop="delFlag" label="删除标识：0.未删除 1.已删除" header-align="center" align="center"></el-table-column>
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
</el-card>
<el-card class="resi-card-table">
<div class="resi-row-btn">
<el-button type="warning" size="small" class="diy-button--reset" @click="exportHandle()">{{ $t('export') }}</el-button>
</div>
<el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<!--<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>-->
<el-table-column label="序号" header-align="center" align="center" width="50px">
<template slot-scope="scope">
<el-button v-if="$hasPermission('partymember:icPartyMemberPayRecordDetail:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('partymember:icPartyMemberPayRecordDetail:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
{{scope.$index+1}}
</template>
</el-table-column>
<el-table-column prop="orgName" label="所属党组织" header-align="center" align="center"></el-table-column>
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column>
<el-table-column prop="idCard" label="身份证" header-align="center" align="center"></el-table-column>
<el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column>
<el-table-column prop="times" label="缴费次数" header-align="center" align="center"></el-table-column>
<el-table-column prop="money" label="缴费金额" header-align="center" align="center"></el-table-column>
<el-table-column prop="remark" label="备注" header-align="center" align="center"></el-table-column>
<!--<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">-->
<!--<template slot-scope="scope">-->
<!--<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>-->
<!--<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>-->
<!--</template>-->
<!--</el-table-column>-->
</el-table>
<el-pagination
:current-page="page"
@ -46,6 +94,7 @@
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle">
</el-pagination>
</el-card>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</div>
@ -61,18 +110,132 @@
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/partymember/icPartyMemberPayRecordDetail/page',
getDataListURL: '/resi/partymember/icPartyMemberPayRecordDetail/page',
getDataListIsPage: true,
deleteURL: '/partymember/icPartyMemberPayRecordDetail',
deleteURL: '/resi/partymember/icPartyMemberPayRecordDetail',
deleteIsBatch: true
},
dataForm: {
id: ''
}
id: '',
name: '',
idCard: '',
mobile: '',
year: '',
month: ''
},
monthArr: [
{ dictValue: '01', dictName: '一月' },
{ dictValue: '02', dictName: '二月' },
{ dictValue: '03', dictName: '三月' },
{ dictValue: '04', dictName: '四月' },
{ dictValue: '05', dictName: '五月' },
{ dictValue: '06', dictName: '六月' },
{ dictValue: '07', dictName: '七月' },
{ dictValue: '08', dictName: '八月' },
{ dictValue: '09', dictName: '九月' },
{ dictValue: '10', dictName: '十月' },
{ dictValue: '11', dictName: '十一月' },
{ dictValue: '12', dictName: '十二月' }
]
}
},
components: {
AddOrUpdate
},
methods: {
resetForm(formName) {
for(const n in this.dataForm) {
this.dataForm[n] = ''
}
this.getDataList()
},
yearChangeHandler(){
if(this.dataForm.year === '' || this.dataForm.year === null){
this.dataForm.month = ''
}
},
handleSizeChange (val) {
console.log(`每页 ${val} 条`)
this.pageSize = val
this.getDataList()
},
handleCurrentChange (val) {
console.log(`当前页: ${val}`)
this.currentPage = val
this.getDataList()
},
}
}
</script>
<style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss";
.resi-container .resi-card-table {
::v-deep .el-table th {
color: #fff;
background-color: rgba(33, 149, 254, 1);
// border-right: 1px solid rgba(33, 149, 254, 1);
}
}
.resi-table {
::v-deep .el-button--text {
text-decoration: underline;
}
::v-deep .btn-color-del {
margin-left: 10px;
color: rgba(213, 16, 16, 1);
}
::v-deep .btn-color-edit {
color: rgba(0, 167, 169, 1);
}
}
.form-wr {
.input-width {
width: 260px;
}
.input-width-textarea {
width: 500px;
}
.imsg-list {
display: flex;
align-items: center;
.imgs-item {
position: relative;
margin-right: 10px;
.el-icon-delete {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
color: red;
z-index: 3;
cursor: pointer;
}
}
}
}
.div-content {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.resi-row-btn {
display: flex;
margin-bottom: 13px;
.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);
// }
}
</style>

Write Preview
Loading…
Cancel
Save