Browse Source

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

release/epdc
luyan 1 year ago
parent
commit
cfb5750bac
  1. 94
      src/views/modules/user/reportparty.vue
  2. 10997
      yarn.lock

94
src/views/modules/user/reportparty.vue

@ -22,7 +22,8 @@
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="success" @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button> <el-button type="success" @click="exportHandle()" class="custom-button-modify">{{ $t('export')
}}</el-button>
</el-form-item> </el-form-item>
<!-- <el-form-item> <!-- <el-form-item>
<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
@ -31,34 +32,40 @@
<el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> <el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item> --> </el-form-item> -->
</el-form> </el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" <el-table v-loading="dataListLoading" :data="dataList" border
style="width: 100%;"> @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <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="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="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="mobile" label="联系电话" header-align="center" align="center"></el-table-column>
<el-table-column prop="parentDeptNames" label="所属社区" header-align="center" align="center" <el-table-column prop="parentDeptNames" label="行政区域/社区" header-align="center"
:formatter="formatterDeptNames"></el-table-column> align="center"></el-table-column>
<el-table-column prop="homeName" 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="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="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="createdTime" label="报到时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="party" label="是否党员" header-align="center" align="center" <el-table-column prop="party" label="是否党员" header-align="center" align="center"
:formatter="formatValue"></el-table-column> :formatter="formatParty"></el-table-column>
<el-table-column prop="volunteer" label="是否愿意加入志愿者" header-align="center" align="center" <el-table-column prop="volunteer" label="是否愿意加入志愿者" header-align="center" align="center"
:formatter="formatValue"></el-table-column> :formatter="formatVolunteer"></el-table-column>
<el-table-column prop="gridStaff" label="是否愿意加入网格员" header-align="center" align="center" <el-table-column prop="gridStaff" label="是否愿意加入网格员" header-align="center" align="center"
:formatter="formatValue"></el-table-column> :formatter="formatGridStaff"></el-table-column>
<el-table-column prop="owners" label="是否愿意加入业务委员会" header-align="center" align="center" <el-table-column prop="owners" label="是否愿意加入业务委员会" header-align="center" align="center"
:formatter="formatValue"></el-table-column> :formatter="formatOwners"></el-table-column>
<el-table-column prop="status" label="审核状态" header-align="center" align="center" width="80" <el-table-column prop="status" label="审核状态" header-align="center" align="center" width="80"
:formatter="formatStatus"></el-table-column> :formatter="formatStatus"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope"> <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="small" @click="examine(scope.row)">{{ $t(scope.row.status === 0) ?
<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>
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</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> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -68,7 +75,8 @@
</el-pagination> </el-pagination>
<!-- 弹窗, 新增 / 修改 审核--> <!-- 弹窗, 新增 / 修改 审核-->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> <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-detail v-if="detailVisible" ref="reportPartyDetail"
@refreshDataList="getDataList"></reportParty-detail>
<!-- <reportparty-examine ref="reportPartyExamine" @refreshDataList="getDataList"></reportparty-examine> --> <!-- <reportparty-examine ref="reportPartyExamine" @refreshDataList="getDataList"></reportparty-examine> -->
</div> </div>
</el-card> </el-card>
@ -79,10 +87,9 @@ import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './reportparty-add-or-update' import AddOrUpdate from './reportparty-add-or-update'
import Flowparty from './flowparty' import Flowparty from './flowparty'
import ReportPartyDetail from './reportparty-detail' import ReportPartyDetail from './reportparty-detail'
// import ReportPartyExamine from './reportparty-examine'
export default { export default {
mixins: [mixinViewModule], mixins: [mixinViewModule],
data () { data() {
return { return {
mixinViewModuleOptions: { mixinViewModuleOptions: {
getDataListURL: '/app-user/reportparty/page', getDataListURL: '/app-user/reportparty/page',
@ -133,23 +140,56 @@ export default {
} }
}, },
methods: { methods: {
getOptions () { getOptions() {
this.$http.get(`/api/admin/dept/getAllDeptTree`).then(({ data: res }) => { this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) 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 '是'
} }
this.options = res.data
}).catch(() => { })
}, },
formatValue (value) { formatGridStaff(row) {
if (value === 0) { if (row.gridStaff === 0) {
return '否' return '否'
} else { } else {
return '是' return '是'
} }
}, },
// //
examine (row) { examine(row) {
row.status = row.status === 0 ? 1 : 0 row.status = row.status === 0 ? 1 : 0
const data = { const data = {
id: row.id, id: row.id,
@ -171,14 +211,14 @@ export default {
}) })
}).catch(() => { }) }).catch(() => { })
}, },
detail (userId) { detail(userId) {
this.detailVisible = true this.detailVisible = true
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.reportPartyDetail.dataForm.id = userId this.$refs.reportPartyDetail.dataForm.id = userId
this.$refs.reportPartyDetail.init() this.$refs.reportPartyDetail.init()
}) })
}, },
formatStatus (row) { formatStatus(row) {
if (row.status === 0) { if (row.status === 0) {
return '未审核' return '未审核'
} else { } else {

10997
yarn.lock

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