elink-star
/
esua-epdc-admin-js
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

特殊人群管理

feature/syp_points
songyunpeng 5 years ago
parent
4c4e7ce9ee
commit
ff9527a026
2 changed files with 320 additions and 0 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. 161
      src/views/modules/custom/specialuser-add-or-update.vue
  2. 159
      src/views/modules/custom/specialuser.vue

161
src/views/modules/custom/specialuser-add-or-update.vue
View File

@ -0,0 +1,161 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '140px'">
<el-form-item label="所属村庄" prop="suVillage">
<el-input v-model="dataForm.suVillage" placeholder="所属村庄"></el-input>
</el-form-item>
<el-form-item label="姓名" prop="suName">
<el-input v-model="dataForm.suName" placeholder="姓名"></el-input>
</el-form-item>
<el-form-item label="出生日期" prop="suBirthday">
<el-date-picker
v-model="dataForm.suBirthday"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="残疾证号" prop="suDisabilityNumber">
<el-input v-model="dataForm.suDisabilityNumber" placeholder="残疾证号"></el-input>
</el-form-item>
<el-form-item label="残疾类别及等级" prop="suDisabilityType">
<el-input v-model="dataForm.suDisabilityType" placeholder="残疾类别及等级"></el-input>
</el-form-item>
<el-form-item label="是否低保" prop="suIsLow">
<el-select v-model="dataForm.suIsLow" placeholder="是否低保">
<el-option v-for="item in showFlagArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="保障人口" prop="suGuaranteedPopulation">
<el-input v-model="dataForm.suGuaranteedPopulation" placeholder="保障人口"></el-input>
</el-form-item>
<el-form-item label="关系" prop="suRelationship">
<el-input v-model="dataForm.suRelationship" placeholder="关系"></el-input>
</el-form-item>
<el-form-item label="低保金额" prop="suLowMoney">
<el-input-number :precision="2" :step="0.1" v-model="dataForm.suLowMoney" placeholder="低保金额"></el-input-number>
</el-form-item>
<el-form-item label="困难残疾人生活补贴" prop="suLivingSubsidy">
<el-input-number :precision="2" :step="0.1" v-model="dataForm.suLivingSubsidy" placeholder="困难残疾人生活补贴"></el-input-number>
</el-form-item>
<el-form-item label="重度残疾人护理补贴" prop="suCareSubsidy">
<el-input-number :precision="2" :step="0.1" v-model="dataForm.suCareSubsidy" placeholder="重度残疾人护理补贴"></el-input-number>
</el-form-item>
<el-form-item label="经济困难老年人补贴" prop="suElderlySubsidy">
<el-input-number :precision="2" :step="0.1" v-model="dataForm.suElderlySubsidy" placeholder="经济困难老年人补贴"></el-input-number>
</el-form-item>
<el-form-item label="孤困儿童补贴" prop="suChildSubsidy">
<el-input-number :precision="2" :step="0.1" v-model="dataForm.suChildSubsidy" placeholder="孤困儿童补贴"></el-input-number>
</el-form-item>
<el-form-item label="分散五保补贴" prop="suFiveGuaranteesSubsidy">
<el-input-number v-model="dataForm.suFiveGuaranteesSubsidy" :precision="2" :step="0.1" placeholder="分散五保补贴"></el-input-number>
</el-form-item>
<el-form-item label="是否贫困户" prop="suIsPoor">
<el-select v-model="dataForm.suIsPoor" placeholder="是否贫困户">
<el-option v-for="item in showFlagArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
suVillage: '',
suName: '',
suBirthday: '',
suDisabilityNumber: '',
suDisabilityType: '',
suIsLow: '',
suGuaranteedPopulation: '',
suRelationship: '',
suLowMoney: '',
suLivingSubsidy: '',
suCareSubsidy: '',
suElderlySubsidy: '',
suChildSubsidy: '',
suFiveGuaranteesSubsidy: '',
suIsPoor: '',
delFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
},
showFlagArr: [
{
dictValue: '1',
dictName: '是'
},
{
dictValue: '0',
dictName: '否'
}
]
}
},
computed: {
dataRule () {
return {
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/custom/specialuser/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/custom/specialuser/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

159
src/views/modules/custom/specialuser.vue
View File

@ -0,0 +1,159 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-custom__specialuser}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属村庄">
<el-input v-model="dataForm.suVillage" placeholder="请输入" clearable></el-input>
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="dataForm.suName" placeholder="请输入" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button type="info"
@click="exportMoudleHandle()">导出模板</el-button>
</el-form-item>
<el-button type="primary" @click="showPrompt">点击上传</el-button>
<el-form-item>
<el-upload class="upload-demo"
ref="upload"
:action="uploadUrl"
:limit="1"
:on-error='uploadError'
:on-success='uploadSuccess'>
<el-button type="primary" v-show="false" id="handleClick">点击上传</el-button>
</el-upload>
</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="suVillage" label="所属村庄" header-align="center" align="center" width="150"></el-table-column>
<el-table-column prop="suName" label="姓名" header-align="center" align="center"></el-table-column>
<el-table-column prop="suBirthday" label="出生日期" header-align="center" align="center" :formatter="dateFormatter" width="100"></el-table-column>
<el-table-column prop="suDisabilityNumber" label="残疾证号" header-align="center" align="center" width="200"></el-table-column>
<el-table-column prop="suDisabilityType" label="残疾类别及等级" header-align="center" align="center" width="100"></el-table-column>
<el-table-column prop="suIsLow" label="是否低保" header-align="center" align="center" :formatter="isFormatter"></el-table-column>
<el-table-column prop="suGuaranteedPopulation" label="保障人口" header-align="center" align="center"></el-table-column>
<el-table-column prop="suRelationship" label="关系" header-align="center" align="center"></el-table-column>
<el-table-column prop="suLowMoney" label="低保金额" header-align="center" align="center"></el-table-column>
<el-table-column label="两项补贴" header-align="center" align="center">
<el-table-column prop="suLivingSubsidy" label="困难残疾人生活补贴" header-align="center" align="center" width="100"></el-table-column>
<el-table-column prop="suCareSubsidy" label="重度残疾人护理补贴" header-align="center" align="center" width="100"></el-table-column>
</el-table-column>
<el-table-column prop="suElderlySubsidy" label="经济困难老年人补贴" header-align="center" align="center"></el-table-column>
<el-table-column prop="suChildSubsidy" label="孤困儿童补贴" header-align="center" align="center"></el-table-column>
<el-table-column prop="suFiveGuaranteesSubsidy" label="分散五保补贴" header-align="center" align="center"></el-table-column>
<el-table-column prop="suIsPoor" label="是否贫困户" header-align="center" align="center" :formatter="isFormatter"></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"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './specialuser-add-or-update'
import Cookies from 'js-cookie'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/custom/specialuser/page',
getDataListIsPage: true,
deleteURL: '/custom/specialuser',
deleteIsBatch: true,
exportURL: '/custom/specialuser/export',
exportMoudle: '/custom/specialuser/exportModule'
},
dataForm: {
id: ''
},
uploadUrl: ''
}
},
components: {
AddOrUpdate
},
created () {
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/custom/specialuser/importExcel?token=${Cookies.get('token')}`
},
methods: {
errorExceed (file, fileList) {
this.$message.error('上传失败请重试')
},
uploadError (error, file, fileList) {
this.$message.error(error)
},
uploadSuccess (response, file, fileList) {
this.$refs.upload.clearFiles()
if (response.data !== null && response.data.length > 0) {
this.faultDataVisible = true
this.errordataList = response.data
return
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.getDataList()
}
})
},
isFormatter (row, column, cellValue, index) {
if (cellValue) {
if (cellValue === '1') {
return '是'
} else {
return '否'
}
}
return ''
},
dateFormatter (row, column, cellValue, index) {
if (cellValue) {
return cellValue.substring(0, 10)
}
return ''
},
showPrompt () {
this.$confirm('导入数据默认新增，不会替换已有数据，是否确认导入', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
document.getElementById('handleClick').click()
}).catch(() => {
this.$message({
type: 'info',
message: '已取消导入'
})
})
}
}
}
</script>
Write Preview
Loading…
Cancel
Save