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

修改数据格式化逻辑，修改数据加载权限

release/epdc
luyan 1 year ago
parent
2eeb090c8f
commit
cfb5750bac
2 changed files with 208 additions and 11165 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. 376
      src/views/modules/user/reportparty.vue
  2. 10997
      yarn.lock

376
src/views/modules/user/reportparty.vue
View File

@ -1,77 +1,85 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__reportparty}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属社区">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" filterable clearable>
</el-cascader>
</el-form-item>
<el-form-item label="姓名" label-width="70px">
<el-input v-model="dataForm.name" placeholder="请输入姓名" clearable></el-input>
</el-form-item>
<el-form-item label="证件号码" label-width="70px">
<el-input v-model="dataForm.idCard" placeholder="请输入证件号码" clearable></el-input>
</el-form-item>
<el-form-item label="联系电话" label-width="70px">
<el-input v-model="dataForm.mobile" placeholder="请输入联系电话" clearable></el-input>
</el-form-item>
<el-form-item label="工作单位" label-width="70px">
<el-input v-model="dataForm.workUnit" 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="success" @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
</el-form-item>
<!-- <el-form-item>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__reportparty}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="所属社区">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" filterable clearable>
</el-cascader>
</el-form-item>
<el-form-item label="姓名" label-width="70px">
<el-input v-model="dataForm.name" placeholder="请输入姓名" clearable></el-input>
</el-form-item>
<el-form-item label="证件号码" label-width="70px">
<el-input v-model="dataForm.idCard" placeholder="请输入证件号码" clearable></el-input>
</el-form-item>
<el-form-item label="联系电话" label-width="70px">
<el-input v-model="dataForm.mobile" placeholder="请输入联系电话" clearable></el-input>
</el-form-item>
<el-form-item label="工作单位" label-width="70px">
<el-input v-model="dataForm.workUnit" 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="success" @click="exportHandle()" class="custom-button-modify">{{ $t('export')
}}</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="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="parentDeptNames" label="所属社区" header-align="center" align="center"
:formatter="formatterDeptNames"></el-table-column>
<el-table-column prop="homeName" label="小区名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="workUnit" label="工作单位" header-align="center" align="center"></el-table-column>
<el-table-column prop="couplingCommunityName" 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="party" label="是否党员" header-align="center" align="center"
:formatter="formatValue"></el-table-column>
<el-table-column prop="volunteer" label="是否愿意加入志愿者" header-align="center" align="center"
:formatter="formatValue"></el-table-column>
<el-table-column prop="gridStaff" label="是否愿意加入网格员" header-align="center" align="center"
:formatter="formatValue"></el-table-column>
<el-table-column prop="owners" label="是否愿意加入业务委员会" header-align="center" align="center"
:formatter="formatValue"></el-table-column>
<el-table-column prop="status" label="审核状态" header-align="center" align="center" width="80"
:formatter="formatStatus"></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="examine(scope.row)">{{$t(scope.row.status===0)? '审核' : '驳回' }}</el-button>
<el-button type="text" size="mini" @click="detail(scope.row.id)" class="custom-table-button-default">查看</el-button>
<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>
<reportParty-detail v-if="detailVisible" ref="reportPartyDetail" @refreshDataList="getDataList"></reportParty-detail>
<!-- <reportparty-examine ref="reportPartyExamine" @refreshDataList="getDataList"></reportparty-examine> -->
</div>
</el-card>
</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="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="parentDeptNames" label="行政区域/社区" header-align="center"
align="center"></el-table-column>
<el-table-column prop="homeName" label="小区名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="workUnit" label="工作单位" header-align="center" align="center"></el-table-column>
<el-table-column prop="couplingCommunityName" 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="party" label="是否党员" header-align="center" align="center"
:formatter="formatParty"></el-table-column>
<el-table-column prop="volunteer" label="是否愿意加入志愿者" header-align="center" align="center"
:formatter="formatVolunteer"></el-table-column>
<el-table-column prop="gridStaff" label="是否愿意加入网格员" header-align="center" align="center"
:formatter="formatGridStaff"></el-table-column>
<el-table-column prop="owners" label="是否愿意加入业务委员会" header-align="center" align="center"
:formatter="formatOwners"></el-table-column>
<el-table-column prop="status" label="审核状态" header-align="center" align="center" width="80"
:formatter="formatStatus"></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="examine(scope.row)">{{ $t(scope.row.status === 0) ?
'审核'
: '驳回' }}</el-button>
<el-button type="text" size="mini" @click="detail(scope.row.id)"
class="custom-table-button-default">查看</el-button>
<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>
<reportParty-detail v-if="detailVisible" ref="reportPartyDetail"
@refreshDataList="getDataList"></reportParty-detail>
<!-- <reportparty-examine ref="reportPartyExamine" @refreshDataList="getDataList"></reportparty-examine> -->
</div>
</el-card>
</template>
<script>
@ -79,112 +87,144 @@ import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './reportparty-add-or-update'
import Flowparty from './flowparty'
import ReportPartyDetail from './reportparty-detail'
// import ReportPartyExamine from './reportparty-examine'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/app-user/reportparty/page',
getDataListIsPage: true,
deleteURL: '/app-user/reportparty',
deleteIsBatch: true,
exportURL: '/app-user/reportparty/export'
},
dataForm: {
id: '',
name: '',
idCard: '',
mobile: '',
freelance: '',
workUnit: '',
partyName: '',
workAddr: '',
status: '',
deptId: '',
allDeptIds: []
},
detailVisible: false,
regOptions: [
{
value: 0,
label: '否'
}, {
value: 1,
label: '是'
}
],
ids: [],
options: [],
tempName: ''
}
},
components: {
AddOrUpdate,
Flowparty,
ReportPartyDetail
},
created: function () {
this.getOptions()
},
watch: {
'ids': function (val) {
this.dataForm.deptId = val.join(',')
}
},
methods: {
getOptions () {
this.$http.get(`/api/admin/dept/getAllDeptTree`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
mixins: [mixinViewModule],
data() {
return {
mixinViewModuleOptions: {
getDataListURL: '/app-user/reportparty/page',
getDataListIsPage: true,
deleteURL: '/app-user/reportparty',
deleteIsBatch: true,
exportURL: '/app-user/reportparty/export'
},
dataForm: {
id: '',
name: '',
idCard: '',
mobile: '',
freelance: '',
workUnit: '',
partyName: '',
workAddr: '',
status: '',
deptId: '',
allDeptIds: []
},
detailVisible: false,
regOptions: [
{
value: 0,
label: '否'
}, {
value: 1,
label: '是'
}
],
ids: [],
options: [],
tempName: ''
}
this.options = res.data
}).catch(() => { })
},
formatValue (value) {
if (value === 0) {
return '否'
} else {
return '是'
}
components: {
AddOrUpdate,
Flowparty,
ReportPartyDetail
},
// 审核驳回
examine (row) {
row.status = row.status === 0 ? 1 : 0
const data = {
id: row.id,
status: row.status,
allDeptIds: row.allDeptIds
}
this.$http['post']('/app-user/reportparty/update', data).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.getDataList()
}
})
}).catch(() => { })
created: function () {
this.getOptions()
},
detail (userId) {
this.detailVisible = true
this.$nextTick(() => {
this.$refs.reportPartyDetail.dataForm.id = userId
this.$refs.reportPartyDetail.init()
})
watch: {
'ids': function (val) {
this.dataForm.deptId = val.join(',')
}
},
formatStatus (row) {
if (row.status === 0) {
return '未审核'
} else {
return '已审核'
}
methods: {
getOptions() {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
}
this.options = res.data.options;
})
.catch(() => { });
this.$http
.post(`/sys/dept/queryUserSysDeptTypeKey`, {})
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
}
this.optionsDept = res.data;
})
.catch(() => { });
},
formatParty(row) {
if (row.party === 0) {
return '否'
} else {
return '是'
}
},
formatVolunteer(row) {
if (row.volunteer === 0) {
return '否'
} else {
return '是'
}
},
formatOwners(row) {
if (row.owners === 0) {
return '否'
} else {
return '是'
}
},
formatGridStaff(row) {
if (row.gridStaff === 0) {
return '否'
} else {
return '是'
}
},
// 审核驳回
examine(row) {
row.status = row.status === 0 ? 1 : 0
const data = {
id: row.id,
status: row.status,
allDeptIds: row.allDeptIds
}
this.$http['post']('/app-user/reportparty/update', data).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.getDataList()
}
})
}).catch(() => { })
},
detail(userId) {
this.detailVisible = true
this.$nextTick(() => {
this.$refs.reportPartyDetail.dataForm.id = userId
this.$refs.reportPartyDetail.init()
})
},
formatStatus(row) {
if (row.status === 0) {
return '未审核'
} else {
return '已审核'
}
}
}
}
}
</script>

10997
yarn.lock
View File

File diff suppressed because it is too large
Write Preview
Loading…
Cancel
Save