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

评价管理功能增加

master
李鹏飞 6 years ago
parent
2c0eea614d
commit
055e8d5e43
4 changed files with 436 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. 32
      src/views/modules/custom/evaluatecount.vue
  2. 126
      src/views/modules/custom/evaluatedeptcount.vue
  3. 151
      src/views/modules/custom/evaluateinfo.vue
  4. 127
      src/views/modules/custom/evaluateofficercount.vue

32
src/views/modules/custom/evaluatecount.vue
View File

@ -0,0 +1,32 @@
<template>
<keep-alive include="evaluateDeptCountList">
<component :is="selectComponent"></component>
</keep-alive>
</template>
<script>
import EvaluateDeptCountList from './evaluatedeptcount'
import EvaluateOfficerCountList from './evaluateofficercount'
import EvaluateInfoList from './evaluateinfo'
export default {
data () {
return {
selectComponent: EvaluateDeptCountList
}
},
components: {
EvaluateDeptCountList,
EvaluateOfficerCountList,
EvaluateInfoList
},
methods: {
init () {
this.selectComponent = EvaluateDeptCountList
}
}
}
</script>
<style lang="scss" scoped>
</style>

126
src/views/modules/custom/evaluatedeptcount.vue
View File

@ -0,0 +1,126 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-custom__evaluatedeptcount}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<div>
<el-form-item label="街道"><el-input v-model="dataForm.deptName" placeholder="请输入" clearable></el-input></el-form-item>
<el-form-item label="排序">
<el-select v-model="dataForm.sort" placeholder="排序" clearable>
<el-option label="点赞最多" :value="1"></el-option>
<el-option label="吐槽最多" :value="2"></el-option>
<el-option label="点赞最少" :value="3"></el-option>
<el-option label="吐槽最少" :value="4"></el-option>
</el-select></el-form-item>
</div>
<div class="block">
<el-form-item label="时间"
prop="startTime">
<el-date-picker v-model="dataForm.startTime"
type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="至"
label-width="25px"
prop="endTime">
<el-date-picker v-model="dataForm.endTime"
type="date"
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('epdc:evaluateDeptCount:export')" type="primary" @click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item>
</div>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column label="序号" header-align="center" align="center" width="50px">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<el-table-column prop="deptName" label="街道名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="officerCount" label="干部人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="beEvaluatedCount" label="被评价干部人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="evaluatePeopleCount" label="评价总人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="evaluateCount" label="评价总次数" header-align="center" align="center"></el-table-column>
<el-table-column prop="likeCount" label="被点赞总次数" header-align="center" align="center"></el-table-column>
<el-table-column prop="opposeCount" 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 v-if="$hasPermission('custom:evaluateCount:lookOfficer')" type="text" size="small" @click="officerAction(scope.row.deptId)">查看</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>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import EvaluateOfficerCountList from './evaluateofficercount'
export default {
mixins: [mixinViewModule],
name: 'EvaluateDeptCountList',
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/custom/evaluatedept/countPage',
getDataListIsPage: true,
exportURL: '/custom/evaluatedept/countExport'
},
dataForm: {
deptName: '',
sort: '',
startTime: '',
endTime: ''
},
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime()
}
}
},
pickerBeginDateAfter: {
disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime
if (EndDateVal) {
return time.getTime() < new Date(EndDateVal).getTime()
}
}
}
}
},
created: function () {
this.getDataList();
},
methods: {
officerAction (deptId) {
this.$parent.selectComponent = 'EvaluateOfficerCountList'
this.$router.push({ path: '/custom-evaluatecount', query: { deptId: deptId } })
}
}
}
</script>

151
src/views/modules/custom/evaluateinfo.vue
View File

