yujt
5 years ago
28 changed files with 2475 additions and 109 deletions
@ -0,0 +1,190 @@ |
|||
<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' : '120px'"> |
|||
<el-form-item> |
|||
<el-form-item label="被打分部门" prop="deptId" v-if="!dataForm.id" style="margin-left: -120px; width: 400px;"> |
|||
<el-cascader |
|||
v-model="deptIdList" |
|||
:options="options" |
|||
:props="{ checkStrictly: true }" |
|||
filterable |
|||
clearable |
|||
></el-cascader> |
|||
</el-form-item> |
|||
</el-form-item> |
|||
<el-form-item label="考核起始日" prop="monthString" style="width: 200px"> |
|||
<el-date-picker v-model="dataForm.monthString" :disabled="dataForm.id?true:false" |
|||
type="month" clearable placeholder="选择月" |
|||
value-format="yyyy-MM" format="yyyy-MM"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="考核年度" prop="year"> |
|||
<el-input v-model="dataForm.year" placeholder="考核年度"></el-input> |
|||
</el-form-item> --> |
|||
<!-- <el-form-item label="考核打分类型 0-月，1-年" prop="scoreType"> |
|||
<el-input v-model="dataForm.scoreType" placeholder="考核打分类型 0-月，1-年"></el-input> |
|||
</el-form-item> --> |
|||
<el-form-item label="得分" prop="manualScore" style="width: 400px"> |
|||
<el-select v-model="dataForm.manualScore"> |
|||
<el-option |
|||
v-for="item in manualScoreType" |
|||
:key="item.id" |
|||
:label="item.name" |
|||
:value="item.id"> |
|||
</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: '', |
|||
deptId: '', |
|||
deptName: '', |
|||
month: '', |
|||
monthString: '', |
|||
year: '', |
|||
scoreType: 0, |
|||
creatorDeptId: '', |
|||
creatorDeptName: '', |
|||
score: 0, |
|||
manualScore: '', |
|||
parentDeptIds: '', |
|||
parentDeptNames: '', |
|||
allDeptIds: '', |
|||
allDeptNames: '', |
|||
revision: '', |
|||
createdBy: '', |
|||
createdTime: '', |
|||
updatedBy: '', |
|||
updatedTime: '', |
|||
delFlag: '' |
|||
}, |
|||
// 所属机构配置 |
|||
deptIdList: [], |
|||
options: [], |
|||
manualScoreType: [ |
|||
{ |
|||
'id': '优', |
|||
'name': '优' |
|||
}, |
|||
{ |
|||
'id': '良', |
|||
'name': '良' |
|||
}, |
|||
{ |
|||
'id': '中', |
|||
'name': '中' |
|||
}, |
|||
{ |
|||
'id': '差', |
|||
'name': '差' |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
deptId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
monthString: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
manualScoreType: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
manualScore: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
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: { |
|||
init () { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
this.dataForm.allDeptNames = '' |
|||
this.dataForm.deptId = '' |
|||
if (this.dataForm.id) { |
|||
this.getInfo() |
|||
} |
|||
this.deptIdList = [] |
|||
}) |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/kpi/manualscore-zlph/${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']('/kpi/manualscore-zlph/', 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 }) |
|||
}, |
|||
watch: { |
|||
'deptIdList': function (val) { |
|||
if (val.length === 0) { |
|||
this.dataForm.deptId = '' |
|||
} else if (val.length > 0) { |
|||
this.dataForm.deptId = this.deptIdList[val.length - 1] |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style type="text/css"> |
|||
.el-input--suffix .el-input__inner { |
|||
padding-right: 50px |
|||
} |
|||
</style> |
|||
@ -0,0 +1,211 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-__manualscore}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item> |
|||
<el-form-item label="所属机构"> |
|||
<el-cascader |
|||
v-model="deptIdList" |
|||
:options="options" |
|||
:props="{ checkStrictly: true }" |
|||
filterable |
|||
clearable |
|||
></el-cascader> |
|||
</el-form-item> |
|||
</el-form-item> |
|||
<el-form-item label="考核周期起始月"> |
|||
<el-date-picker v-model="dataForm.month" |
|||
type="month" clearable placeholder="选择月" |
|||
value-format="yyyy-MM" format="yyyy-MM"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="被打分机构类型"> |
|||
<el-select v-model="dataForm.deptType"> |
|||
<el-option |
|||
v-for="item in kpiManualRuleList" |
|||
:key="item.id" |
|||
:label="item.deptName" |
|||
:value="item.id"> |
|||
</el-option> |
|||
</el-select> |
|||
</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('manualscore-zlph:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="info" @click="exportTemplate()">导出录入模板</el-button> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-upload class="upload-demo" |
|||
ref="upload" |
|||
v-loading="dataListLoading" |
|||
:action="uploadUrl" |
|||
:limit="1" |
|||
:on-success='uploadSuccess' |
|||
:on-error='errorExceed' |
|||
accept=".xls,.xlsx"> |
|||
<el-button type="primary">导入打分结果</el-button> |
|||
</el-upload> |
|||
</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="deptName" label="被打分部门" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="month" :formatter="showMonthYMD" label="考核起始日" header-align="center" align="center"></el-table-column> |
|||
<!-- <el-table-column prop="year" label="考核年度" header-align="center" align="center"></el-table-column> --> |
|||
<el-table-column prop="scoreType" label="考核打分类型" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="creatorDeptName" label="打分的部门名称" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="score" 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 type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</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 './manualscore-add-or-update-zlph' |
|||
import Cookies from 'js-cookie' |
|||
import qs from 'qs' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/kpi/manualscore-zlph/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/kpi/manualscore-zlph', |
|||
deleteIsBatch: true, |
|||
exportTemplateURL: '/kpi/manualscore-zlph/exportTemplate' |
|||
}, |
|||
dataForm: { |
|||
id: '', |
|||
deptType: 'street_party', // 被打分的机构类型 |
|||
month: '', |
|||
deptId: '', |
|||
scoreType: '0' // 考核打分类型 0-月，1-年 |
|||
}, |
|||
upLoadUrl: '', |
|||
// 所属机构配置 |
|||
deptIdList: [], |
|||
options: [], |
|||
kpiManualRuleList: [ |
|||
{ |
|||
'id': 'street_party', |
|||
'deptName': '街道' |
|||
}, |
|||
{ |
|||
'id': 'community_party', |
|||
'deptName': '社区' |
|||
}, |
|||
{ |
|||
'id': 'grid_party', |
|||
'deptName': '网格' |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate |
|||
}, |
|||
created () { |
|||
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/kpi/manualscore-zlph/importManualScoreExcel?token=${Cookies.get('token')}` |
|||
// 所属机构创建 |
|||
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: { |
|||
// 导出录入模板 |
|||
exportTemplate () { |
|||
let month = this.dataForm.month |
|||
let deptType = this.dataForm.deptType |
|||
let scoreType = this.dataForm.scoreType |
|||
let deptId = this.dataForm.deptId |
|||
let params = qs.stringify({ |
|||
'token': Cookies.get('token'), |
|||
'month': month, |
|||
'deptType': deptType, |
|||
'scoreType': scoreType, |
|||
'deptId': deptId |
|||
}) |
|||
// let paramsJson = { |
|||
// 'month': month, 'deptType': deptType, 'scoreType': scoreType |
|||
// } |
|||
if (!deptType) { |
|||
return this.$message.error('考核规则不能为空') |
|||
} |
|||
if (!month) { |
|||
return this.$message.error('考核周期起始月不能为空') |
|||
} |
|||
// 表格检查 |
|||
// this.$http.get(`/kpi/manualscore-zlph/checkExportTemplate`, { params: paramsJson }).then(({ data: res }) => { |
|||
// if (res.code !== 0) { |
|||
// return this.$message.error(res.msg) |
|||
// } else { |
|||
window.location.href = `${window.SITE_CONFIG['apiURL']}${this.mixinViewModuleOptions.exportTemplateURL}?${params}` |
|||
// } |
|||
// }).catch(() => { }) |
|||
}, |
|||
errorExceed (file, fileList) { |
|||
this.$message.error('上传失败请重试') |
|||
}, |
|||
uploadSuccess (response, file, fileList) { |
|||
this.dataListLoading = false |
|||
this.$refs.upload.clearFiles() |
|||
if (response.code !== 0 || (response.data !== null && response.data.length > 0)) { |
|||
this.errordataList = response.data |
|||
if (this.errordataList != null && this.errordataList.length > 0) { |
|||
this.faultDataVisible = true |
|||
} else { |
|||
this.$message.error(response.msg) |
|||
} |
|||
return |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.getDataList() |
|||
} |
|||
}) |
|||
}, |
|||
showMonthYMD (row, column) { |
|||
return row.month.substring(0, 10) |
|||
} |
|||
}, |
|||
watch: { |
|||
'deptIdList': function (val) { |
|||
if (val.length === 0) { |
|||
this.dataForm.deptId = '' |
|||
} else if (val.length > 0) { |
|||
this.dataForm.deptId = this.deptIdList[val.length - 1] |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,103 @@ |
|||
<template> |
|||
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false" width="30%" center> |
|||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '130px' : '130px'"> |
|||
<el-form-item label="年月" prop="monthYear"> |
|||
<el-date-picker v-model="dataForm.monthYear" |
|||
type="month" clearable placeholder="选择月" :disabled="dataForm.id?true:false" |
|||
value-format="yyyy-MM" format="yyyy-MM"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="群众目标比例 %" prop="residentGoalNum"> |
|||
<el-input-number v-model="dataForm.residentGoalNum" :min="0" label="群众目标数"></el-input-number> |
|||
</el-form-item> |
|||
<el-form-item label="党员目标比例 %" prop="partyGoalNum"> |
|||
<el-input-number v-model="dataForm.partyGoalNum" :min="0" label="党员目标数"></el-input-number> |
|||
</el-form-item> |
|||
<el-form-item label="企业目标比例 %" prop="companyGoalNum"> |
|||
<el-input-number v-model="dataForm.companyGoalNum" :min="0" label="企业目标数"></el-input-number> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template slot="footer"> |
|||
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
|||
<el-button type="primary" @click="dataFormSubmitHandle()" :loading="loadingbut">{{ $t('confirm') }}</el-button> |
|||
</template> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
id: '', |
|||
street: '', |
|||
streetId: '', |
|||
monthYear: '', |
|||
residentGoalNum: '', |
|||
partyGoalNum: '', |
|||
companyGoalNum: '' |
|||
}, |
|||
loadingbut: false, // 审核提交加载中 |
|||
loadingbuttext: '确定' |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
monthYear: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
residentGoalNum: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
partyGoalNum: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
companyGoalNum: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
// this.dataForm.id 传的月份 |
|||
this.dataForm.monthYear = this.dataForm.id |
|||
}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function () { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.loadingbut = true |
|||
this.loadingbuttext = '审核中...' |
|||
this.$http[!this.dataForm.id ? 'post' : 'put']('/kpi/streetpersiongoalmonth/', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
this.loadingbut = false |
|||
this.loadingbuttext = '确定' |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
this.loadingbut = false |
|||
this.loadingbuttext = '确定' |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,195 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-__streetpersiongoalmonth}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item> |
|||
<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" :data="streetGoalScore" border @selection-change="dataListSelectionChangeHandle" @cell-click="clickCell" style="width: 100%;"> |
|||
<el-table-column prop='monthYear' label="日期" width="100" header-align="center"></el-table-column> |
|||
<el-table-column v-for="(header, index) in headerContent" :key="index" :label="header.street" header-align="center"> |
|||
<el-table-column :prop="header.streetId+'-ResidentGoalNum'" label="群众目标数" header-align="center"></el-table-column> |
|||
<el-table-column :prop="header.streetId+'-PartyGoalNum'" label="党员目标数" header-align="center"></el-table-column> |
|||
<el-table-column :prop="header.streetId+'-CompanyGoalNum'" label="企业目标数" header-align="center"></el-table-column> |
|||
</el-table-column> |
|||
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.monthYear)" :disabled="scope.row.isDisabled=='0'">批量设置</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getStreetGoalScore"></add-or-update> |
|||
</div> |
|||
<div> |
|||
<el-dialog title="街道目标数设定" :visible.sync="dialogFormVisible" width="30%" center> |
|||
<el-form :model="dataForm"> |
|||
<el-form-item label="目标比例" label-width="120px"> |
|||
<el-input-number v-model="goalProportion" :min="0" v-on:change="watchGoalProportion(goalProportion)"></el-input-number> |
|||
<span style="margin-left: 10px;">%</span> |
|||
</el-form-item> |
|||
<el-form-item label="目标人数" label-width="120px"> |
|||
<el-input-number v-model="goalNumber" :min="0" v-on:change="watchGoalNumbern(goalNumber)"></el-input-number> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogFormVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="upCellGoalNumber">确 定</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import AddOrUpdate from './streetpersiongoalmonth-add-or-update' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getStreetGoalName: '/kpi/streetpersiongoalmonth/queryStreetGoalName', |
|||
getDataListURL: '/kpi/streetpersiongoalmonth/streetGoalScore', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/kpi/streetpersiongoalmonth', |
|||
deleteIsBatch: true |
|||
}, |
|||
dataForm: { |
|||
id: '', |
|||
streetId: '', |
|||
monthYear: '' |
|||
}, |
|||
isAddOrUpdateHandle: true, |
|||
headerContent: [], // 街道名称数组 |
|||
streetGoalScore: [], // 街道得分数组 |
|||
dialogFormVisible: false, // dialog显示 隐藏 |
|||
goalProportion: '', // 目标比例 |
|||
goalNumber: '', // 目标人数 |
|||
personBasicNumber: '', // 街道人员底数 群众/党员/企业 |
|||
personBasicNumberKey: '' // 街道人员底数 key{群众/党员/企业} |
|||
} |
|||
}, |
|||
created () { |
|||
this.getStreetName() |
|||
this.getStreetGoalScore() |
|||
}, |
|||
methods: { |
|||
// 数据监听1 |
|||
watchGoalProportion (goalProportion) { |
|||
if (this.goalProportion === 0) { |
|||
this.goalNumber = 0 |
|||
} else { |
|||
this.goalNumber = Math.round(this.personBasicNumber * (this.goalProportion / 100)) |
|||
} |
|||
}, |
|||
// 数据监听2 |
|||
watchGoalNumbern (goalNumber) { |
|||
if (this.goalNumber === 0) { |
|||
this.goalProportion = 0 |
|||
} else { |
|||
this.goalProportion = Math.round(this.goalNumber / this.personBasicNumber * 100) |
|||
} |
|||
}, |
|||
// 获取街道目标表的街道名称 |
|||
getStreetName () { |
|||
this.$http |
|||
.get(`/kpi/streetpersiongoalmonth/queryStreetGoalName`) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.headerContent = res.data |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
// 获取街道目标表的目标数 |
|||
getStreetGoalScore () { |
|||
this.$http |
|||
.get(`/kpi/streetpersiongoalmonth/streetGoalScore`) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.streetGoalScore = res.data |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
// 获取点击的单元格信息 |
|||
clickCell (row, column, event, cell) { |
|||
this.goalProportion = '' |
|||
this.goalNumber = '' |
|||
var columnId = column.property |
|||
if (columnId === 'monthYear') { |
|||
return false |
|||
} |
|||
if (column.property === undefined || column.property === '') { |
|||
return false |
|||
} |
|||
if (row.isDisabled === '0') { |
|||
return false |
|||
} |
|||
this.dialogFormVisible = true |
|||
this.dataForm.streetId = columnId // 这里的街道ID格式为：1202869594882400257-PartyGoalNum |
|||
// this.personBasicNumber = row[columnId] // 获取单元格的值 |
|||
this.dataForm.monthYear = row.monthYear // 获取当前行的月份 |
|||
this.getStreetPersonBase(this.dataForm.streetId) |
|||
}, |
|||
// 获取街道人员底数 |
|||
getStreetPersonBase (splicedStreetId) { |
|||
var streetId = splicedStreetId.split('-') |
|||
// 获取街道目标表的目标数 |
|||
this.$http |
|||
.get(`/kpi/streetpersonbase/getStreetPersonBase/${streetId[0]}`) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
if (streetId[1] === 'CompanyGoalNum') { |
|||
this.personBasicNumber = res.data.companyBaseNum |
|||
this.personBasicNumberKey = 'CompanyGoalNum' |
|||
} else if (streetId[1] === 'ResidentGoalNum') { |
|||
this.personBasicNumber = res.data.residentBaseNum |
|||
this.personBasicNumberKey = 'ResidentGoalNum' |
|||
} else if (streetId[1] === 'PartyGoalNum') { |
|||
this.personBasicNumber = res.data.partyBaseNum |
|||
this.personBasicNumberKey = 'PartyGoalNum' |
|||
} |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
// 单元格目标分数修改 |
|||
upCellGoalNumber () { |
|||
if (this.goalProportion.length === 0) { |
|||
return this.$message.error('请输入目标比例') |
|||
} |
|||
var streetId = this.dataForm.streetId.split('-') |
|||
var upCellForm = { |
|||
'streetId': streetId[0], |
|||
'monthYear': this.dataForm.monthYear, |
|||
'personBasicNumberKey': this.personBasicNumberKey, |
|||
'goalNumber': this.goalNumber |
|||
} |
|||
this.$http['post']( |
|||
'/kpi/streetpersiongoalmonth/updateStreetGoalScore', upCellForm).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.dialogFormVisible = false |
|||
this.getStreetGoalScore() |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,137 @@ |
|||
<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' : '80px'"> |
|||
<el-form-item label="所属机构" prop="streetId" v-if="!dataForm.id"> |
|||
<el-cascader |
|||
v-model="deptIdList" |
|||
:options="deptIdOptions" |
|||
clearable |
|||
ref="name" |
|||
></el-cascader> |
|||
</el-form-item> |
|||
<el-form-item label="群众底数" prop="residentBaseNum"> |
|||
<el-input-number v-model="dataForm.residentBaseNum" :min="0" label="群众底数"></el-input-number> |
|||
</el-form-item> |
|||
<el-form-item label="党员底数" prop="partyBaseNum"> |
|||
<el-input-number v-model="dataForm.partyBaseNum" :min="0" label="群众底数"></el-input-number> |
|||
</el-form-item> |
|||
<el-form-item label="企业底数" prop="companyBaseNum"> |
|||
<el-input-number v-model="dataForm.companyBaseNum" :min="0" label="群众底数"></el-input-number> |
|||
</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' |
|||
import Cookies from 'js-cookie' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
id: '', |
|||
street: '', |
|||
streetId: '', |
|||
residentBaseNum: '', |
|||
partyBaseNum: '', |
|||
companyBaseNum: '' |
|||
}, |
|||
// 所属机构配置 |
|||
deptIdOptions: [], |
|||
deptIdList: [] |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
streetId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
residentBaseNum: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
partyBaseNum: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
companyBaseNum: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created () { |
|||
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/kpi/manualScore/importManualScoreExcel?token=${Cookies.get('token')}` |
|||
// 所属机构创建 |
|||
this.$http |
|||
.get(`/sys/user/deptOptions/getStreetByLoginUser`) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.deptIdOptions = res.data.options |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
watch: { |
|||
'deptIdList': function (val) { |
|||
if (val.length === 0) { |
|||
this.dataForm.streetId = '' |
|||
} else if (val.length > 0) { |
|||
this.dataForm.streetId = this.deptIdList[val.length - 1] |
|||
this.dataForm.street = this.$refs['name'].getCheckedNodes()[0].label |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
if (this.dataForm.id) { |
|||
this.getInfo() |
|||
} |
|||
this.deptIdList = [] |
|||
}) |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/kpi/streetpersonbase/${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']('/kpi/streetpersonbase/', 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> |
|||
@ -0,0 +1,104 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div class="mod-__streetpersonbase}"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item label="所属机构"> |
|||
<el-cascader |
|||
v-model="deptIdList" |
|||
:options="options" |
|||
:props="{ checkStrictly: true }" |
|||
clearable |
|||
></el-cascader> |
|||
</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('streetpersonbase:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
|||
<el-table-column prop="street" label="街道" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="residentBaseNum" label="群众底数" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="partyBaseNum" label="党员底数" header-align="center" align="center"></el-table-column> |
|||
<el-table-column prop="companyBaseNum" 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('streetpersonbase:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|||
<el-button v-if="$hasPermission('streetpersonbase: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> |
|||
<!-- 弹窗, 新增 / 修改 --> |
|||
<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 './streetpersonbase-add-or-update' |
|||
import Cookies from 'js-cookie' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/kpi/streetpersonbase/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/kpi/streetpersonbase', |
|||
deleteIsBatch: true |
|||
}, |
|||
dataForm: { |
|||
id: '', |
|||
streetId: '' |
|||
}, |
|||
// 所属机构配置 |
|||
deptIdList: [], |
|||
options: [], |
|||
streetList: [] |
|||
} |
|||
}, |
|||
components: { |
|||
AddOrUpdate |
|||
}, |
|||
created () { |
|||
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/kpi/manualScore/importManualScoreExcel?token=${Cookies.get('token')}` |
|||
// 所属机构创建 |
|||
this.$http |
|||
.get(`/sys/user/deptOptions/getStreetByLoginUser`) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.options = res.data.options |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
watch: { |
|||
'deptIdList': function (val) { |
|||
if (val.length === 0) { |
|||
this.dataForm.streetId = '' |
|||
} |
|||
if (val.length === 1) { |
|||
this.dataForm.streetId = this.deptIdList[0] |
|||
} |
|||
if (val.length === 2) { |
|||
this.dataForm.streetId = this.deptIdList[0] |
|||
} |
|||
if (val.length === 3) { |
|||
this.dataForm.streetId = this.deptIdList[0] |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,295 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<div v-loading="loading"> |
|||
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" |
|||
@keyup.enter.native="dataFormSubmitHandle()" |
|||
:label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> |
|||
|
|||
<div> |
|||
<el-form-item label="党员基本情况：" label-width="120px" prop="partyCaseCategoryDTOList.0.categoryInfo" |
|||
:rules="dataRule.categoryInfo0"> |
|||
<el-input type="textarea" v-model="dataForm.partyCaseCategoryDTOList[0].categoryInfo" |
|||
style="width:800px" maxLength="200" |
|||
placeholder="请输入党员基本内容，限制200字以内"></el-input> |
|||
</el-form-item> |
|||
</div> |
|||
<div style="padding-left: 120px"> |
|||
<span class="line-h-40" style="font-weight: bold">各个街道党员人数：图表内容</span> |
|||
<el-form-item label="全区党员人数：" label-width="150px" prop="partyCaseCategoryDTOList.0.parytAmount" |
|||
:rules="dataRule.parytAmount"> |
|||
<el-input v-model="dataForm.partyCaseCategoryDTOList[0].parytAmount" |
|||
oninput="value=value.replace(/[^\d]/g,'')" |
|||
@change="parytAmountNumberChange()"></el-input> |
|||
</el-form-item> |
|||
<span class="line-h-40">名</span> |
|||
</div> |
|||
<div style="padding-left: 120px"> |
|||
<div style="width: 50%;display: inline-block;" v-for="(item,i) in dataForm.partyCaseNumberDTOList" |
|||
:key="i"> |
|||
<el-form-item :label="item.streetName" label-width="150px" |
|||
:prop="'partyCaseNumberDTOList.'+i+'.partyCount'" :rules="dataRule.countNum"> |
|||
<el-input class="input-count" @change="streetNumberChange(i,item.streetId)" |
|||
oninput="value=value.replace(/[^\d]/g,'')" |
|||
v-model="dataForm.partyCaseNumberDTOList[i].partyCount"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="占党员总数" label-width="90px" prop="categoryInfo"> |
|||
<el-input class="input-percent" :readonly="true" |
|||
v-model="dataForm.partyCaseNumberDTOList[i].partyCountPercent"></el-input> |
|||
</el-form-item> |
|||
<span class="line-h-40">%</span> |
|||
<el-form-item label="排序" label-width="50px" :prop="'partyCaseNumberDTOList.'+i+'.sort'" |
|||
:rules="dataRule.sort"> |
|||
<el-input class="input-sort" oninput="value=value.replace(/[^\d]/g,'')" |
|||
v-model="dataForm.partyCaseNumberDTOList[i].sort"></el-input> |
|||
</el-form-item> |
|||
</div> |
|||
</div> |
|||
|
|||
<div> |
|||
<el-form-item label="党员年龄分布：" label-width="120px" prop="partyCaseCategoryDTOList.1.categoryInfo" |
|||
:rules="dataRule.categoryInfo1"> |
|||
<el-input type="textarea" v-model="dataForm.partyCaseCategoryDTOList[1].categoryInfo" |
|||
style="width:800px" maxLength="100" |
|||
placeholder="请输入党员年龄介绍内容，限制100字以内"></el-input> |
|||
</el-form-item> |
|||
<div style="padding-left: 120px"> |
|||
<span class="line-h-40" style="font-weight: bold">党员年龄分布：图表内容</span></div> |
|||
</div> |
|||
<div style="padding-left: 120px" v-for="(item,i) in dataForm.partyCaseDisrtibutionDTOList" |
|||
v-if="item.type==='0'" :key="i"> |
|||
<el-form-item :label="item.distributionName" label-width="120px" |
|||
:prop="'partyCaseDisrtibutionDTOList.'+i+'.distributionInfoCount'" |
|||
:rules="dataRule.countNum"> |
|||
<el-input class="input-count" @change="disrtibutionNumberChange(i,item.type)" |
|||
oninput="value=value.replace(/[^\d]/g,'')" |
|||
v-model="dataForm.partyCaseDisrtibutionDTOList[i].distributionInfoCount"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="占党员总数" label-width="100px" prop="categoryInfo"> |
|||
<el-input class="input-percent" :readonly="true" |
|||
v-model="dataForm.partyCaseDisrtibutionDTOList[i].distributionInfoPercent"></el-input> |
|||
</el-form-item> |
|||
<span class="line-h-40">%</span> |
|||
</div> |
|||
|
|||
<div> |
|||
<el-form-item label="党员职业分布：" label-width="120px" prop="partyCaseCategoryDTOList.2.categoryInfo" |
|||
:rules="dataRule.categoryInfo2"> |
|||
<el-input type="textarea" v-model="dataForm.partyCaseCategoryDTOList[2].categoryInfo" |
|||
style="width:800px" maxLength="100" |
|||
placeholder="请输入党员职业介绍内容，限制100字以内"></el-input> |
|||
</el-form-item> |
|||
<div style="padding-left: 120px"> |
|||
<span class="line-h-40" style="font-weight: bold">党员职业分布：图表内容</span> |
|||
</div> |
|||
</div> |
|||
<div style="padding-left: 120px" v-for="(item,i) in dataForm.partyCaseDisrtibutionDTOList" |
|||
v-if="item.type==='1'" :key="i"> |
|||
<el-form-item :label="item.distributionName" label-width="120px" |
|||
:prop="'partyCaseDisrtibutionDTOList.'+i+'.distributionInfoCount'" |
|||
:rules="dataRule.countNum"> |
|||
<el-input class="input-count" @change="disrtibutionNumberChange(i,item.type)" |
|||
v-model="dataForm.partyCaseDisrtibutionDTOList[i].distributionInfoCount"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="占党员总数" label-width="100px" prop="categoryInfo"> |
|||
<el-input class="input-percent" :readonly="true" |
|||
v-model="dataForm.partyCaseDisrtibutionDTOList[i].distributionInfoPercent"></el-input> |
|||
</el-form-item> |
|||
<span class="line-h-40">%</span> |
|||
</div> |
|||
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</el-form> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
|
|||
export default { |
|||
data () { |
|||
return { |
|||
dataForm: { |
|||
partyCaseCategoryDTOList: [ |
|||
{ |
|||
type: '-1', |
|||
categoryInfo: '', |
|||
parytAmount: 0 |
|||
}, { |
|||
type: '0', |
|||
categoryInfo: '' |
|||
}, { |
|||
type: '1', |
|||
categoryInfo: '' |
|||
}], |
|||
partyCaseDisrtibutionDTOList: [ |
|||
{ |
|||
distributionName: '30岁以下：', |
|||
distributionInfoCount: 0, |
|||
distributionInfoPercent: 0, |
|||
type: '0' |
|||
}, { |
|||
distributionName: '31至50岁：', |
|||
distributionInfoCount: 0, |
|||
distributionInfoPercent: 0, |
|||
type: '0' |
|||
}, { |
|||
distributionName: '51至60岁：', |
|||
distributionInfoCount: 0, |
|||
distributionInfoPercent: 0, |
|||
type: '0' |
|||
}, { |
|||
distributionName: '61至70岁：', |
|||
distributionInfoCount: 0, |
|||
distributionInfoPercent: 0, |
|||
type: '0' |
|||
}, { |
|||
distributionName: '70岁以上：', |
|||
distributionInfoCount: 0, |
|||
distributionInfoPercent: 0, |
|||
type: '0' |
|||
}, { |
|||
distributionName: '在岗职工：', |
|||
distributionInfoCount: 0, |
|||
distributionInfoPercent: 0, |
|||
type: '1' |
|||
}, |
|||
{ |
|||
distributionName: '离退休人员：', |
|||
distributionInfoCount: 0, |
|||
distributionInfoPercent: 0, |
|||
type: '1' |
|||
}, |
|||
{ |
|||
distributionName: '其他职业：', |
|||
distributionInfoCount: 0, |
|||
distributionInfoPercent: 0, |
|||
type: '1' |
|||
}], |
|||
partyCaseNumberDTOList: [] |
|||
}, |
|||
loading: true |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
categoryInfo0: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
categoryInfo1: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
categoryInfo2: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
parytAmount: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
countNum: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
sort: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
mounted () { |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
this.getInfo() |
|||
}) |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/cloudAnalysis/partycasecategory/getDetail`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
if (res.data.partyCaseCategoryDTOList.length > 0) { |
|||
this.dataForm.partyCaseCategoryDTOList = res.data.partyCaseCategoryDTOList |
|||
} |
|||
if (res.data.partyCaseDisrtibutionDTOList.length > 0) { |
|||
this.dataForm.partyCaseDisrtibutionDTOList = res.data.partyCaseDisrtibutionDTOList |
|||
} |
|||
if (res.data.partyCaseNumberDTOList.length > 0) { |
|||
this.dataForm.partyCaseNumberDTOList = res.data.partyCaseNumberDTOList |
|||
} else { |
|||
this.getStreetInfo() |
|||
} |
|||
this.loading = false |
|||
}).catch(() => { |
|||
this.loading = false |
|||
}) |
|||
}, |
|||
// 获取街道信息 |
|||
getStreetInfo () { |
|||
this.$http.get(`/cloudAnalysis/partycasenumber/getStreet`).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm.partyCaseNumberDTOList = res.data |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
// 计算占比 |
|||
streetNumberChange (i, streetId) { |
|||
this.dataForm.partyCaseNumberDTOList[i].partyCountPercent = parseInt(Math.round(100 * this.dataForm.partyCaseNumberDTOList[i].partyCount / this.dataForm.partyCaseCategoryDTOList[0].parytAmount)) |
|||
}, |
|||
disrtibutionNumberChange (i, type) { |
|||
this.dataForm.partyCaseDisrtibutionDTOList[i].distributionInfoPercent = parseFloat((100 * this.dataForm.partyCaseDisrtibutionDTOList[i].distributionInfoCount / this.dataForm.partyCaseCategoryDTOList[0].parytAmount).toFixed(2)) |
|||
}, |
|||
parytAmountNumberChange () { |
|||
for (const i of this.dataForm.partyCaseNumberDTOList) { |
|||
i.partyCountPercent = parseInt(Math.round(100 * i.partyCount / this.dataForm.partyCaseCategoryDTOList[0].parytAmount)) |
|||
} |
|||
for (const i of this.dataForm.partyCaseDisrtibutionDTOList) { |
|||
i.distributionInfoPercent = parseFloat((100 * i.distributionInfoCount / this.dataForm.partyCaseCategoryDTOList[0].parytAmount).toFixed(2)) |
|||
} |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function () { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.$http[!this.dataForm.partyCaseCategoryDTOList[0].id ? 'post' : 'put']('/cloudAnalysis/partycasecategory/', 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.$emit('refreshDataList') |
|||
} |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.line-h-40 { |
|||
line-height: 40px; |
|||
} |
|||
|
|||
.input-count { |
|||
width: 80px; |
|||
} |
|||
|
|||
.input-percent { |
|||
width: 70px; |
|||
} |
|||
|
|||
.input-sort { |
|||
width: 50px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,328 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill" v-loading="pageloading"> |
|||
<div class="mod-__masteruserrelation}"> |
|||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'" :disabled="pageDisabled"> |
|||
<el-form-item label="榜样身份" prop="partyFlag" label-width="100px"> |
|||
<el-select v-model="dataForm.partyFlag" placeholder="榜样身份" style="width:300px" clearable> |
|||
<el-option v-for="item in partyFlagArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="榜样名称" prop="name" label-width="100px"> |
|||
<el-input v-model="dataForm.name" placeholder="榜样名称" clearable maxlength="20" @keyup.native="btKeyUpContent" style="width:300px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="联系电话" prop="mobile" label-width="100px"> |
|||
<el-input v-model="dataForm.mobile" placeholder="联系电话" clearable maxlength="20" @keyup.native="btKeyUpContent" style="width:300px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="会议内容" prop="content" label-width="100px"> |
|||
<el-input |
|||
type="textarea" |
|||
:rows="6" |
|||
placeholder="请输入会议内容，2000字以内" |
|||
v-model="dataForm.content" |
|||
maxlength="2000" |
|||
style="width:50%"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="添加图片" v-loading="loading" prop="images" label-width="100px"> |
|||
<el-upload |
|||
:action="uploadUrl" |
|||
:class="{hide:hideUpload}" |
|||
list-type="picture-card" |
|||
:file-list="dataForm.images" |
|||
:limit=9 |
|||
:on-preview="handlePictureCardPreview" |
|||
:on-remove="handleRemove" |
|||
:on-success="handleAvatarSuccess" |
|||
:on-error="handelError" |
|||
:before-upload="beforeAvatarUpload" |
|||
style="width:480px"> |
|||
<i class="el-icon-plus"></i> |
|||
</el-upload> |
|||
<el-dialog :visible.sync="dialogVisible"> |
|||
<img width="100%" :src="dialogImageUrl" alt=""> |
|||
</el-dialog> |
|||
<div><font color="gray">1~9张图</font></div> |
|||
</el-form-item> |
|||
<el-form-item label="添加文件" v-loading="fileloading" prop="files" label-width="100px"> |
|||
<el-upload |
|||
class="upload-demo" |
|||
ref="upload" |
|||
:disabled="isAble" |
|||
:action="uploadFileUrl" |
|||
:before-remove="beforeFileRemove" |
|||
:file-list="dataForm.files" |
|||
:before-upload="beforeAvatarFileUpload" |
|||
:on-remove="handleFileRemove" |
|||
:on-success="handleAvatarFileSuccess" |
|||
:on-error="handelError" |
|||
:on-preview="handleFileCardPreview" |
|||
style="width:480px"> |
|||
<el-button size="small" :disabled="isAble">点击上传</el-button> |
|||
<div slot="tip" class="el-upload__tip">支持.word、PDF、Excel文件</div> |
|||
</el-upload> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form> |
|||
<el-form-item style="margin-left:35px;"> |
|||
<el-button type="primary" @click="backToUserRelationList">{{"返回"}}</el-button> |
|||
<el-button v-if="!pageDisabled" type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</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> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
import Cookies from 'js-cookie' |
|||
import 'quill/dist/quill.snow.css' |
|||
import MapSelect from './map-select' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
name: '', |
|||
mobile: '', |
|||
partyFlag: '', |
|||
content: '', |
|||
state: '', |
|||
images: [], |
|||
files: [] |
|||
}, |
|||
partyFlagArr: [ |
|||
{ dictValue: '0', dictName: '居民' }, |
|||
{ dictValue: '1', dictName: '党员' } |
|||
], |
|||
isAble: false, |
|||
hideUpload: false, |
|||
pageDisabled: false, |
|||
uploadUrl: '', |
|||
uploadFileUrl: '', |
|||
loading: false, |
|||
dialogImageUrl: '', |
|||
dialogVisible: false, |
|||
isAutoRemoveFile: true, |
|||
fileloading: false, |
|||
pageloading: true, |
|||
isGoToInfo: '0' // 是否回到月报列表：0否；1是 |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
name: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
mobile: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }, |
|||
{ pattern: /^[1][3,4,5,7,8,9][0-9]{9}$/, message: '请输入正确号码格式', trigger: 'blur' } |
|||
], |
|||
partyFlag: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
], |
|||
content: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created: function () { |
|||
this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/uploadImg?token=${Cookies.get('token')}` |
|||
this.uploadFileUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/uploadAllFile?token=${Cookies.get('token')}` |
|||
// this.uploadUrl = `http://219.146.91.110:10000/epdc-api/oss/file/uploadImg?token=${Cookies.get('token')}` |
|||
// this.uploadFileUrl = `http://219.146.91.110:10000/epdc-api/oss/file/uploadAllFile?token=${Cookies.get('token')}` |
|||
}, |
|||
components: { |
|||
MapSelect |
|||
}, |
|||
mounted () { |
|||
if (this.$route.query.disabled === '0') { |
|||
this.pageDisabled = false |
|||
this.hideUpload = false |
|||
} else { |
|||
this.pageDisabled = true |
|||
this.hideUpload = true |
|||
} |
|||
if (this.$route.query.id !== '' && this.$route.query.id != null) { |
|||
this.dataForm.id = this.$route.query.id |
|||
this.getInfo() |
|||
} else { |
|||
this.pageloading = false |
|||
} |
|||
if (this.$route.query.infoId !== '' && this.$route.query.infoId != null) { |
|||
this.dataForm.infoId = this.$route.query.infoId |
|||
this.isGoToInfo = '1' |
|||
} |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.dataForm.id = this.$route.query.id |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
if (this.dataForm.id) { |
|||
this.getInfo() |
|||
} |
|||
}) |
|||
}, |
|||
beforeAvatarUpload (file) { |
|||
if (this.dataForm.length === 9) { |
|||
this.$message.error('最多上传9张图片!') |
|||
return false |
|||
} |
|||
this.loading = true |
|||
this.isAble = true |
|||
const isJPG = file.type === 'image/jpeg' |
|||
const isPNG = file.type === 'image/png' |
|||
// 判断是否符合格式要求 |
|||
if (!isJPG && !isPNG) { |
|||
this.$message.error('上传文件必须是jpg、png格式!') |
|||
this.loading = false |
|||
this.isAble = false |
|||
return false |
|||
} |
|||
}, |
|||
handleAvatarSuccess (res, file) { |
|||
this.loading = false |
|||
this.isAble = false |
|||
this.dataForm.images.push({ url: res.data.imgUrl, thumbnail: res.data.thumbnail, fileType: 1, recordType: 3, fileName: res.data.fileName }) |
|||
this.hideUpload = this.dataForm.images.length >= 9 |
|||
}, |
|||
handelError () { |
|||
this.loading = false |
|||
this.fileloading = false |
|||
this.isAble = false |
|||
this.$message.error('上传文件失败!') |
|||
}, |
|||
handleRemove (file, fileList) { |
|||
for (var i = 0; i < this.dataForm.images.length; i++) { |
|||
let item = this.dataForm.images[i] |
|||
if (item.url === file.url) { |
|||
this.dataForm.images.splice(i, 1) |
|||
} |
|||
} |
|||
this.hideUpload = this.dataForm.images.length >= 9 |
|||
}, |
|||
handlePictureCardPreview (file) { |
|||
this.dialogImageUrl = file.url |
|||
this.dialogVisible = true |
|||
}, |
|||
// --------------文件上传----------------- |
|||
handleFileCardPreview (file) { |
|||
window.location.href = `${window.SITE_CONFIG['apiURL']}/oss/file/download?fileUrl=${file.url}` |
|||
// window.location.href = `http://219.146.91.110:10000/epdc-api/oss/file/download?fileUrl=${file.url}` |
|||
}, |
|||
beforeFileRemove (file, fileList) { |
|||
if (this.isAutoRemoveFile) { |
|||
return this.$confirm(`确定移除${file.name}？`) |
|||
} |
|||
this.isAutoRemoveFile = true |
|||
}, |
|||
beforeAvatarFileUpload (file) { |
|||
this.fileloading = true |
|||
this.isAble = true |
|||
if (file.size === 0) { |
|||
this.isAutoRemoveFile = false |
|||
this.$message.error('文件为空文件，请上传非空文件！') |
|||
this.fileloading = false |
|||
this.isAble = false |
|||
return false |
|||
} |
|||
}, |
|||
handleFileRemove (file, fileList) { |
|||
for (var i = 0; i < this.dataForm.files.length; i++) { |
|||
let item = this.dataForm.files[i] |
|||
if (item.url === file.url) { |
|||
this.dataForm.files.splice(i, 1) |
|||
} |
|||
} |
|||
}, |
|||
handleErrorRemove (file) { |
|||
// 实现缩略图模板时删除文件 |
|||
let fileList = this.$refs.upload.uploadFiles |
|||
for (var i = 0; i < fileList.length; i++) { |
|||
let item = fileList[i] |
|||
if (item.url === file.url) { |
|||
fileList.splice(i, 1) |
|||
} |
|||
} |
|||
}, |
|||
handleAvatarFileSuccess (res, file) { |
|||
this.fileloading = false |
|||
this.isAble = false |
|||
if (res === null || res.data === null || res.data.imgUrl === null) { |
|||
this.$message.error('文件上传失败！') |
|||
this.handleErrorRemove(file) |
|||
return false |
|||
} |
|||
this.dataForm.files.push({ url: res.data.imgUrl, thumbnail: res.data.thumbnail, fileType: 2, recordType: 3, fileName: res.data.fileName, name: res.data.fileName }) |
|||
}, |
|||
// 返回按钮点击事件 |
|||
backToUserRelationList () { |
|||
this.$emit('refreshDataList') |
|||
if (this.isGoToInfo === '1') { |
|||
this.$parent.selectComponent = 'Monthrecordinfo' |
|||
this.$router.push({ path: '/workRecord-Monthrecordinforoute' }) |
|||
} else { |
|||
this.$parent.selectComponent = 'Monthexcellentperson' |
|||
this.$router.push({ path: '/workRecord-Monthexcellentpersonroute' }) |
|||
} |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/workRecord/monthexcellentperson/${this.dataForm.id}`).then(({ data: res }) => { |
|||
this.pageloading = false |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
// 判断是否存在九张照片，九张照片隐藏上传操作按钮(非查看状态下) |
|||
if (this.$route.query.disabled === '0') { |
|||
this.hideUpload = this.dataForm.images.length >= 9 |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function () { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (!valid) { |
|||
return false |
|||
} |
|||
this.isAble = true |
|||
this.$http[!this.dataForm.id ? 'post' : 'put']('/workRecord/monthexcellentperson/', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
this.isAble = false |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.isAble = false |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
// 返回主列表 |
|||
this.backToUserRelationList() |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
<style> |
|||
.hide .el-upload--picture-card { |
|||
display: none; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,29 @@ |
|||
<template> |
|||
<keep-alive include="monthexcellentperson"> |
|||
<component :is="selectComponent"></component> |
|||
</keep-alive> |
|||
</template> |
|||
<script> |
|||
import Monthexcellentperson from './monthexcellentperson' |
|||
import MonthexcellentpersonDetail from './monthexcellentpersonDetail' |
|||
export default { |
|||
data () { |
|||
return { |
|||
selectComponent: Monthexcellentperson |
|||
} |
|||
}, |
|||
components: { |
|||
Monthexcellentperson, |
|||
MonthexcellentpersonDetail |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.selectComponent = Monthexcellentperson |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,219 @@ |
|||
<template> |
|||
<el-card shadow="never" class="aui-card--fill" v-loading="pageloading"> |
|||
<div class="mod-__masteruserrelation}"> |
|||
<!-- <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'" :disabled="pageDisabled"> --> |
|||
<div v-for="(item, index) in this.dataForm.sortList" :key="index"> |
|||
<el-form :inline="true" :rules="dataRule" ref="item" :model="item" :disabled="pageDisabled"> |
|||
<el-form-item prop="deptId" :label="'第'+(index+1)+'名：'" label-width="90px"> |
|||
<el-cascader |
|||
:show-all-levels="true" |
|||
ref="name" |
|||
v-model="item.deptId" |
|||
:options="options" |
|||
:props="{ emitPath: false }" |
|||
@change="(value,selectedData)=>{changeHandle(value,selectedData,index)}" |
|||
style="width:500px;" |
|||
> |
|||
</el-cascader>  |
|||
<el-button @click="deleteUserMethod(index)">{{"删除"}}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<!-- </el-form> --> |
|||
<el-form> |
|||
<el-form-item style="margin-left:250px;"> |
|||
<el-button type="primary" @click="addSort" v-if="!pageDisabled" :disabled="isAble">{{"添加排名-名额"}}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form> |
|||
<el-form-item style="margin-left:18px;"> |
|||
<el-button type="primary" @click="backToUserRelationList">{{"返回"}}</el-button> |
|||
<el-button v-if="!pageDisabled" type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> |
|||
</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> |
|||
</div> |
|||
</el-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import debounce from 'lodash/debounce' |
|||
import 'quill/dist/quill.snow.css' |
|||
export default { |
|||
data () { |
|||
return { |
|||
visible: false, |
|||
dataForm: { |
|||
infoId: '', |
|||
sortList: [ { deptId: '', deptName: '', sort: '0' }, { deptId: '', deptName: '', sort: '1' }, |
|||
{ deptId: '', deptName: '', sort: '2' }, { deptId: '', deptName: '', sort: '3' }, { deptId: '', deptName: '', sort: '4' } ] |
|||
}, |
|||
isAble: false, |
|||
pageDisabled: false, |
|||
pageloading: true, |
|||
options: [], |
|||
isAdd: '0' // 是不是新增：0否；1是 |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule () { |
|||
return { |
|||
deptId: [ |
|||
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
created: function () { |
|||
this.getOptions() |
|||
}, |
|||
components: {}, |
|||
mounted () { |
|||
this.isAdd = this.$route.query.isAdd |
|||
if (this.$route.query.infoId !== '' && this.$route.query.infoId != null) { |
|||
this.dataForm.infoId = this.$route.query.infoId |
|||
} |
|||
if (this.$route.query.disabled === '0') { |
|||
this.pageDisabled = false |
|||
} else { |
|||
this.pageDisabled = true |
|||
} |
|||
if (this.$route.query.isAdd === '1') { |
|||
this.pageloading = false |
|||
} else { |
|||
this.getInfo() |
|||
} |
|||
}, |
|||
methods: { |
|||
changeHandle (value, selectedData, index) { |
|||
this.dataForm.sortList[index].deptId = this.$refs['name'][index].getCheckedNodes()[0].value |
|||
let pathLabels = this.$refs['name'][index].getCheckedNodes()[0].pathLabels |
|||
let labels = '' |
|||
for (var i = 0; i < pathLabels.length; i++) { |
|||
labels += pathLabels[i] + '/' |
|||
} |
|||
if (labels.length > 0) { |
|||
labels = labels.substring(0, labels.length - 1) |
|||
} |
|||
this.dataForm.sortList[index].deptName = labels |
|||
// 所有ID |
|||
let path = this.$refs['name'][index].getCheckedNodes()[0].path |
|||
let allDeptIds = '' |
|||
for (var j = 0; j < path.length; j++) { |
|||
allDeptIds += path[j] + ',' |
|||
} |
|||
if (allDeptIds.length > 0) { |
|||
allDeptIds = allDeptIds.substring(0, allDeptIds.length - 1) |
|||
} |
|||
this.dataForm.sortList[index].allDeptIds = allDeptIds |
|||
}, |
|||
// 添加一个名额 |
|||
addSort () { |
|||
this.dataForm.sortList.push({ deptId: '', deptName: '', sort: '' }) |
|||
}, |
|||
// 删除一个名额 |
|||
deleteUserMethod (index) { |
|||
if (this.dataForm.sortList.length === 1) { |
|||
this.dataForm.sortList = [{ deptId: '', deptName: '', sort: '' }] |
|||
} else { |
|||
this.dataForm.sortList.splice(index, 1) |
|||
} |
|||
}, |
|||
init () { |
|||
this.dataForm.id = this.$route.query.id |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].resetFields() |
|||
if (this.dataForm.id) { |
|||
// this.getInfo() |
|||
} |
|||
}) |
|||
}, |
|||
getOptions () { |
|||
this.$http |
|||
.get(`/sys/user/deptOptions/getDeptAuthByUser`) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.options = res.data.options |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
// 返回按钮点击事件 |
|||
backToUserRelationList () { |
|||
this.$emit('refreshDataList') |
|||
if (this.isAdd === '1' || this.isAdd === '2') { |
|||
this.$parent.selectComponent = 'Monthrecordinfo' |
|||
this.$router.push({ path: '/workRecord-Monthrecordinforoute' }) |
|||
} else { |
|||
this.$parent.selectComponent = 'Monthgridsort' |
|||
this.$router.push({ path: '/workRecord-Monthgridsortroute' }) |
|||
} |
|||
}, |
|||
// 获取信息 |
|||
getInfo () { |
|||
this.$http.get(`/workRecord/monthgridsort/${this.dataForm.infoId}`).then(({ data: res }) => { |
|||
this.pageloading = false |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.dataForm = { |
|||
...this.dataForm, |
|||
...res.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmitHandle: debounce(function () { |
|||
let remindInfo = '' |
|||
var deptIdArr = [] |
|||
for (var i = 0; i < this.dataForm.sortList.length; i++) { |
|||
this.dataForm.sortList[i].sort = i |
|||
if (this.dataForm.sortList[i].deptId === '' || this.dataForm.sortList[i].deptId === null) { |
|||
remindInfo += '第' + (i + 1) + '名、' |
|||
} |
|||
} |
|||
if (remindInfo.length > 0) { |
|||
remindInfo = remindInfo.substring(0, remindInfo.length - 1) |
|||
this.$message.error(remindInfo + '信息不完善，请完善后提交！') |
|||
return false |
|||
} |
|||
for (var j = 0; j < this.dataForm.sortList.length; j++) { |
|||
let deptId = this.dataForm.sortList[j].deptId |
|||
let deptName = this.dataForm.sortList[j].deptName |
|||
let data = deptIdArr.find(function (value) { |
|||
return value === deptId |
|||
}) |
|||
if (data) { |
|||
this.$message.error('第' + (j + 1) + '名：' + deptName + '已存在，请更换网格！') |
|||
return false |
|||
} |
|||
deptIdArr.push(this.dataForm.sortList[j].deptId) |
|||
} |
|||
this.isAble = true |
|||
this.$http[this.$route.query.isAdd === '1' ? 'post' : 'put']('/workRecord/monthgridsort/', this.dataForm).then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
this.isAble = false |
|||
return this.$message.error(res.msg) |
|||
} |
|||
this.$message({ |
|||
message: this.$t('prompt.success'), |
|||
type: 'success', |
|||
duration: 500, |
|||
onClose: () => { |
|||
this.isAble = false |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
// 返回主列表 |
|||
this.backToUserRelationList() |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}, 1000, { 'leading': true, 'trailing': false }) |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,29 @@ |
|||
<template> |
|||
<keep-alive include="monthgridsort"> |
|||
<component :is="selectComponent"></component> |
|||
</keep-alive> |
|||
</template> |
|||
<script> |
|||
import Monthgridsort from './monthgridsort' |
|||
import MonthgridsortDetail from './monthgridsortDetail' |
|||
export default { |
|||
data () { |
|||
return { |
|||
selectComponent: Monthgridsort |
|||
} |
|||
}, |
|||
components: { |
|||
Monthgridsort, |
|||
MonthgridsortDetail |
|||
}, |
|||
methods: { |
|||
init () { |
|||
this.selectComponent = Monthgridsort |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue