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

区直街道考核统计页面开发

master
zhangyongzhangyong 6 years ago
parent
89fa710225
commit
4fb6412b4e
2 changed files with 133 additions and 175 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 181
      src/views/modules/kpi/kpiresultsuperior-add-or-update.vue
  2. 127
      src/views/modules/kpi/kpiresultsuperior.vue

181
src/views/modules/kpi/kpiresultsuperior-add-or-update.vue
View File

@ -1,148 +1,47 @@
<template> <template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> <el-dialog :visible.sync="visible" title="详情" :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' : '80px'"> <el-table border :data="dataList" style="width: 100%;">
<el-form-item label="网格ID" prop="deptId"> <el-table-column prop="gridCallSuperiorAmount" label="网格呼叫事项总数" header-align="center" align="center"></el-table-column>
<el-input v-model="dataForm.deptId" placeholder="网格ID"></el-input> <el-table-column prop="gridCallSuperiorRespAmount" label="响应网格呼叫事项数" header-align="center" align="center"></el-table-column>
</el-form-item> <el-table-column prop="gridCallSuperiorCloseAmount" label="办结网格呼叫事项数" header-align="center" align="center"></el-table-column>
<el-form-item label="最终得分" prop="finalScore"> <el-table-column prop="gridHighEvaluationAmount" label="工作评议满意数" header-align="center" align="center"></el-table-column>
<el-input v-model="dataForm.finalScore" placeholder="最终得分"></el-input> <el-table-column prop="gridMediumEvaluationAmount" label="工作评议基本满意数" header-align="center" align="center"></el-table-column>
</el-form-item> <el-table-column prop="gridLowEvaluationAmount" label="工作评议不满意数" header-align="center" align="center"></el-table-column>
<el-form-item label="考核周期开始日" prop="startDate"> </el-table>
<el-input v-model="dataForm.startDate" placeholder="考核周期开始日"></el-input>
</el-form-item>
<el-form-item label="考核周期结束日" prop="endDate">
<el-input v-model="dataForm.endDate" placeholder="考核周期结束日"></el-input>
</el-form-item>
<el-form-item label="考核周期(字典值 代表月，季，年)" prop="kpiCycle">
<el-input v-model="dataForm.kpiCycle" placeholder="考核周期(字典值 代表月，季，年)"></el-input>
</el-form-item>
<el-form-item label="机构类别" prop="deptTypeKey">
<el-input v-model="dataForm.deptTypeKey" placeholder="机构类别"></el-input>
</el-form-item>
<el-form-item label="所有上级机构id" prop="parentDeptIds">
<el-input v-model="dataForm.parentDeptIds" placeholder="所有上级机构id"></el-input>
</el-form-item>
<el-form-item label="所有上级机构名称" prop="parentDeptNames">
<el-input v-model="dataForm.parentDeptNames" placeholder="所有上级机构名称"></el-input>
</el-form-item>
<el-form-item label="所有机构id" prop="allDeptIds">
<el-input v-model="dataForm.allDeptIds" placeholder="所有机构id"></el-input>
</el-form-item>
<el-form-item label="所有机构名称" prop="allDeptNames">
<el-input v-model="dataForm.allDeptNames" placeholder="所有机构名称"></el-input>
</el-form-item>
<el-form-item label="乐观锁" prop="revision">
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
</el-form-item>
<el-form-item label="创建人" prop="createdBy">
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime">
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
</el-form-item>
<el-form-item label="更新人" prop="updatedBy">
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
</el-form-item>
<el-form-item label="更新时间" prop="updatedTime">
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>
</el-form-item>
<el-form-item label="删除标记" prop="delFlag">
<el-input v-model="dataForm.delFlag" placeholder="删除标记"></el-input>
</el-form-item>
</el-form>
<template slot="footer"> <template slot="footer">
<el-button type="primary" @click="tableExport()">{{ $t('export') }}</el-button>
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import debounce from 'lodash/debounce' import Cookies from 'js-cookie'
import qs from 'qs'
export default { export default {
data () { data () {
return { return {
mixinViewModuleOptions: {
exportURL: '/kpi/kpiresultsuperior/tableExport'
},
visible: false, visible: false,
dataForm: { dataForm: {
id: '', id: '',
deptId: '', deptId: '',
finalScore: '', gridCallSuperiorAmount: '',
startDate: '', gridCallSuperiorRespAmount: '',
endDate: '', gridCallSuperiorCloseAmount: '',
kpiCycle: '', gridHighEvaluationAmount: '',
deptTypeKey: '', gridMediumEvaluationAmount: '',
parentDeptIds: '', gridLowEvaluationAmount: ''
parentDeptNames: '', },
allDeptIds: '', dataList: []
allDeptNames: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
}
}
},
computed: {
dataRule () {
return {
deptId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
finalScore: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
startDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
endDate: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
kpiCycle: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
deptTypeKey: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
parentDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
parentDeptNames: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
allDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
allDeptNames: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
} }
}, },
methods: { methods: {
init () { init () {
this.visible = true this.visible = true
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) { if (this.dataForm.id) {
this.getInfo() this.getInfo()
} }
@ -154,34 +53,18 @@ export default {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
this.dataForm = { this.dataList = res.data
...this.dataForm,
...res.data
}
}).catch(() => {}) }).catch(() => {})
}, },
// 表单提交 // Excel导出
dataFormSubmitHandle: debounce(function () { tableExport () {
this.$refs['dataForm'].validate((valid) => { let id = this.dataForm.id
if (!valid) { let params = qs.stringify({
return false 'token': Cookies.get('token'),
} 'id': id
this.$http[!this.dataForm.id ? 'post' : 'put']('/kpi/kpiresultsuperior/', 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 }) window.location.href = `${window.SITE_CONFIG['apiURL']}${this.mixinViewModuleOptions.exportURL}?${params}`
}
} }
} }
</script> </script>

127
src/views/modules/kpi/kpiresultsuperior.vue
View File

@ -2,42 +2,31 @@
<el-card shadow="never" class="aui-card--fill"> <el-card shadow="never" class="aui-card--fill">
<div class="mod-kpi__kpiresultsuperior}"> <div class="mod-kpi__kpiresultsuperior}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item> <el-form-item label="所属机构">
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input> <el-cascader
v-model="deptIdList"
:options="options"
:props="{ checkStrictly: true }"
clearable
></el-cascader>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<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 v-if="$hasPermission('kpi:kpiresultsuperior:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> <el-button v-if="$hasPermission('kpi:gridResult:export')" type="primary" @click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('kpi:kpiresultsuperior:delete')" 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" style="width: 100%;"> <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="allDeptNames" label="所属机构" header-align="center" align="center" width="440"></el-table-column>
<el-table-column prop="id" label="主键" header-align="center" align="center"></el-table-column>
<el-table-column prop="deptId" label="网格ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="finalScore" label="最终得分" header-align="center" align="center"></el-table-column> <el-table-column prop="finalScore" label="最终得分" header-align="center" align="center"></el-table-column>
<el-table-column prop="startDate" label="考核周期开始日" header-align="center" align="center"></el-table-column> <el-table-column prop="startDate" label="考核周期开始日" header-align="center" :formatter="startDateFormat" align="center"></el-table-column>
<el-table-column prop="endDate" label="考核周期结束日" header-align="center" align="center"></el-table-column> <el-table-column prop="endDate" label="考核周期结束日" header-align="center" :formatter="endDateFormat" align="center"></el-table-column>
<el-table-column prop="kpiCycle" label="考核周期(字典值 代表月，季，年)" header-align="center" align="center"></el-table-column> <el-table-column prop="kpiCycle" label="考核周期" header-align="center" :formatter="kpiCycleFormat" align="center"></el-table-column>
<el-table-column prop="deptTypeKey" label="机构类别" header-align="center" align="center"></el-table-column> <el-table-column prop="deptTypeKey" label="机构类别" header-align="center" :formatter="deptTypeKeyFormat" align="center"></el-table-column>
<el-table-column prop="parentDeptIds" label="所有上级机构id" 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="allDeptIds" label="所有机构id" header-align="center" align="center"></el-table-column>
<el-table-column prop="allDeptNames" label="所有机构名称" 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 prop="delFlag" 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-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button v-if="$hasPermission('kpi:kpiresultsuperior:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> <el-button type="text" size="small" @click="detailQuery(scope.row.id)">详情</el-button>
<el-button v-if="$hasPermission('kpi:kpiresultsuperior:delete')" 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>
@ -67,10 +56,96 @@ export default {
getDataListURL: '/kpi/kpiresultsuperior/page', getDataListURL: '/kpi/kpiresultsuperior/page',
getDataListIsPage: true, getDataListIsPage: true,
deleteURL: '/kpi/kpiresultsuperior', deleteURL: '/kpi/kpiresultsuperior',
deleteIsBatch: true deleteIsBatch: true,
exportURL: '/kpi/kpiresultsuperior/export'
}, },
dataForm: { dataForm: {
id: '' id: ''
},
// 所属机构配置
deptIdList: [],
options: [],
streetList: [],
communityList: [],
gridList: []
}
},
created () {
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(() => {})
},
methods: {
// 考核周期开始日字段,格式化
startDateFormat: function (row) {
return row.startDate.substring(0, 10)
},
// 考核周期结束日字段,格式化
endDateFormat: function (row) {
return row.endDate.substring(0, 10)
},
// 考核周期,格式化
kpiCycleFormat: function (row) {
if (row.kpiCycle === 'month') {
return '月'
} else if (row.kpiCycle === 'quarter') {
return '季'
} else if (row.kpiCycle === 'year') {
return '年'
}
},
// 机构类别,格式化
deptTypeKeyFormat: function (row) {
if (row.deptTypeKey === 'district_party') {
return '区党委'
} else if (row.deptTypeKey === 'district_dept') {
return '区直部门'
} else if (row.deptTypeKey === 'street_party') {
return '街道党工委'
} else if (row.deptTypeKey === 'street_dept') {
return '街道部门'
} else if (row.deptTypeKey === 'community_party') {
return '社区党工委'
} else if (row.deptTypeKey === 'grid_party') {
return '网格党支部'
}
},
// 跳转到详情页
detailQuery (id, startDate, endDate, deptId) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.dataForm.id = id
this.$refs.addOrUpdate.init()
})
}
},
watch: {
'deptIdList': function (val) {
if (val.length === 0) {
this.dataForm.streetId = ''
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 1) {
this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 2) {
this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = this.deptIdList[1]
this.dataForm.gridId = ''
}
if (val.length === 3) {
this.dataForm.streetId = this.deptIdList[0]
this.dataForm.communityId = this.deptIdList[1]
this.dataForm.gridId = this.deptIdList[2]
} }
} }
}, },

Write Preview
Loading…
Cancel
Save