@ -0,0 +1,151 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-custom__evaluateinfo}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<el-button type="primary" @click="backToOfficerList">返回</el-button>
</el-form-item>
<div>
<el-form-item label="姓名"><el-input v-model="dataForm.fullName" placeholder="请输入姓名" clearable></el-input></el-form-item>
<el-form-item label="电话"><el-input v-model="dataForm.mobile" placeholder="请输入电话" clearable></el-input></el-form-item>
</div>
<div class="block">
<el-form-item label="时间"
prop="startTime">
<el-date-picker v-model="dataForm.startTime"
type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="至"
label-width="25px"
prop="endTime">
<el-date-picker v-model="dataForm.endTime"
type="date"
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="评价状态">
<el-select v-model="dataForm.roleCode" placeholder="评价状态" clearable>
<el-option label="点赞" :value="1"></el-option>
<el-option label="吐槽" :value="2"></el-option>
</el-select></el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
</div>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column label="序号" header-align="center" align="center" width="50px">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>s
<el-table-column prop="fullName" 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="roleCode" label="评价类别" :formatter="formatState" 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
v-for="(option) in optionList"
:key="option.optionId"
:label="option.optionContent"
align="center"
show-overflow-tooltip>
<template slot-scope="scope">
<div v-for="(item) in scope.row.optionsList">
<div v-if="item.optionId == option.optionId">
<div v-if="item.selectFlag == 1 && option.roleCode == 1">
<img src="@/assets/img/like.png">
</div>
<div v-if="item.selectFlag == 1 && option.roleCode == 2">
<img src="@/assets/img/oppose.png">
</div>
<div v-if="item.selectFlag == 0">—</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column prop="content" 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 v-if="$hasPermission('custom:evaluateinfo:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>-->
<!-- <el-button v-if="$hasPermission('custom:evaluateinfo:delete')" 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>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/custom/evaluateinfo/page',
getDataListIsPage: true,
deleteURL: '/custom/evaluateinfo',
deleteIsBatch: true
},
dataForm: {
id: '',
deptId: '',
fullName: '',
mobile: '',
startTime: '',
endTime: '',
roleCode: ''
},
optionList: [],
}
},
created: function () {
this.getOptionsList()
},
mounted () {
this.dataForm.id = this.$route.query.id
this.dataForm.deptId = this.$route.query.deptId
this.getDataList()
},
methods: {
getOptionsList () {
this.$http.get(`/custom/evaluateoption/optionShowList`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.optionList = res.data.optionList
}).catch(() => {})
},
backToOfficerList () {
this.$emit('refreshDataList')
this.$parent.selectComponent = 'EvaluateOfficerCountList'
this.$router.push({ path: '/custom-evaluatecount', query: { deptId: this.dataForm.deptId } })
},
formatState: function (row) {
let state = row.roleCode
if (state === 1) {
return '点赞'
} else if (state === 2) {
return '吐槽'
}
}
}
}
</script>

127
src/views/modules/custom/evaluateofficercount.vue
View File

@ -0,0 +1,127 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-custom__evaluateofficercount}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<el-button type="primary" @click="backToDeptList">返回</el-button>
</el-form-item>
<div>
<el-form-item label="干部"><el-input v-model="dataForm.fullName" placeholder="请输入姓名" clearable></el-input></el-form-item>
<el-form-item label="排序">
<el-select v-model="dataForm.sort" placeholder="排序" clearable>
<el-option label="点赞最多" :value="1"></el-option>
<el-option label="吐槽最多" :value="2"></el-option>
<el-option label="点赞最少" :value="3"></el-option>
<el-option label="吐槽最少" :value="4"></el-option>
</el-select></el-form-item>
</div>
<div class="block">
<el-form-item label="时间"
prop="startTime">
<el-date-picker v-model="dataForm.startTime"
type="date"
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="至"
label-width="25px"
prop="endTime">
<el-date-picker v-model="dataForm.endTime"
type="date"
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('epdc:evaluateDeptCount:export')" type="primary" @click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item>
</div>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column label="序号" header-align="center" align="center" width="50px">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<el-table-column prop="fullName" label="姓名" header-align="center" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" :formatter="formatSex" header-align="center" align="center"></el-table-column>
<el-table-column prop="position" label="单位职位" header-align="center" align="center"></el-table-column>
<el-table-column prop="evaluatePeopleCount" label="评价总人数" header-align="center" align="center"></el-table-column>
<el-table-column prop="evaluateCount" label="评价总次数" header-align="center" align="center"></el-table-column>
<el-table-column prop="likesCount" label="点赞次数" header-align="center" align="center"></el-table-column>
<el-table-column prop="likesOptionCount" label="点赞选项次数" header-align="center" align="center"></el-table-column>
<el-table-column prop="opposeCount" label="吐槽次数" header-align="center" align="center"></el-table-column>
<el-table-column prop="opposeOptionCount" 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 v-if="$hasPermission('custom:evaluateCount:lookOfficer')" type="text" size="small" @click="detailAction(scope.row.id)">查看</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>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
export default {
mixins: [mixinViewModule],
name: 'EvaluateOfficerCountList',
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/custom/evaluateofficer/countPage',
getDataListIsPage: true,
exportURL: '/custom/evaluateofficer/countExport'
},
dataForm: {
deptId: '',
fullName:'',
sort: '',
startTime: '',
endTime: ''
}
}
},
mounted () {
this.dataForm.deptId = this.$route.query.deptId
this.getDataList()
},
methods: {
backToDeptList () {
this.$emit('refreshDataList')
this.$parent.selectComponent = 'EvaluateDeptCountList'
this.$router.push({ path: '/custom-evaluatecount'})
},
detailAction (id) {
this.$parent.selectComponent = 'EvaluateInfoList'
this.$router.push({ path: '/custom-evaluatecount', query: { id: id,deptId:this.dataForm.deptId } })
},
formatSex: function (row, column) {
let state = row.sex
if (state === '0') {
return '女'
} else if (state === '1') {
return '男'
}
}
}
}
</script>
Write Preview
Loading…
Cancel
Save