Files
UNION_NSI/target/classes/views/platform/proposal/transact/secondaryUnit.html
T
2026-09-08 19:49:21 +08:00

339 lines
17 KiB
HTML

<!--#
layout("/layouts/platform.html"){
#-->
<div id="app" v-cloak>
<guava ref="guava">
<proposal-search :page="pageForm" @search="doSearch" :has_seconded="false" title="审核"></proposal-search>
<el-card shadow="never" class="mt20">
<table-tool label="二级单位审核" :app="this">
<template #func>
<!-- <el-button @click="mergeAudit"-->
<!-- :disabled="multipleSelection && multipleSelection.length >=2 ? false : true"-->
<!-- type="primary" v-if="!pageForm.isAudit" size="mini">并案审核-->
<!-- </el-button>-->
</template>
</table-tool>
<el-table :data="tableData" align="center" header-align="center" :row-key="(row)=>{row.id}"
:size="tableSize" ref="table"
@sort-change="pageOrder">
<!-- <el-table-column-->
<!-- type="selection" v-if="!pageForm.isAudit"-->
<!-- :selectable="(row) => { return [proposal.CASE].includes(row.stateCode) }"-->
<!-- width="55">-->
<!-- </el-table-column>-->
<el-table-column align="center" header-align="center" label="序号" type="index" width="80">
<template scope="scope">
<span>{{ scope.$index + (pageForm.pageNumber - 1) * pageForm.pageSize + 1 }} </span>
</template>
</el-table-column>
<el-table-column
:align="column.align?column.align:'center'"
header-align="center"
v-for="column in tableColumns"
show-overflow-tooltip
:label="column.label"
:width="column.width"
:min-width="column.width"
:prop="column.prop"
:sortable="column.sortable"
>
<template v-if="column.prop=='proposalName'" scope="{row}">
<el-link type="primary" @click="openView(row)">{{row.proposalName}}</el-link>
</template>
<template v-else-if="column.prop=='isConjoin'" scope="{row}">
<span :style="row.isConjoin === 1 ? 'color: #236eb4' : ''">{{ row.stateCode < proposal.CASE ? '暂无' : row.isConjoin === 1 ? '' : ''}}</span>
</template>
<template v-else-if="column.prop=='auditState'" scope="{row}">
<span v-if="![proposal.CASE].includes(row.stateCode)">已审核</span>
<span v-else>待审核</span>
</template>
<template v-else-if="column.prop=='resultName'" scope="{row}">
<el-link type="primary">
{{row.resultName ? row.resultName:'暂未审核'}}
</el-link>
</template>
</el-table-column>
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="220px">
<template scope="{row}">
<el-button type="primary" size="mini" @click="openView(row)">
查看
</el-button>
<el-button type="primary" size="mini"
v-if="row.stateCode === proposal.SECONDARY_UNIT"
@click="openAudit(row.id,row)">
审核
</el-button>
<el-button type="danger" size="mini"
v-if="row.canRevoke"
@click="revoke(row)">
撤回
</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
<template #edit>
<proposal-info ref="audit" label="二级单位审核" handle>
<template #handle>
<el-form :model="formData" ref="auditForm" :rules="formRules" label-width="120px">
<vi-title :title="proTableData.length > 1 ? '并案信息' : '提案信息'"></vi-title>
<el-form-item>
<el-table :data="proTableData" tooltip-effect="dark"
style="width: 100%">
<el-table-column align="left" header-align="left" prop="proposalCode"
label="提案编号"></el-table-column>
<el-table-column align="left" header-align="left" prop="username"
label="提案人"
show-overflow-tooltip></el-table-column>
<el-table-column align="left" header-align="left" prop="proposalName" label="提案名称"
show-overflow-tooltip>
<template slot-scope="{row}">
<span @click="openView(row)"
style="color: #236eb4; cursor: pointer; text-decoration: underline">{{row.proposalName}}</span>
</template>
</el-table-column>
</el-table>
</el-form-item>
<vi-title title="二级单位审核"></vi-title>
<el-row gutter="20">
<el-col :span="12">
<el-form-item prop="username" label="审核人">
<el-input v-model="formData.username" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="auditTime" label="审核时间">
<el-input v-model="formData.auditTime" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- <el-form-item prop="other" label="立案建议">
<el-radio-group @change="otherChange" v-model="formData.other">
<el-radio v-for="item in resultOptions" :label="item.code" border>{{item.name}}
</el-radio>
</el-radio-group>
<template v-if="formData.other === 'determine'">
<el-radio label="emphasis" v-model="formData.determineTypeCode">重点</el-radio>
<el-radio label="ordinary" v-model="formData.determineTypeCode">普通</el-radio>
</template>
</el-form-item>-->
<el-form-item prop="opinion" label="审核意见">
<el-input type="textarea" v-model="formData.opinion" rows="4" maxlength="1000"
placeholder="请填写您的意见"></el-input>
</el-form-item>
<el-form-item v-if="isSign()" prop="sign" label="签&emsp;&emsp;字">
<sign prefix="proposal" :qz.sync="formData.sign"></sign>
</el-form-item>
<el-row style="margin: 40px 0;text-align: right">
<el-button type="danger" @click="doBackModify">退回修改</el-button>
<el-button type="primary" @click="doAudit">提交</el-button>
</el-row>
</el-form>
</template>
</proposal-info>
</template>
<template #view>
<proposal-info ref="info"></proposal-info>
</template>
</guava>
</div>
<script>
var vue = new Vue({
el: '#app',
mixins: [initTableMixins],
components: {
'proposal-info': httpVueLoader('/components/proposal/ProposalInfo.vue'),
'proposal-search': httpVueLoader('/components/proposal/ProposalSearch.vue'),
'proposal-table': httpVueLoader('/components/proposal/ProposalTable.vue'),
},
data() {
return {
tableColumns: [
{prop: 'proposalCode', label: '提案编号', width: "120", sortable: true, disabled: true},
{prop: 'proposalName', label: '提案名称', width: "300", disabled: true},
{prop: 'username', label: '提案人', disabled: true},
{prop: 'typeCode', label: '提案类型编码', sortable: true, checked: 0},
{prop: 'typeName', label: '提案类型', sortable: true},
{prop: 'mannerCode', label: '提案方式编码', sortable: true, checked: 0},
{prop: 'mannerName', label: '提案方式', sortable: true},
{prop: 'meetingName', label: '届次', sortable: true, checked: 0},
{prop: 'delegationCode', label: '代表团编码', sortable: true, checked: 0},
{prop: 'delegationName', label: '代表团', sortable: true, checked: 0},
{prop: 'resultName', label: '立案结果', sortable: true},
{prop: 'isConjoin', label: '是否并案', sortable: true},
// {prop: 'laLevelName', label: '是否重点', sortable: true},
{prop: 'stateName', label: '提案状态', sortable: true},
{prop: 'auditState', label: '审核状态', sortable: true},
],
pageForm: {searchName: 'proposalName', isAudit: false},
isSign: () => {
return proposal.needSignState.map(v => v.stateCode).includes(proposal.SECONDARY_UNIT)
},
proTableData: [],
formData: {
username: "${@shiro.getPrincipalProperty('username')}",
loginName: "${@shiro.getPrincipalProperty('loginname')}",
auditTime: moment().format('YYYY-MM-DD'),
opinion: '根据教代会的管理办法之规定,同意',
proposalName: '',
sign: '',
other: '',
determineTypeCode: '',
proposalCode: '',
createUser: ''
},
formRules: {
opinion: [{required: true, message: '请输入审核意见', trigger: ['blur', 'change']}],
other: [{required: true, message: '请选择立案意见', trigger: ['blur', 'change']}],
sign: [{required: true, message: '请扫描二维码进行签字', trigger: ['blur', 'change']}]
},
}
},
methods: {
async openView(row) {
this.$refs.guava.view()
this.$refs.info.openView(row.id)
},
async openAudit(id, row) {
this.$refs.guava.edit()
this.$refs.audit.openView(id)
if (this.$refs['auditForm']) {
this.$refs['auditForm'].resetFields()
}
this.formData.proposalId = id
this.formData.proposalName = row.proposalName
this.formData.other = row.resultCode
this.formData.createUser = row.username
this.formData.proposalCode = row.proposalCode
switch (row.resultCode) {
case "notGive": {
this.formData.opinion = '根据教代会的管理办法之规定,同意不予立案。'
break
}
case "determine": {
this.formData.opinion = '根据教代会的管理办法之规定,同意立案。'
break
}
case "opinion": {
this.formData.opinion = '根据教代会的管理办法之规定,同意作为意见建议。'
break
}
}
this.$set(this.formData, 'other', row.resultCode)
this.$set(this.formData, 'determineTypeCode', row.determineTypeCode)
const res = await $.get('/platform/proposal/common/findConjoinProposal', {proposalId: row.id})
this.proTableData = res.data.filter(o => {
return o.id !== row.id
})
this.proTableData.unshift(row)
},
async doAudit() {
const valid = await this.$refs["auditForm"].validate()
if (valid) {
const confirm = await this.$confirm('您是否提交审核意见?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm) {
const loading = this.$loading({
lock: true,
text: '正在提交...',
spinner: 'el-icon-loading',
background: COVER_LAYER_COLOR
});
const resp = await $.post(loc() + "/audit", {
audit: JSON.stringify(this.formData),
proposalIds: this.formData.proposalId,
sign: this.formData.sign,
determineTypeCode: this.formData.determineTypeCode
})
loading.close()
if (resp.code === 0) {
this.notifySuccess(resp.msg)
this.pageData()
this.$refs.guava.index()
} else {
this.notifyWarning(resp.msg)
}
}
}
},
async doBackModify() {
const valid = await this.$refs["auditForm"].validate()
if (valid) {
const confirm = await this.$confirm('您是否要退回到提案人?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm) {
const loading = this.$loading({
lock: true,
text: '正在提交...',
spinner: 'el-icon-loading',
background: COVER_LAYER_COLOR
});
const resp = await $.post(loc() + "/backModify", {
audit: JSON.stringify(this.formData),
proposalIds: this.formData.proposalId,
sign: this.formData.sign,
determineTypeCode: this.formData.determineTypeCode
})
loading.close()
if (resp.code === 0) {
this.notifySuccess(resp.msg)
this.pageData()
this.$refs.guava.index()
} else {
this.notifyWarning(resp.msg)
}
}
}
},
async revoke({id}) {
const confirm = await this.$confirm('您确定要撤回吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm === 'confirm') {
const resp = await $.post(loc() + '/rollback', {proposalId: id})
if (resp.code === 0) {
this.notifySuccess(resp.msg)
this.doSearch()
} else {
this.notifyError(resp.msg)
}
}
}
},
created() {
this.pageData()
}
})
</script>
<!--#
}
#-->