Files
UNION_HUTB/target/classes/views/platform/ghkh/zp.html
T
2026-09-09 09:14:28 +08:00

810 lines
37 KiB
HTML

<!--#
layout("/layouts/platform.html"){
#-->
<style>
#app {
height: 100%;
overflow-y: unset !important;
}
.el-form {
height: calc(100vh - 100px) !important;
}
</style>
<div id="app" v-cloak>
<el-row class="transition-row">
<transition name="el-zoom-in-center">
<div v-show="v=='index'" class="transition-item">
<el-row class="header navbar bg-white shadow">
<div class="btn-group tool-button mt5">
<el-date-picker
@change="khSearch"
:picker-options="pickerOptions"
v-model="formData.annual"
type="year"
value-format="yyyy"
placeholder="选择年度">
</el-date-picker>
</div>
<div class="btn-group tool-button mt5">
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
</div>
</el-row>
<el-row class="el-table-container">
<el-table :data="tableData" style="width: 100%" row-key="id"
v-loading="tabLoading">
<el-table-column align="center" header-align="center" label="序号" width="100px">
<template scope="scope">
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
</template>
</el-table-column>
<el-table-column label="年度" prop="annual" header-align="center" width="300px" sortable
align="center">
<template scope="scope">
{{scope.row.annual}}
</template>
</el-table-column>
<el-table-column label="考核名称" prop="assessment" header-align="center" show-overflow-tooltip
align="center"></el-table-column>
<el-table-column label="自评得分" prop="zp_score" header-align="center" sortable align="center">
<template scope="scope">
{{scope.row.zp_score | none2str}}
</template>
</el-table-column>
<el-table-column label="校工会评分" prop="xgh_score" header-align="center" sortable align="center">
<template scope="scope">
{{scope.row.xgh_score | none2str}}
</template>
</el-table-column>
<el-table-column label="状态" prop="name" header-align="center"
align="center">
<template scope="scope">
<span class="text-info" v-if="!scope.row.state">未自评</span>
<span class="text-success" v-if="scope.row.state==1">自评中</span>
<span class="text-warning" v-if="scope.row.state==2">待校工会评分</span>
<span class="text-success" v-if="scope.row.state==3">考核成功</span>
</template>
</el-table-column>
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="250px">
<template scope="scope">
<el-button size="mini" v-if="scope.row.state" @click="openView(scope.row)">查看
</el-button>
<el-button size="mini" type="primary" @click="openAdd(scope.row)" plain
v-if="!scope.row.state">
自评
</el-button>
<el-button size="mini" type="primary" @click="openEdit(scope.row)" plain
v-if="scope.row.state==1">
修改
</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row class="el-pagination-container">
<el-pagination
@size-change="pageSizeChange"
@current-change="pageNumberChange"
:current-page="pageForm.pageNumber"
:page-sizes="[10, 20, 30, 50]"
:page-size="pageForm.pageSize"
layout="total, sizes, prev, pager, next"
:total="pageForm.totalCount">
</el-pagination>
</el-row>
</div>
</transition>
<transition name="el-zoom-in-center">
<div v-show="v=='edit'||v=='add'" class="transition-item">
<el-row class="header navbar bg-white shadow">
<el-button icon="el-icon-back" type="text" @click="goBack" style="font-size: 16px">返回
</el-button>
<!-- <el-button type="primary"-->
<!-- style="float: right;margin-top: 5px;margin-left: 10px;"-->
<!-- @click="subXgh">提交-->
<!-- </el-button>-->
<!-- <el-button type="primary" plain style="float: right;margin-top: 5px"-->
<!-- @click="v=='add'?doAdd():doEdit()">-->
<!-- 保存-->
<!-- </el-button>-->
<el-button type="primary"
style="float: right;margin-top: 5px;margin-left: 10px;"
@click="doSaveOrSubmit('submit')">提交
</el-button>
<el-button type="primary" plain style="float: right;margin-top: 5px"
@click="doSaveOrSubmit('save')">
保存
</el-button>
</el-row>
<el-form :model="formData" ref="form" label-width="100px"
style="height: calc(100vh - 50px);overflow-y: scroll;padding: 10px 15px">
<vi-title title="指标信息"></vi-title>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item prop="annual" label="年&emsp;&emsp;度">
<el-date-picker
style="width: 100%"
@change="khSearch"
:picker-options="pickerOptions"
v-model="formData.annual"
type="year"
value-format="yyyy"
placeholder="选择年度">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="assessment" label="考核名称">
<el-input maxlength="30" readonly v-model="formData.assessment" placeholder="请填写考核名称"
type="text"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="flatid" label="分工会名称">
<!--#if(@shiro.getPrincipalProperty('union')!=null){#-->
<el-input maxlength="30" readonly
value="${@shiro.getPrincipalProperty('union').getUnionname()}"
placeholder="请填写分工会名称"
type="text"></el-input>
<!--#}else{#-->
<el-input maxlength="30" value="" readonly placeholder="请填写分工会名称"
type="text"></el-input>
<!--#}#-->
</el-form-item>
</el-col>
</el-row>
<vi-title title="考核内容"></vi-title>
<el-form-item label="" label-width="0" v-for="nr,idx in formData.nrs" :key="nr.id">
<el-row type="flex" align="middle" justify="space-between">
<el-input v-model="nr.content" readonly maxlength="30" style="width: 50%">
<template slot="prepend"><span>{{ idx + 1 }}</span></template>
</el-input>
</el-row>
<el-row style="margin-top: 20px">
<el-table :data="nr.bzs" style="width: 100%" border show-summary
:summary-method="getSummaries">
<el-table-column align="center" header-align="center" label="序号" type="index"
width="100px">
</el-table-column>
<el-table-column label="考核标准" disabled prop="inspection" header-align="center"
align="center">
<template scope="{row}">
<el-input v-model="row.inspection"
readonly></el-input>
</template>
</el-table-column>
<el-table-column label="单项分" prop="single_score" header-align="center" align="center"
width="250px">
<template scope="{row}">
<el-input v-model.number="row.single_score" readonly maxlength="4"></el-input>
</template>
</el-table-column>
<el-table-column label="标准分" prop="score" header-align="center" align="center"
width="250px">
<template scope="{row}">
<el-input v-model.number="row.score" readonly maxlength="4"></el-input>
</template>
</el-table-column>
<el-table-column label="自评得分" prop="zpf" header-align="center" align="center"
width="250px">
<template slot-scope="{row}">
<el-input v-model.number="row.zp.zpf" maxlength="4"
@input="(val)=>{onInputZpf(val,row)}"
placeholder="请填写自评分">
<template #append v-if="row.bz_relation_id">
<el-button @click="calcScore(row)" icon="el-icon-paperclip"></el-button>
</template>
</el-input>
</template>
</el-table-column>
<!-- <el-table-column label="能否超过标准分" prop="beyond_highestscore" header-align="center" align="center"-->
<!-- width="200px">-->
<!-- <template scope="{row}">-->
<!-- <span v-if="row.beyond_highestscore" class="text-primary">能</span>-->
<!-- <span v-else class="text-danger">否</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="上传有关佐证材料" header-align="center" align="center"
width="250px">
<template scope="props">
<el-button type="primary" plain :disabled="!props.row.isEvidence"
@click="upload(nr.content,props.row.inspection,props.row,props.$index,idx)">
上传佐证材料
</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
</el-form-item>
</el-form>
</div>
</transition>
<transition name="el-zoom-in-center">
<div v-show="v=='View'" class="transition-item">
<el-row class="header navbar bg-white shadow">
<el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 16px">返回</el-button>
</el-row>
<el-form :model="formData" ref="form" label-width="100px"
style="height: calc(100vh - 50px);overflow-y: scroll;padding: 10px 15px">
<el-form-item label="指标信息&emsp;" label-width="110px" class="view-header">
</el-form-item>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item prop="annual" label="年&emsp;&emsp;度">
<el-date-picker
@change="khSearch"
:picker-options="pickerOptions"
v-model="formData.annual"
type="year"
value-format="yyyy"
placeholder="选择年度">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="flatid" label="分工会名称">
<!--#if(@shiro.getPrincipalProperty('union')!=null){#-->
<el-input maxlength="30" readonly
value="${@shiro.getPrincipalProperty('union').getUnionname()}"
placeholder="请填写分工会名称"
type="text"></el-input>
<!--#}else{#-->
<el-input maxlength="30" value="" readonly placeholder="请填写分工会名称"
type="text"></el-input>
<!--#}#-->
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="assessment" label="考核名称">
<el-input maxlength="30" readonly v-model="formData.assessment" placeholder="请填写考核名称"
type="text"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="考核内容&emsp;" label-width="110px" class="view-header">
</el-form-item>
<el-form-item label="" label-width="0" v-for="nr,idx in formData.nrs" :key="nr.id">
<el-row type="flex" align="middle" justify="space-between">
<el-input v-model="nr.content" readonly maxlength="30" style="width: 50%"
placeholder="请填写考核内容">
<template slot="prepend"><span>{{ idx + 1 }}</span></template>
</el-input>
</el-row>
<el-row style="margin-top: 20px">
<el-table :data="nr.bzs" style="width: 100%" border show-summary
:summary-method="getSummaries">
<el-table-column align="center" header-align="center" label="序号" type="index">
</el-table-column>
<el-table-column label="考核标准" disabled prop="inspection" header-align="center"
align="center">
<template scope="{row}">
<el-input v-model="row.inspection"
readonly placeholder="请填写考核标准"></el-input>
</template>
</el-table-column>
<el-table-column label="标准分" prop="score" header-align="center" align="center"
width="250px">
<template scope="{row}">
<el-input v-model.number="row.score" readonly maxlength="4"
placeholder="请填写标准分"></el-input>
</template>
</el-table-column>
<el-table-column label="自评得分" prop="zpf" header-align="center" align="center"
width="250px">
<template scope="{row}">
<el-input v-if="row.zpf" v-model.number="row.zpf" maxlength="4"
readonly placeholder="请填写自评分"></el-input>
<el-input v-else value="暂无" maxlength="4"
readonly></el-input>
</template>
</el-table-column>
<el-table-column label="有关佐证材料" header-align="center" align="center"
width="250px">
<template scope="{row}">
<el-button type="primary" :disabled="!row.zp||!row.zp.zpf||!row.isEvidence"
plain
@click="viewUpload(nr.content,row.inspection,row)">
查看佐证材料
</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
</el-form-item>
</el-form>
</div>
</transition>
</el-row>
<el-drawer
:visible.sync="dialog"
:show-close="false"
direction="rtl" size="40%"
custom-class="demo-drawer" :before-close="()=>{addForm()}"
ref="drawer">
<div class="demo-drawer__content" style="padding: 0 15px">
<upload-materials :data="data"></upload-materials>
<div class="demo-drawer__footer" style="float: right">
<!-- <el-button @click="cancelForm">取 消</el-button>-->
<el-button type="primary" @click="addForm">确 定</el-button>
</div>
</div>
</el-drawer>
<el-drawer
:visible.sync="dialog_view"
direction="rtl" size="40%"
custom-class="demo-drawer"
ref="drawer">
<div class="demo-drawer__content" style="padding: 0 15px">
<upload-materials :data="data" :is_view="true"></upload-materials>
</div>
</el-drawer>
<calcscore-table :relation_year="relationYear"
:show_modal.sync="calcSoreTableModal"
@get_table_data="autoFillScore"/>
</div>
<script>
const vue = new Vue({
el: '#app',
data() {
return {
fileList: [],
v: 'index',
tableData: [],
formData: {},
dialog: false,
dialog_view: false,
loading: false,
pageForm: {
pageNumber: 1,
pageSize: 10,
totalCount: 0,
},
data: {bz: '', clnrs: null, nr: ''},
row: {},
index: "",
idx: "",
addFormData: [],
pickerOptions: {
disabledDate(time) {
return (
time.getFullYear() > new Date().getFullYear()
);
}
},
relationYear: {},
calcSoreTableModal: false,
current_bz_id: ''
}
},
filters: {
none2str(val) {
return val ? val : '暂无'
}
},
components: {
'upload-materials': httpVueLoader('/components/kh/UploadMaterials.vue'),
'calcscore-table': httpVueLoader('/components/kh/CalcScoreTab.vue?ver=' + Math.random()),
},
methods: {
goBack() {
this.pageData()
this.v = 'index'
},
//计算得分
async calcScore(row) {
this.current_bz_id = row.id
this.calcSoreTableModal = true
this.relationYear = {year: this.formData.annual, bz_relation_id: row.bz_relation_id}
},
autoFillScore(scoreTable) {
this.formData.nrs.some(nr => {
nr.bzs.some(v => {
if (v.id === this.current_bz_id) {
this.$set(v, 'clnr', this.renderScoreTable(v.bz_relation_id, scoreTable))
if (scoreTable.length * v.single_score > Number(v.score) && !v.beyond_highestscore) {
this.$message.warning('自评得分不能超过标准分!')
this.$set(v.zp, 'zpf', v.score)
return true
}
if (this.relationYear.bz_relation_id === "Performance") {
let single_score = 0
scoreTable.map(v => {
single_score += v.integral
})
this.$set(v.zp, 'zpf', single_score)
} else {
this.$set(v.zp, 'zpf', scoreTable.length * v.single_score)
}
return true
}
})
})
},
//自定义材料内容
renderScoreTable(relation_id, score_data) {
if (score_data) {
let res = ''
switch (relation_id) {
case 'proposal':
score_data.map((v, i) => {
res += (i + 1) + ' .提案人:' + v.username + ',提案名称:' + v.proposalName + ';\n'
})
return res
case 'secteameet':
score_data.map((v, i) => {
res += (i + 1) + ' .申请人:' + v.username + ',会议名称:' + v.meeting_name + ';\n'
})
return res
case 'ConandDif':
score_data.map((v, i) => {
res += (i + 1) + ' .被慰问/补助人:' + v.be_username + ',慰问/补助类型:' + v.typename + ';\n'
})
return res
case 'Performance':
score_data.map((v, i) => {
res += (i + 1) + ' .在:' + v.activityName + '届运动会中,' + v.eventName + '项目获得了地' + v.ranking + '名;\n'
})
return res
default:
return ''
}
}
return ''
},
onInputZpf(v, row) {
if (Number(v) > Number(row.score) && !row.beyond_highestscore) {
row.zp.zpf = row.score
this.$message.warning('自评得分不能超过标准分!')
}
},
async doSaveOrSubmit(v) {
const params = []
this.formData.nrs.forEach(n => {
n.bzs.forEach(b => {
params.push({
"zb_id": this.formData.id, "nr_id": n.id,
"bz_id": b.id, "clnr": b.zp.clnr, "zpf": b.zp.zpf, "files": b.zp.files,
"id": b.zp.id ? b.zp.id : null
})
})
})
const loading = this.$loading({
lock: true,
text: '数据提交中...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
const res = await $.post(base + "/platform/ghkh/zp/doHandler", {
zp: JSON.stringify(params),
handletype: v
})
if (res.code === 0) {
this.pageData()
this.$message.success(res.msg)
} else {
this.$message.error(res.msg)
}
loading.close()
if (v === 'submit') {
this.v = 'index'
return
}
const resa = await $.post(base + '/platform/ghkh/zp/openView', {id: this.formData.id})
await this.$nextTick()
this.formData = resa.data
},
async getKh() {
await $.get("/platform/ghkh/khph/getKh", {"annual": this.pageForm.annual}).then(res => {
if (res.data.length != 0) {
this.kh = res.data
this.pageForm.khid = this.kh[0].id
} else {
this.kh = []
this.pageForm.khid = ""
}
})
},
async khSearch() {
await this.getKh()
},
viewUpload(nr, bz, row) {
this.data = {nr, bz, clnr: row.clnr, ...row.zp}
this.dialog_view = true
},
upload(nr, bz, row, index, idx) {
this.dialog = true
if (row.zp) {
this.data = {nr, bz, clnr: row.clnr, ...row.zp}
} else {
this.data = {nr, bz, clnr: row.clnr, ...row.zp}
}
this.row = row
this.index = index
this.idx = idx
},
addForm() {
this.formData.nrs[this.idx].bzs[this.index].zp = this.data
this.dialog = false
},
cancelForm() {
this.formData.nrs[this.idx].bzs[this.index].zp = this.row.data
this.loading = false;
this.dialog = false;
},
getSummaries(param) {
const {columns, data} = param;
const sums = [];
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = '小计';
return;
} else if ([1, 5, 6].includes(index)) {
sums[index] = '';
return;
}
const values = data.map(item => Number(item[column.property]));
if (!values.every(value => isNaN(value))) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr);
if (!isNaN(value)) {
return prev + curr;
} else {
return prev;
}
}, 0);
sums[index] += ' 分';
} else {
sums[index] = '';
}
});
return sums;
},
pageData() {
sublime.showLoadingbar();
this.tabLoading = true
$.post(base + "/platform/ghkh/zp/pageData", this.pageForm, (data) => {
sublime.closeLoadingbar();
this.tabLoading = false
if (data.code == 0) {
this.tableData = data.data.list;
this.pageForm.totalCount = data.data.totalCount;
} else {
this.$message({
message: data.msg,
type: 'error'
});
}
}, "json");
},
async openAdd(row) {
const data = await $.post(base + "/platform/ghkh/khzb/getZb", {id: row.id})
data.nrs.forEach(v => {
v.bzs.forEach(x => {
if (!x.zp) {
x.zp = {zpf: null}
}
})
})
this.formData = data
this.v = 'add'
},
async openEdit(row) {
// const data = await $.post(base + "/platform/ghkh/khzb/getZb", {id: row.id})
// data.nrs.forEach(v => {
// v.bzs.forEach(x => {
// if (!x.zp) {
// x.zp = {zpf: null}
// }
// })
// })
// this.formData = data
const resa = await $.post(base + '/platform/ghkh/zp/openView', {id: row.id})
this.formData = resa.data
this.v = 'edit'
},
async doAdd() {
this.addFormData = []
this.formData.nrs.forEach(n => {
let zp = {}
n.bzs.forEach(b => {
if (b.zp) {
zp = {
"zb_id": this.formData.id, "nr_id": n.id,
"bz_id": b.id, "clnr": b.zp.clnr, "zpf": b.zpf, "files": b.zp.files
}
} else {
zp = {"zb_id": this.formData.id, "nr_id": n.id, "bz_id": b.id, "zpf": b.zpf}
}
this.addFormData.push(zp)
})
})
const loading = this.$loading({
lock: true,
text: '数据提交中...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
const res = await $.post(base + "/platform/ghkh/zp/doAdd", {zp: JSON.stringify(this.addFormData)})
if (res.code === 0) {
this.pageData()
this.$message.success(res.msg)
} else {
this.$message.error(res.msg)
}
loading.close()
const resa = await $.post(base + '/platform/ghkh/zp/openView', {id: this.formData.id})
await this.$nextTick()
this.formData = resa.data
},
doEdit() {
this.formData.nrs.forEach(nr => {
nr.bzs.forEach(bz => {
if (bz.zp) {
bz.zp = {
...bz.zp, "zpf": bz.zpf,
}
}
})
})
const loading = this.$loading({
lock: true,
text: '数据提交中...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
$.post(base + "/platform/ghkh/zp/doEdit", {zb: JSON.stringify(this.formData)}, (data) => {
if (data.code == 0) {
this.pageData()
this.$message.success(data.msg)
} else {
this.$message({
message: data.msg,
type: 'error'
});
}
loading.close()
})
},
subXgh() {
this.formData.nrs.forEach(nr => {
nr.bzs.forEach(bz => {
if (bz.zp) {
bz.zp = {
"bz": bz.zp.bz,
"files": bz.zp.files,
"clnr": bz.zp.clnr,
"zb_id": this.formData.id,
"nr_id": nr.id,
"bz_id": bz.id,
"zpf": bz.zpf
}
/* bz.zp = {
...bz.zp, "zpf": bz.zpf,
}*/
} else {
bz.zp = {"zb_id": this.formData.id, "nr_id": nr.id, "bz_id": bz.id, "zpf": bz.zpf}
}
})
})
const loading = this.$loading({
lock: true,
text: '数据提交中...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
$.post(base + "/platform/ghkh/zp/subXgh", {zb: JSON.stringify(this.formData)}, (data) => {
if (data.code == 0) {
this.v = 'index'
this.pageData()
this.$message.success(data.msg)
} else {
this.$message({
message: data.msg,
type: 'error'
});
}
loading.close()
})
},
doSchool() {
},
openView(row) {
this.v = 'View'
$.post(base + "/platform/ghkh/zp/openView", {id: row.id}, (res) => {
res.data.nrs.forEach(nr => {
nr.bzs.forEach(bz => {
if (bz.zp) {
bz.zpf = bz.zp.zpf
bz.clnr = bz.zp.clnr
}
})
})
this.formData = res.data;
})
},
doSearch() {
this.pageForm.pageNumber = 1
this.pageData();
},
pageNumberChange(val) {//页码更新操作
this.pageForm.pageNumber = val;
this.pageData();
},
pageSizeChange(val) {//分页大小更新操作
this.pageForm.pageSize = val;
this.pageData();
},
},
async created() {
this.pageData();
}
})
</script>
<!--#
}
#-->