commit
This commit is contained in:
@@ -1,833 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.el-form-item__error {
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="申请" ref="syrTable" request="/platfotm/syr/info/jtsq/pageData"
|
||||
yeartype="jtyear">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="400">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>90?null:'primary'"
|
||||
@click="openView(row,row.state>90)">
|
||||
{{row.state>90?'查看':'结题申请'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" @click="doRevoke(row.id)" v-if="row.state==91">
|
||||
撤回
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" @click="openView(row,row.state>90)" v-if="row.state==91">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button size="mini" v-if="row.state>90" type="primary" @click="exportjtBgs(row.id)">
|
||||
导出结题报告书
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template slot="handle">
|
||||
<el-tab-pane label="结题申请" name="jtsq">
|
||||
<el-form :model="formData" :rules="rules" label-position="top" ref="Form">
|
||||
|
||||
<h3>基本信息</h3>
|
||||
<div style="margin-bottom: 30px">
|
||||
<el-form-item label="项目名称" prop="xmmc">
|
||||
<el-input maxlength="50" placeholder="项目名称" v-model="formData.xmmc"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<el-divider content-position="left">申报人信息</el-divider>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="申请人">
|
||||
<el-input placeholder="姓名" readonly
|
||||
:value="formData.username"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="性别">
|
||||
<el-input placeholder="性别" readonly
|
||||
:value="formData.sex"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="出生年月" prop="birthday">
|
||||
<el-date-picker
|
||||
placeholder="出生年月"
|
||||
type="date"
|
||||
v-model="formData.birthday"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :lg="8" :sm="24">
|
||||
<!-- <el-form-item label="职务/职称" prop="zwzc">-->
|
||||
<!-- <el-input v-model="formData.zwzc"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item label="立项资助金额">
|
||||
<el-input :value="formData.lxlevel" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="申报单位" prop="dwname">
|
||||
<el-input readonly :value="formData.dwname"></el-input>
|
||||
</el-form-item>
|
||||
</el-col><!--
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="学历/学位" prop="xlxw">
|
||||
<el-input v-model="formData.xlxw"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="手机" prop="mobile">
|
||||
<el-input v-model="formData.mobile"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="院级工会" prop="ghname">
|
||||
<el-input :value="formData.ghname"
|
||||
readonly></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-divider content-position="left">项目组成员</el-divider>
|
||||
<div>
|
||||
<div class="text-right">
|
||||
<el-button @click="addXmzcy" round
|
||||
size="mini"
|
||||
type="primary">添加成员
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-table :data="formData.xmzcy" max-height="300">
|
||||
<el-table-column label="序号" type="index" width="50"></el-table-column>
|
||||
<el-table-column label="工号" prop="loginname">
|
||||
<template slot-scope="scope">
|
||||
<el-select clearable
|
||||
size="mini"
|
||||
v-model="scope.row.userId" filterable remote
|
||||
placeholder="输入工号或者姓名查找" :remote-method="queryUser"
|
||||
@change="userChange(scope)" style="width: 100%">
|
||||
<el-option v-for="o in userList"
|
||||
:label="o.username+'('+o.loginname+')'"
|
||||
:value="o.id"
|
||||
:key="o.id"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="姓名" prop="username">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.username"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="职称" prop="zc">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.zc"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="学历" prop="xl">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.xl"></el-input>
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="工作单位及职务" prop="gzdw">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.gzdw"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="formData.xmzcy.splice(scope.$index, 1)"
|
||||
icon="el-icon-delete" round
|
||||
size="mini"
|
||||
type="danger"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<!-- <el-divider content-position="left" ref="yjjctjdivider">
|
||||
项目研究基础及条件(最多填写400字，当前字数
|
||||
<span :style="{color:(yanjiujichuLength>400?'red':'')}"> {{yanjiujichuLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="yjjctj" style="margin-bottom: 40px;">
|
||||
<div ref="yjjctj" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" ref="xmssljffdivider">
|
||||
项目实施路径及方法(最多填写400字，当前字数
|
||||
<span :style="{color:(xmssljffLength>400?'red':'')}"> {{xmssljffLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="xmssljff" style="margin-bottom: 40px;">
|
||||
<div ref="xmssljff" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-divider content-position="left">
|
||||
项目预期成果及应用推广价值(最多填写300字，当前字数
|
||||
<span :style="{color:(yqcgtgjzLength>400?'red':'')}">{{yqcgtgjzLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="yqcgtgjz">
|
||||
<div ref="yqcgtgjz" style="width: 100%;"></div>
|
||||
</el-form-item>-->
|
||||
|
||||
<h3>结题申请信息</h3>
|
||||
<el-divider content-position="left">
|
||||
项目研究实践的主要内容及方法(最多填写400字，当前字数
|
||||
<span :style="{color:(zynrLength>400?'red':'')}">{{zynrLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="zynr">
|
||||
<div ref="zynr" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left">
|
||||
成果自我评价及应用范围或取得的社会效益（最多填写1000字，当前字数
|
||||
<span :style="{color:(zwpjshxyLength>1000?'red':'')}">{{zwpjshxyLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="zwpjshxy">
|
||||
<div ref="zwpjshxy" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left">
|
||||
主要成果介绍（突出重点、论点或创新部分,最多填写400字，当前字数
|
||||
<span :style="{color:(zycgjsLength>400?'red':'')}">{{zycgjsLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="zycgjs">
|
||||
<div ref="zycgjs" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left">
|
||||
成果目录（总结报告、论文、多媒体课件等）（成果以附件形式上传）
|
||||
</el-divider>
|
||||
<div>
|
||||
<div class="text-right">
|
||||
<el-button @click="formData.cgml.push({'cgxs': '', 'cgmc': '', 'zywcr': ''})" round
|
||||
size="mini"
|
||||
type="primary">添加成果
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-table :data="formData.cgml" max-height="300">
|
||||
<el-table-column label="序号" type="index" width="50"></el-table-column>
|
||||
<el-table-column label="成果形式" prop="cgxs">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.cgxs"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="成果名称" prop="cgmc">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.cgmc"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="主要完成人" prop="zywcr">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.zywcr"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="formData.cgml.splice(scope.$index, 1)"
|
||||
icon="el-icon-delete" round
|
||||
size="mini"
|
||||
type="danger"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
|
||||
<el-divider content-position="left">
|
||||
经费使用情况（最多填写200字，当前字数
|
||||
<span :style="{color:(jfsyqkLength>200?'red':'')}">{{jfsyqkLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="jfsyqk">
|
||||
<div ref="jfsyqk" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left">项目成果及其佐证材料（不超过5个文件。其中，总结报告和论文须上传PDF版）</el-divider>
|
||||
<el-form-item label="">
|
||||
<wp-upload
|
||||
@on-delete="onDeleteFile"
|
||||
:file-list="fileList"
|
||||
:max-file-number="5"
|
||||
:upload-auto="false"
|
||||
ref="upload"></wp-upload>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="$refs.guava.index()">返回</el-button>
|
||||
<el-button @click="doSave" type="primary">保存</el-button>
|
||||
<el-button @click="doHandle(true)" type="primary">提交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let yjjctjEditor = null
|
||||
let yqcgtgjzEditor = null
|
||||
let xmssljffEditor = null
|
||||
|
||||
let zynrEditor = null
|
||||
let cgzwpjshxyEditor = null
|
||||
let cgjsEditor = null
|
||||
let jfsyqkEditor = null
|
||||
|
||||
const o = {'username': '', 'zc': '', 'xl': '', 'gzdw': ''}
|
||||
const o2 = {'cgxs': '', 'cgmc': '', 'zywcr': ''}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
const validatorYjjctj = (rule, value, callback) => {
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 400) {
|
||||
callback(new Error('字数太多，无法提交。'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
const validatorYqcgtgjz = (rule, value, callback) => {
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 300) {
|
||||
callback(new Error('字数太多，无法提交。'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const validatorXmssljff = (rule, value, callback) => {
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 400) {
|
||||
callback(new Error('字数太多，无法提交。'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const validatorZynr = (rule, value, callback) => {
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 400) {
|
||||
callback(new Error('字数太多，无法提交。'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const validatorZwpjshxy = (rule, value, callback) => {
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 1000) {
|
||||
callback(new Error('字数太多，无法提交。'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const validatorZycgjs = (rule, value, callback) => {
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 400) {
|
||||
callback(new Error('字数太多，无法提交。'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const validatorJfsyqk = (rule, value, callback) => {
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 500) {
|
||||
callback(new Error('字数太多，无法提交。'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
fileList: [],
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
formData: {
|
||||
xmzcy: [],
|
||||
yjjctj: '',
|
||||
yqcgtgjz: '',
|
||||
xmssljff: '',
|
||||
zynr: '',
|
||||
zwpjshxy: '',
|
||||
zycgjs: '',
|
||||
jfsyqk: ''
|
||||
|
||||
},
|
||||
handleShow: false,
|
||||
rules: {
|
||||
//birthday: [{required: true, message: '请选择出生年月', trigger: ['blur', 'change']}],
|
||||
zwzc: [{required: true, message: '请填写职务职称', trigger: ['blur', 'change']}],
|
||||
//mobile: [{required: true, message: '请填写手机号', trigger: ['blur', 'change']}],
|
||||
|
||||
yjjctj: [{validator: validatorYjjctj, trigger: ['blur', 'change']}],
|
||||
xmssljff: [{validator: validatorXmssljff, trigger: ['blur', 'change']}],
|
||||
yqcgtgjz: [{validator: validatorYqcgtgjz, trigger: ['blur', 'change']}],
|
||||
zynr: [{validator: validatorZynr, trigger: ['blur', 'change']}],
|
||||
zwpjshxy: [{validator: validatorZwpjshxy, trigger: ['blur', 'change']}],
|
||||
zycgjs: [{validator: validatorZycgjs, trigger: ['blur', 'change']}],
|
||||
jfsyqk: [{validator: validatorJfsyqk, trigger: ['blur', 'change']}],
|
||||
},
|
||||
pageForm: {
|
||||
yearType: 'sbyear'
|
||||
},
|
||||
delFile: [],
|
||||
userList: []
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
||||
// yanjiujichuLength() {
|
||||
// if (this.formData.yjjctj) {
|
||||
// return removeHTMLTag(this.formData.yjjctj).length
|
||||
// }
|
||||
// return 0
|
||||
// },
|
||||
// yqcgtgjzLength() {
|
||||
// if (this.formData.yqcgtgjz) {
|
||||
// return removeHTMLTag(this.formData.yqcgtgjz).length
|
||||
// } else {
|
||||
// return 0
|
||||
// }
|
||||
// },
|
||||
// xmssljffLength() {
|
||||
// if (this.formData.xmssljff) {
|
||||
// return removeHTMLTag(this.formData.xmssljff).length
|
||||
// } else {
|
||||
// return 0
|
||||
// }
|
||||
// },
|
||||
zynrLength() {
|
||||
if (this.formData.zynr) {
|
||||
return removeHTMLTag(this.formData.zynr).length
|
||||
} else {
|
||||
return 0
|
||||
}
|
||||
},
|
||||
zwpjshxyLength() {
|
||||
if (this.formData.zwpjshxy) {
|
||||
return removeHTMLTag(this.formData.zwpjshxy).length
|
||||
} else {
|
||||
return 0
|
||||
}
|
||||
},
|
||||
zycgjsLength() {
|
||||
if (this.formData.zycgjs) {
|
||||
return removeHTMLTag(this.formData.zycgjs).length
|
||||
} else {
|
||||
return 0
|
||||
}
|
||||
},
|
||||
jfsyqkLength() {
|
||||
if (this.formData.jfsyqk) {
|
||||
return removeHTMLTag(this.formData.jfsyqk).length
|
||||
} else {
|
||||
return 0
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
async doRevoke(id) {
|
||||
const confirm = await this.$confirm('您确定要撤回吗?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if ('confirm' !== confirm) return
|
||||
const resp = await $.post(loc() + '/doRevoke', {xmid: id})
|
||||
if (resp.code === 0) {
|
||||
this.$refs.syrTable.pageData()
|
||||
this.notifySuccess(resp.msg)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
console.log(id)
|
||||
},
|
||||
|
||||
onDeleteFile(file) {
|
||||
console.log(file)
|
||||
if (file.fileDes) {
|
||||
this.delFile.push(file.fileDes.filepath)
|
||||
}
|
||||
},
|
||||
addXmzcy() {
|
||||
this.formData.xmzcy.push({'username': '', 'zc': '', 'xl': '', 'gzdw': ''})
|
||||
},
|
||||
async queryUser(val) {
|
||||
const data = await searchUser(val)
|
||||
this.userList = data
|
||||
},
|
||||
userChange(scope) {
|
||||
const userList = clone(this.userList)
|
||||
const user = userList.find(v => v.id == scope.row.userId)
|
||||
if (user) {
|
||||
scope.row.username = user.username
|
||||
scope.row.zc = user.zc
|
||||
scope.row.gzdw = user.dwname
|
||||
}
|
||||
|
||||
},
|
||||
async initEditor() {
|
||||
return await new Promise((resolve, reject) => {
|
||||
this.$nextTick(() => {
|
||||
setTimeout(() => {
|
||||
// if (yjjctjEditor) {
|
||||
// yjjctjEditor.destroy()
|
||||
// }
|
||||
// if (xmssljffEditor) {
|
||||
// xmssljffEditor.destroy()
|
||||
// }
|
||||
// if (yqcgtgjzEditor) {
|
||||
// yqcgtgjzEditor.destroy()
|
||||
// }
|
||||
if (zynrEditor) {
|
||||
zynrEditor.destroy()
|
||||
}
|
||||
if (cgzwpjshxyEditor) {
|
||||
cgzwpjshxyEditor.destroy()
|
||||
}
|
||||
if (cgjsEditor) {
|
||||
cgjsEditor.destroy()
|
||||
}
|
||||
if (jfsyqkEditor) {
|
||||
jfsyqkEditor.destroy()
|
||||
}
|
||||
|
||||
// yjjctjEditor = new wangEditor(this.$refs.yjjctj)
|
||||
// yjjctjEditor.config.onchange = (html) => {
|
||||
// if (removeHTMLTag(html).length > 400) {
|
||||
// this.$message.info('项目研究基础及条件最多填写400字')
|
||||
// }
|
||||
// this.$refs.Form.validateField('yjjctj', (errMsg) => {
|
||||
// })
|
||||
// this.formData.yjjctj = html
|
||||
// }
|
||||
// yjjctjEditor.config.uploadImgShowBase64 = true
|
||||
// yjjctjEditor.create()
|
||||
//
|
||||
// xmssljffEditor = new wangEditor(this.$refs.xmssljff)
|
||||
// xmssljffEditor.config.onchange = (html) => {
|
||||
// if (removeHTMLTag(html).length > 400) {
|
||||
// this.$message.info('项目实施路径及方法最多填写400字')
|
||||
// }
|
||||
// this.$refs.Form.validateField('xmssljff', (errMsg) => {
|
||||
// })
|
||||
// this.formData.xmssljff = html
|
||||
// }
|
||||
// xmssljffEditor.config.uploadImgShowBase64 = true
|
||||
// xmssljffEditor.create()
|
||||
//
|
||||
// yqcgtgjzEditor = new wangEditor(this.$refs.yqcgtgjz)
|
||||
// yqcgtgjzEditor.config.onchange = (html) => {
|
||||
// if (removeHTMLTag(html).length > 300) {
|
||||
// this.$message.info('项目预期成果及应用推广价值最多填写300字')
|
||||
// }
|
||||
// this.$refs.Form.validateField('yqcgtgjz', (errMsg) => {
|
||||
// })
|
||||
// this.formData.yqcgtgjz = html
|
||||
// }
|
||||
// yqcgtgjzEditor.config.uploadImgShowBase64 = true
|
||||
// yqcgtgjzEditor.create()
|
||||
|
||||
zynrEditor = new wangEditor(this.$refs.zynr)
|
||||
zynrEditor.config.onchange = (html) => {
|
||||
if (removeHTMLTag(html).length > 400) {
|
||||
this.$message.info('项目研究实践的主要内容及方法（不超过400字）')
|
||||
}
|
||||
this.$refs.Form.validateField('zynr', (errMsg) => {
|
||||
})
|
||||
this.formData.zynr = html
|
||||
}
|
||||
zynrEditor.config.uploadImgShowBase64 = true
|
||||
zynrEditor.create()
|
||||
|
||||
cgzwpjshxyEditor = new wangEditor(this.$refs.zwpjshxy)
|
||||
cgzwpjshxyEditor.config.onchange = (html) => {
|
||||
if (removeHTMLTag(html).length > 1000) {
|
||||
this.$message.info('成果自我评价及应用范围或取得的社会效益（不超过1000字）')
|
||||
}
|
||||
this.$refs.Form.validateField('zwpjshxy', (errMsg) => {
|
||||
})
|
||||
this.formData.zwpjshxy = html
|
||||
}
|
||||
cgzwpjshxyEditor.config.uploadImgShowBase64 = true
|
||||
cgzwpjshxyEditor.create()
|
||||
|
||||
cgjsEditor = new wangEditor(this.$refs.zycgjs)
|
||||
cgjsEditor.config.onchange = (html) => {
|
||||
if (removeHTMLTag(html).length > 400) {
|
||||
this.$message.info('主要成果介绍（突出重点、论点或创新部分,不超过400字）')
|
||||
}
|
||||
this.$refs.Form.validateField('zycgjs', (errMsg) => {
|
||||
})
|
||||
this.formData.zycgjs = html
|
||||
}
|
||||
cgjsEditor.config.uploadImgShowBase64 = true
|
||||
cgjsEditor.create()
|
||||
|
||||
jfsyqkEditor = new wangEditor(this.$refs.jfsyqk)
|
||||
jfsyqkEditor.config.onchange = (html) => {
|
||||
if (removeHTMLTag(html).length > 200) {
|
||||
this.$message.info('经费使用情况（不超过200字）')
|
||||
}
|
||||
this.$refs.Form.validateField('jfsyqk', (errMsg) => {
|
||||
})
|
||||
this.formData.jfsyqk = html
|
||||
}
|
||||
jfsyqkEditor.config.uploadImgShowBase64 = true
|
||||
jfsyqkEditor.create()
|
||||
|
||||
resolve()
|
||||
}, 600)
|
||||
})
|
||||
})
|
||||
},
|
||||
async openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id, row.state > 90 ? '9' : '1')
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'jtsq')
|
||||
this.formData = {
|
||||
id: row.id,
|
||||
userid: row.userid,
|
||||
xmid: row.id,
|
||||
xmmc: row.xmmc,
|
||||
username: row.username,
|
||||
sex: row.sex,
|
||||
birthday: row.birthday,
|
||||
zwzc: row.zwzc,
|
||||
dwname: row.dwname,
|
||||
mobile: row.mobile,
|
||||
ghname: row.ghname,
|
||||
xmzcy: [{'username': '', 'zc': '', 'xl': '', 'gzdw': ''}],
|
||||
yjjctj: row.yjjctj,
|
||||
yqcgtgjz: row.yjjctj,
|
||||
xmssljff: row.xmssljff,
|
||||
zynr: row.zynr,
|
||||
zwpjshxy: row.zwpjshxy,
|
||||
zycgjs: row.zycgjs,
|
||||
jfsyqk: row.jfsyqk,
|
||||
cgml: [{'cgxs': '', 'cgmc': '', 'zywcr': ''}],
|
||||
lxlevel: row.lxlevel
|
||||
|
||||
}
|
||||
if (row.yjcgfj && row.yjcgfj.length > 0) {
|
||||
for (let f of row.yjcgfj) {
|
||||
f.name = f.filename
|
||||
f.url = FILE_DOMAIN + '/fileStreamPreview?id=' + f.filepath
|
||||
}
|
||||
this.fileList = row.yjcgfj
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.$refs.upload.refreshFileList()
|
||||
})
|
||||
}
|
||||
await this.initEditor()
|
||||
// yjjctjEditor.txt.html(this.formData.yjjctj)
|
||||
// yqcgtgjzEditor.txt.html(this.formData.yqcgtgjz)
|
||||
// xmssljffEditor.txt.html(this.formData.xmssljff)
|
||||
zynrEditor.txt.html(this.formData.zynr)
|
||||
cgzwpjshxyEditor.txt.html(this.formData.zwpjshxy)
|
||||
cgjsEditor.txt.html(this.formData.zycgjs)
|
||||
jfsyqkEditor.txt.html(this.formData.jfsyqk)
|
||||
if (row.xmzcy) {
|
||||
this.formData.xmzcy = JSON.parse(row.xmzcy)
|
||||
this.formData.xmzcy.forEach(v => {
|
||||
this.queryUser(v.username)
|
||||
})
|
||||
|
||||
|
||||
}
|
||||
if (row.cgml) {
|
||||
this.formData.cgml = JSON.parse(row.cgml)
|
||||
}
|
||||
}
|
||||
},
|
||||
async doHandle(res) {
|
||||
const valid = await this.$refs['Form'].validate()
|
||||
if (!valid) return
|
||||
|
||||
const xmcyHasEmpty = this.formData.xmzcy.some(v => v['username'] === '' || v['zc'] === '' || v['gzdw'] === '')
|
||||
if (xmcyHasEmpty) {
|
||||
this.$message.info('项目成员信息填写不完整')
|
||||
return
|
||||
}
|
||||
|
||||
const cgmlHasEmpty = this.formData.cgml.some(v => v['cgmc'] === '' || v['cgxs'] === '' || v['zywcr'] === '')
|
||||
if (cgmlHasEmpty) {
|
||||
this.$message.info('成果目录信息填写不完整')
|
||||
return
|
||||
}
|
||||
|
||||
const fd = new FormData()
|
||||
const jbxx = {
|
||||
id: this.formData.xmid,
|
||||
userid: this.formData.userid,
|
||||
birthday: this.formData.birthday,
|
||||
zwzc: this.formData.zwzc,
|
||||
mobile: this.formData.mobile,
|
||||
xmzcy: JSON.stringify(this.formData.xmzcy),
|
||||
yjjctj: this.formData.yjjctj,
|
||||
xmssljff: this.formData.xmssljff,
|
||||
yqcgtgjz: this.formData.yqcgtgjz
|
||||
}
|
||||
fd.append("jbxx", JSON.stringify(jbxx))
|
||||
const jtxx = {
|
||||
xmid: this.formData.xmid,
|
||||
zynr: this.formData.zynr,
|
||||
zwpjshxy: this.formData.zwpjshxy,
|
||||
zycgjs: this.formData.zycgjs,
|
||||
jfsyqk: this.formData.jfsyqk,
|
||||
cgml: this.formData.cgml
|
||||
}
|
||||
fd.append("jtxx", JSON.stringify(jtxx))
|
||||
for (let f of this.$refs.upload.fileShowArray) {
|
||||
fd.append("files", f.file)
|
||||
}
|
||||
|
||||
fd.append("delFile", JSON.stringify(this.delFile))
|
||||
$.ajax({
|
||||
url: base + '/platfotm/syr/info/jtsq/doHandle',
|
||||
type: "post",
|
||||
data: fd,
|
||||
processData: false,
|
||||
contentType: false
|
||||
}).then(resp => {
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
this.formData = {
|
||||
cgml: [],
|
||||
xmzcy: [],
|
||||
yjjctj: '',
|
||||
yqcgtgjz: '',
|
||||
xmssljff: '',
|
||||
zynr: '',
|
||||
zwpjshxy: '',
|
||||
zycgjs: '',
|
||||
jfsyqk: ''
|
||||
}
|
||||
this.$refs.upload.fileShowArray = []
|
||||
}
|
||||
})
|
||||
},
|
||||
doSave() {
|
||||
const fd = new FormData()
|
||||
const jbxx = {
|
||||
id: this.formData.xmid,
|
||||
userid: this.formData.userid,
|
||||
birthday: this.formData.birthday,
|
||||
zwzc: this.formData.zwzc,
|
||||
mobile: this.formData.mobile,
|
||||
xmzcy: JSON.stringify(this.formData.xmzcy),
|
||||
yjjctj: this.formData.yjjctj,
|
||||
xmssljff: this.formData.xmssljff,
|
||||
yqcgtgjz: this.formData.yqcgtgjz
|
||||
}
|
||||
fd.append("jbxx", JSON.stringify(jbxx))
|
||||
const jtxx = {
|
||||
xmid: this.formData.xmid,
|
||||
zynr: this.formData.zynr,
|
||||
zwpjshxy: this.formData.zwpjshxy,
|
||||
zycgjs: this.formData.zycgjs,
|
||||
jfsyqk: this.formData.jfsyqk,
|
||||
cgml: this.formData.cgml
|
||||
}
|
||||
fd.append("jtxx", JSON.stringify(jtxx))
|
||||
for (let f of this.$refs.upload.fileShowArray) {
|
||||
fd.append("files", f.file)
|
||||
}
|
||||
|
||||
fd.append("delFile", JSON.stringify(this.delFile))
|
||||
$.ajax({
|
||||
url: base + '/platfotm/syr/info/jtsq/doSave',
|
||||
type: "post",
|
||||
data: fd,
|
||||
processData: false,
|
||||
contentType: false
|
||||
}).then(resp => {
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
this.formData = {
|
||||
cgml: [],
|
||||
xmzcy: [],
|
||||
yjjctj: '',
|
||||
yqcgtgjz: '',
|
||||
xmssljff: '',
|
||||
zynr: '',
|
||||
zwpjshxy: '',
|
||||
zycgjs: '',
|
||||
jfsyqk: ''
|
||||
}
|
||||
this.$refs.upload.fileShowArray = []
|
||||
}
|
||||
})
|
||||
},
|
||||
exportjtBgs(id) {
|
||||
window.open(loc() + '/exportjtBgs?id=' + id)
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
@@ -1,432 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.yearDatePickerItemLabel .el-select {
|
||||
background-color: #f5f7fa;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.yearDatePickerItemLabel .el-input__inner {
|
||||
border-bottom-right-radius: unset;
|
||||
border-top-right-radius: unset;
|
||||
/*border-right: 0;*/
|
||||
}
|
||||
|
||||
.yearDatePickerItemOption .el-input__inner {
|
||||
border-bottom-left-radius: unset;
|
||||
border-top-left-radius: unset;
|
||||
border-left: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
|
||||
<el-card shadow="never">
|
||||
<div class="search">
|
||||
<div class="search-item">
|
||||
<div class="search-item-label yearDatePickerItemLabel" style="width: 100%;margin-right: 0">
|
||||
<el-select v-model="pageForm.yearType" placeholder="年度类型"
|
||||
style="width: 100%;">
|
||||
<el-option label="申报年度" value="sbyear"></el-option>
|
||||
<el-option label="结题年度" value="jtyear"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="search-item-option yearDatePickerItemOption"
|
||||
style="width: calc(100% - 160px);min-width:calc(100% - 160px)">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">项目名称:</div>
|
||||
<div class="search-item-option">
|
||||
<el-input v-model="pageForm.xmmc" placeholder="请输入项目名称查询" style="width: 100%;"></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">申报人：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input v-model="pageForm.searchKeyword" placeholder="请输入内容" @keyup.enter.native="doSearch">
|
||||
<el-select slot="prepend" v-model="pageForm.searchName" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="申报人姓名" value="u.username"></el-option>
|
||||
<el-option label="申报人工号" value="u.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">院级工会：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select v-model="pageForm.unionid" clearable filterable placeholder="请选择院级工会"
|
||||
@change="getUnitList()"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in unionList"
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">单位：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select v-model="pageForm.unitid" clearable filterable placeholder="请选择单位"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in unitList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<slot name="search-group">
|
||||
<!--不同页面的查询条件自定义-->
|
||||
</slot>
|
||||
<div class="search-query">
|
||||
<el-button icon="el-icon-search" type="primary" @click="doSearch"></el-button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--<template v-show="!hasNotghdwUrl.includes(request)">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unionid" clearable filterable placeholder="请选择院级工会" @change="getUnitList()">
|
||||
<el-option
|
||||
v-for="item in unionList"
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unitid" clearable filterable placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in unitList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</template>-->
|
||||
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt10" shadow="never">
|
||||
<table-tool :app="this" label="选题列表">
|
||||
<template #func>
|
||||
<el-radio-group @change="doSearch" class="mr10" size="small" v-model="pageForm.isAudit">
|
||||
<el-radio-button :label="null">全部</el-radio-button>
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
|
||||
<el-dropdown @command="groupClick" size="small" split-button type="primary">
|
||||
分配评委
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="batch">批量分组</el-dropdown-item>
|
||||
<!-- <el-dropdown-item command="auto">自动分组</el-dropdown-item>-->
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" @sort-change="pageOrder" ref="table">
|
||||
<el-table-column
|
||||
:selectable="(row)=>{return row.isaudit && row.state === 100 && row.pwhasauditcount === 0}"
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column :index="indexMethod" align="center" header-align="center" label="序号" type="index"
|
||||
width="80px"></el-table-column>
|
||||
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns"
|
||||
></el-table-column>
|
||||
<el-table-column label="操作" width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>92?null:'primary'"
|
||||
@click="openView(row,row.state>92)">
|
||||
{{row.state>92?'查看':'审核'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="danger" v-if="row.state===100"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
<!-- <syr-table :smm.sync="smm" auditval="审核" ref="syrTable" request="/platfotm/syr/info/jtsqxjcs/pageData">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="100">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>92?null:'primary'"
|
||||
@click="openView(row,row.state>92)">
|
||||
{{row.state>92?'查看':'审核'}}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>-->
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template #handle>
|
||||
<el-tab-pane label="校工会结题初审" name="jtcsxjsh">
|
||||
<el-form :model="formData" label-suffix="：" label-width="100px" ref="Form" :rules="rules">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="同意结题" prop="jtxghcsIspass">
|
||||
<el-radio-group v-model="formData.jtxghcsIspass" size="mini">
|
||||
<el-radio :label="true" border>是</el-radio>
|
||||
<el-radio :label="false" border>否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="审核意见" prop="jtxghcsyj">
|
||||
<el-input maxlength="300" rows="5" type="textarea"
|
||||
v-model="formData.jtxghcsyj"></el-input>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="签字" prop="jtfghcsQz">-->
|
||||
<!-- <sign :qz.sync="formData.jtfghcsQz" prefix="syrjtyjsh"></sign>-->
|
||||
<!-- </el-form-item>-->
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="$refs.guava.index()">取消</el-button>
|
||||
<el-button @click="doHandle(true)" type="primary">提交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
<el-dialog :close-on-click-modal="false" :visible.sync="distributionDialogVisible" title="批量分配评委" width="45%">
|
||||
<vi-title title="勾选选题"></vi-title>
|
||||
<el-table :data="tableSelection" max-height="300px">
|
||||
<el-table-column header-align="center" label="序号" type="index" width="80px"></el-table-column>
|
||||
<el-table-column header-align="center" label="项目名称" prop="xmmc"></el-table-column>
|
||||
<el-table-column header-align="center" label="申报人" prop="username"></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<vi-title class="mt10" title="评委期数"></vi-title>
|
||||
<el-select v-model="distributionPeriod" clearable filterable placeholder="请选择评委期数"
|
||||
@change="getGroupNameOptions(distributionPeriod)"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in periodOptions"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<vi-title class="mt10" title="评委组别"></vi-title>
|
||||
<el-radio-group size="small" v-model="distributionGroupName">
|
||||
<el-radio :label="item" border v-for="item in groupNameOptions">{{item}}</el-radio>
|
||||
</el-radio-group>
|
||||
|
||||
<!--<vi-title class="mt10" title="评委组别"></vi-title>
|
||||
<el-radio-group size="small" v-model="distributionGroupName">
|
||||
<el-radio :label="item" border v-for="item in groupNameOptions">{{item}}</el-radio>
|
||||
</el-radio-group>-->
|
||||
|
||||
<div slot="footer">
|
||||
<el-button @click="distributionDialogVisible = false">取消</el-button>
|
||||
<el-button @click="doBatchDistribution" type="primary">确定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
formData: {
|
||||
id: null,
|
||||
jtxghcsIspass: true,
|
||||
jtxghcsyj: null,
|
||||
// jtfghcsQz: null
|
||||
},
|
||||
handleShow: false,
|
||||
rules: {
|
||||
jtxghcsIspass: [{required: true, message: '请选择是否同意结题', trigger: ['blur', 'change']}],
|
||||
jtxghcsyj: [{required: true, message: '请输入审核意见', trigger: ['blur', 'change']}],
|
||||
// jtfghcsQz: [{required: false, message: '请签字', trigger: ['blur', 'change']}],
|
||||
},
|
||||
distributionPeriod:null,
|
||||
distributionGroupName: null,
|
||||
distributionDialogVisible: false,
|
||||
tableSelection: [],
|
||||
groupNameOptions: [],
|
||||
periodOptions:[],
|
||||
pageForm: {
|
||||
year: moment().format('YYYY'),
|
||||
isAudit: false,
|
||||
yearType: 'jtyear',
|
||||
searchName: 'u.username'
|
||||
},
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
tableColumns: [
|
||||
{prop: 'xmmc', label: '项目名称'},
|
||||
{prop: 'username', label: '申报人', sortable: true},
|
||||
{prop: 'sex', label: '性别', sortable: true},
|
||||
{prop: 'dwname', label: '申报单位', sortable: true},
|
||||
{prop: 'ghname', label: '院级工会', sortable: true},
|
||||
{prop: 'lxlevel', label: '立项资助金额', sortable: true},
|
||||
{prop: 'statename', label: '状态', sortable: true},
|
||||
{prop: 'sbrq', label: '申报日期', sortable: true},
|
||||
{prop: 'period', label: '评委期数', sortable: true},
|
||||
{prop: 'groupname', label: '评委分组', sortable: true}
|
||||
],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id, row.state > 90 ? '9' : '1')
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'jtcsxjsh')
|
||||
this.formData = {
|
||||
id: row.id,
|
||||
jtxghcsIspass: true,
|
||||
jtxghcsyj: null,
|
||||
jtfghcsQz: null
|
||||
}
|
||||
}
|
||||
},
|
||||
async doHandle(res) {
|
||||
const valid = await this.$refs.Form.validate()
|
||||
if (!valid) return
|
||||
|
||||
const resp = await $.post('/platfotm/syr/info/jtsqxjcs/doAudit', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData();
|
||||
}
|
||||
},
|
||||
groupClick(command) {
|
||||
if ('batch' === command) {
|
||||
const selection = this.$refs.table.selection
|
||||
if (selection.length === 0) {
|
||||
this.notifyWarning('请先勾选需要批量分配评委的选题')
|
||||
return
|
||||
}
|
||||
this.tableSelection = selection
|
||||
this.distributionGroupName = null
|
||||
this.distributionDialogVisible = true
|
||||
}
|
||||
},
|
||||
async doBatchDistribution() {
|
||||
const distributionPeriod = this.distributionPeriod
|
||||
const distributionGroupName = this.distributionGroupName
|
||||
if (!distributionPeriod) {
|
||||
this.notifyWarning('请选择需要分配的评委期数')
|
||||
return
|
||||
}
|
||||
if (!distributionGroupName) {
|
||||
this.notifyWarning('请选择需要分配的评委组别')
|
||||
return
|
||||
}
|
||||
const projectIds = this.$refs.table.selection.map(v => v.id)
|
||||
|
||||
const resp = await $.post(loc() + '/doBatchDistribution', {
|
||||
distributionPeriod,
|
||||
distributionGroupName,
|
||||
projectIds: JSON.stringify(projectIds)
|
||||
})
|
||||
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.tableSelection = []
|
||||
this.distributionGroupName = null
|
||||
this.distributionDialogVisible = false
|
||||
this.$refs.table.clearSelection()
|
||||
this.pageData()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
async doRollBack(row) {
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack', {id: row.id, state: row.state})
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData();
|
||||
}
|
||||
},
|
||||
async getGroupNameOptions(distributionPeriod) {
|
||||
const resp = await $.get('/platform/syr/basic/pwgl/getGroupNameOptions',{period:distributionPeriod})
|
||||
if (resp.code === 0) {
|
||||
this.groupNameOptions = resp.data
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
async getPeriodOptions() {
|
||||
const resp = await $.get('/platform/syr/basic/pwgl/getPeriodOptions')
|
||||
if (resp.code === 0) {
|
||||
this.periodOptions = resp.data
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unionList = await getUnions(null)
|
||||
await this.getPeriodOptions();
|
||||
//this.getGroupNameOptions()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -1,134 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="审核" ref="syrTable" request="/platfotm/syr/info/jtsqyjcs/pageData"
|
||||
yeartype="jtyear">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="200">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>91?null:'primary'"
|
||||
@click="openView(row,row.state>91)">
|
||||
{{row.state>91?'查看':'审核'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="danger" v-if="row.state===92"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template #handle>
|
||||
<el-tab-pane label="院级工会结题初审" name="jtcsyjsh">
|
||||
<el-form :model="formData" label-suffix="：" label-width="100px" ref="Form" :rules="rules">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="同意结题" prop="jtfghcsIspass">
|
||||
<el-radio-group v-model="formData.jtfghcsIspass" size="mini">
|
||||
<el-radio :label="true" border>是</el-radio>
|
||||
<el-radio :label="false" border>否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="审核意见" prop="jtfghcsyj">
|
||||
<el-input maxlength="300" rows="5" type="textarea"
|
||||
v-model="formData.jtfghcsyj"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="签字" prop="jtfghcsQz">
|
||||
<sign :qz.sync="formData.jtfghcsQz" prefix="syrjtyjsh"></sign>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="$refs.guava.index()">取消</el-button>
|
||||
<el-button @click="doHandle(true)" type="primary">提交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
formData: {
|
||||
id: null,
|
||||
jtfghcsIspass: true,
|
||||
jtfghcsyj: null,
|
||||
jtfghcsQz: null
|
||||
},
|
||||
handleShow: false,
|
||||
rules: {
|
||||
jtfghcsIspass: [{required: true, message: '请选择是否同意结题', trigger: ['blur', 'change']}],
|
||||
jtfghcsyj: [{required: true, message: '请输入审核意见', trigger: ['blur', 'change']}],
|
||||
jtfghcsQz: [{required: false, message: '请签字', trigger: ['blur', 'change']}],
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id, row.state > 90 ? '9' : '1')
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'jtcsyjsh')
|
||||
this.formData = {
|
||||
id: row.id,
|
||||
jtfghcsIspass: true,
|
||||
jtfghcsyj: null,
|
||||
jtfghcsQz: null
|
||||
}
|
||||
}
|
||||
},
|
||||
async doHandle(res) {
|
||||
const valid = await this.$refs.Form.validate()
|
||||
if (!valid) return
|
||||
|
||||
const resp = await $.post('/platfotm/syr/info/jtsqyjcs/doAudit', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
},
|
||||
async doRollBack(row) {
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack', {id: row.id, state: row.state})
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -1,231 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--校工会立项结果-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="审核" ref="syrTable" request="/platfotm/syr/info/lxresult/pageData">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>50?null:'primary'"
|
||||
@click="openView(row,row.state>50)">
|
||||
{{row.state>50?'查看':'评审'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="danger" v-if="row.state>50 && row.state<=60"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template #handle>
|
||||
<el-tab-pane label="校工会立项评审" name="xghlxsh">
|
||||
<el-form :model="formData" label-width="120px" ref="Form">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="评委评审统计">-->
|
||||
<!-- <div style="display: flex">-->
|
||||
<!-- <div id="jylxDiv2" class="text-center" style="width: 300px;height: 300px"></div>-->
|
||||
<!-- <div id="lxlevelDiv2" class="text-center" style="width: 300px;height: 300px"></div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item label="立项结果" prop="lxresult">
|
||||
<el-radio-group size="mini" v-model="formData.lxresult">
|
||||
<el-radio label="1">立项</el-radio>
|
||||
<el-radio label="0">不予立项</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="立项等次" prop="lxlevel" v-if="formData.lxresult==='1'">
|
||||
<el-radio-group size="mini" v-model="formData.lxlevel">
|
||||
<el-radio label="2000" value="2000">2000元</el-radio>
|
||||
<el-radio label="3000" value="3000">3000元</el-radio>
|
||||
<el-radio label="5000" value="5000">5000元</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="签字" prop="xghlxqz">
|
||||
<sign :qz.sync="formData.xghlxqz" prefix="xghlxqz"></sign>
|
||||
</el-form-item>-->
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="smm.status='table'">返 回</el-button>
|
||||
<el-button @click="doHandle(true)" type="primary">提 交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let jylxPlot = null
|
||||
let lxlevelPlot = null
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
formData: {},
|
||||
handleShow: false,
|
||||
pwlxpstj: {
|
||||
lxl: '',
|
||||
blxl: '',
|
||||
twotl: '',
|
||||
threetl: '',
|
||||
fivetl: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
// 'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id)
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'xghlxsh')
|
||||
this.formData = {
|
||||
id: row.id,
|
||||
lxresult: '1',
|
||||
lxlevel: '2000'
|
||||
}
|
||||
}
|
||||
|
||||
// this.handleShow = row.state === 50
|
||||
// this.smm = {
|
||||
// status: 'detail',
|
||||
// id: row.id,
|
||||
// showpane: [1, 2, 3, 4, 5],
|
||||
// active: this.handleShow ? 'xghlxsh' : '1'
|
||||
// }
|
||||
// this.initPlot()
|
||||
},
|
||||
async doHandle() {
|
||||
if (this.formData.xghlxqz === '') {
|
||||
this.$message.info('请扫描二维码签字')
|
||||
return
|
||||
}
|
||||
console.log(this.formData)
|
||||
const resp = await $.post('/platfotm/syr/info/lxresult/doHandle', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.$refs['syrTable'].doSearch()
|
||||
this.notifySuccess(resp.msg)
|
||||
}
|
||||
},
|
||||
async doRollBack(row){
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack',{id:row.id,state:row.state})
|
||||
if (resp.code === 0){
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
},
|
||||
initPlot() {
|
||||
$.get(base + '/platform/syr/common/findOne', {id: this.formData.id}).then(({data}) => {
|
||||
this.$nextTick(() => {
|
||||
let pxlxpsArr = data.lxpsxx
|
||||
let jylxArr = pxlxpsArr.filter(o => o.isjylx === 1)
|
||||
let bjylxArr = pxlxpsArr.filter(o => o.isjylx === 0)
|
||||
|
||||
const jylxChart = echarts.init(document.getElementById('jylxDiv2'))
|
||||
const value = (jylxArr.length / pxlxpsArr.length) * 100;
|
||||
const option = {
|
||||
tooltip: {
|
||||
formatter: '{a} <br/>{b} : {c}%'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: 'Pressure',
|
||||
type: 'gauge',
|
||||
progress: {
|
||||
show: true
|
||||
},
|
||||
detail: {
|
||||
valueAnimation: true,
|
||||
formatter: '{value}'
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: value,
|
||||
name: '建议立项率'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
jylxChart.setOption(option)
|
||||
|
||||
const level2List = pxlxpsArr.filter(o => o.lxlevel === '2000')
|
||||
const level3List = pxlxpsArr.filter(o => o.lxlevel === '3000')
|
||||
const level5List = pxlxpsArr.filter(o => o.lxlevel === '5000')
|
||||
|
||||
let levelData = [
|
||||
{name: '2000元', value: level2List.length},
|
||||
{name: '3000元', value: level3List.length},
|
||||
{
|
||||
name: '5000元', value: level5List.length
|
||||
}]
|
||||
|
||||
const lxlevelChart = echarts.init(document.getElementById('lxlevelDiv2'))
|
||||
lxlevelChart.setOption({
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '立项等次',
|
||||
type: 'pie',
|
||||
radius: '50%',
|
||||
data: levelData,
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
|
||||
@@ -1,113 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.inline-flex {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.flexbox {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flexbox .el-form-item {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.el-form .el-select, .el-form .el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-divider {
|
||||
background-color: #409EFF;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.w-e-text-container {
|
||||
height: 250px !important;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<!-- <syr-info :smm.sync="smm"></syr-info>-->
|
||||
<syr-table :smm.sync="smm" isshow ref="syrTable" request="/platfotm/syr/info/mykt/pageData">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="300">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" @click="openView(row)">查看</el-button>
|
||||
<el-button size="mini" @click="exportlxsbs(row.id)">导出</el-button>
|
||||
<el-button @click="openEdit(row)" size="mini" type="primary"
|
||||
v-if="[5,10,20].includes(row.state)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button @click="doDelete(row.id)" size="mini" type="danger"
|
||||
v-if="[5,10,20].includes(row.state)">删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table',
|
||||
id: '',
|
||||
active: '1',
|
||||
showpane: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
||||
},
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id)
|
||||
},
|
||||
openEdit(row) {
|
||||
sublime.jumpPagePjax('/platfotm/syr/info/xtsb?id=' + row.id)
|
||||
},
|
||||
async doDelete(id) {
|
||||
const confirm = await this.$confirm('此操作将永久删除该记录, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === 'confirm') {
|
||||
const resp = await $.post('/platfotm/syr/info/mykt/doDelete', {id: id})
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs.syrTable.doSearch()
|
||||
}
|
||||
}
|
||||
},
|
||||
exportlxsbs(id) {
|
||||
window.open('/platform/syr/common/exportlxsbs?id=' + id)
|
||||
}
|
||||
},
|
||||
created() {
|
||||
//this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -1,140 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--校工会评审结果-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="评审" ref="syrTable" request="/platfotm/syr/info/psjg/pageData"
|
||||
yeartype="jtyear">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>110?null:'primary'"
|
||||
@click="openView(row,row.state>110)">
|
||||
{{row.state>110?'查看':'评审'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="danger" v-if="row.state>110 && row.state<=120"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template slot="handle">
|
||||
<el-tab-pane label="校工会评审结果" name="xghpsjg">
|
||||
<el-form :model="formData" label-width="100px" ref="Form" :rules="rules">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="是否通过" prop="ispass">
|
||||
<el-radio-group v-model="formData.ispass" size="mini">
|
||||
<el-radio :label="true" border>是</el-radio>
|
||||
<el-radio :label="false" border>否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否优秀" prop="isgood" v-if="formData.ispass">
|
||||
<el-radio-group v-model="formData.isgood" size="mini">
|
||||
<el-radio :label="true" border>是</el-radio>
|
||||
<el-radio :label="false" border>否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="审核意见" prop="jtxghyj">
|
||||
<el-input maxlength="100" rows="5" type="textarea"
|
||||
v-model="formData.jtxghyj"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="$refs.guava.index()">返 回</el-button>
|
||||
<el-button @click="doHandle(true)" type="primary">提 交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
searchData: {
|
||||
unionid: '',
|
||||
unitid: ''
|
||||
},
|
||||
formData: {},
|
||||
handleShow: false,
|
||||
rules: {
|
||||
ispass: [{required: true, message: '请选择是否通过', trigger: ['blur', 'change']}],
|
||||
isgood: [{required: true, message: '请选择是否优秀', trigger: ['blur', 'change']}],
|
||||
jtxghyj: [{required: true, message: '请输入审核意见', trigger: ['blur', 'change']}],
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id, 'xghpsjg')
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'xghpsjg')
|
||||
this.$set(this.formData, 'id', row.id)
|
||||
this.$set(this.formData, 'ispass', null)
|
||||
this.$set(this.formData, 'isgood', null)
|
||||
this.$set(this.formData, 'isgood', null)
|
||||
this.$set(this.formData, 'isgood', null)
|
||||
|
||||
}
|
||||
},
|
||||
async doHandle() {
|
||||
const valid = await this.$refs.Form.validate()
|
||||
if (!valid) return
|
||||
const resp = await $.post('/platfotm/syr/info/psjg/doHandle', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
},
|
||||
async doRollBack(row) {
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack', {id: row.id, state: row.state})
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
|
||||
|
||||
@@ -1,233 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-radio-group {
|
||||
vertical-align: unset !important;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-clock>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="评审" ref="syrTable" request="/platfotm/syr/info/pwjtps/pageData"
|
||||
yeartype="jtyear">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="300">
|
||||
<template slot-scope="{row}">
|
||||
<!--如果是超管 根据状态来判断评委是否都评审完-->
|
||||
<template v-if="hasAdminRole">
|
||||
<el-button size="mini"
|
||||
:type="row.state>100?null:'primary'"
|
||||
@click="openView(row,row.state>100)">
|
||||
{{row.state>100?'查看':'评审'}}
|
||||
</el-button>
|
||||
</template>
|
||||
<!--如果是评委-->
|
||||
<template v-else>
|
||||
<el-button
|
||||
:type="row.isps>0?null:'primary'"
|
||||
@click="openView(row,row.isps>0)"
|
||||
size="mini">
|
||||
{{row.isps>0?'查看':'评审'}}
|
||||
</el-button>
|
||||
<el-button
|
||||
:type="row.isps>0?'primary':''"
|
||||
@click="openEdit(row)"
|
||||
size="mini"
|
||||
v-if="[100,110].includes(row.state)">
|
||||
修改
|
||||
</el-button>
|
||||
</template>
|
||||
<el-button size="mini" type="danger" v-if="row.state>100 && row.state<=110"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template slot="handle">
|
||||
<el-tab-pane label="评委结题评审" name="pwjtps">
|
||||
<el-form :model="formData" :rules="rules" label-width="100px" ref="Form">
|
||||
<el-row type="flex">
|
||||
<el-col>
|
||||
<el-form-item label="评委" prop="pwid">
|
||||
<span v-if="hasAdminRole">
|
||||
<el-select v-model="formData.pwid">
|
||||
<el-option v-for="u in userList"
|
||||
:value="u.userid"
|
||||
:key="u.userid"
|
||||
:label="u.username + '-' +u.loginname">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</span>
|
||||
<span v-else>
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row type="flex">
|
||||
<el-col>
|
||||
<el-form-item label="是否通过" prop="ispass">
|
||||
<el-radio-group v-model="formData.ispass" size="mini">
|
||||
<el-radio :label="true" border>是</el-radio>
|
||||
<el-radio :label="false" border>否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-form-item label="是否优秀" prop="isgood" v-if="formData.ispass">
|
||||
<el-radio-group v-model="formData.isgood" size="mini">
|
||||
<el-radio :label="true" border>是</el-radio>
|
||||
<el-radio :label="false" border>否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="评审建议" prop="psjy">
|
||||
<el-input maxlength="100" rows="5" type="textarea"
|
||||
v-model="formData.psjy"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="签字" prop="pwjtqz">
|
||||
<sign :qz.sync="formData.pwjtqz" prefix="pwjtqz"></sign>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="$refs.guava.index()">返 回</el-button>
|
||||
<el-button @click="doHandle" type="primary">提 交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
isEdit: false,
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
formData: {},
|
||||
handleShow: false,
|
||||
userList: [],
|
||||
rules: {
|
||||
pwid: [{required: true, message: '请选择评委', trigger: ['blur', 'change']}],
|
||||
psjy: [
|
||||
{required: true, message: '请填写评审建议', trigger: ['blur', 'change']},
|
||||
{max: 100, message: '最多填写100个字', trigger: ['blur', 'change']}],
|
||||
ispass: [{required: true, message: '请选择是否通过', trigger: ['blur', 'change']}],
|
||||
isgood: [{required: true, message: '请选择是否优秀', trigger: ['blur', 'change']}],
|
||||
pwjtqz: [{required: true, message: '请签字', trigger: ['blur', 'change']}],
|
||||
},
|
||||
//拥有其它权限吗 校管 超管
|
||||
hasAdminRole: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table':
|
||||
httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info':
|
||||
httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new':
|
||||
httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
}
|
||||
,
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id, '9')
|
||||
} else {
|
||||
this.isEdit = false
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'pwjtps')
|
||||
this.$set(this.formData, 'xmid', row.id)
|
||||
this.$set(this.formData, 'ispass', null)
|
||||
this.$set(this.formData, 'isgood', null)
|
||||
this.$set(this.formData, 'psjy', null)
|
||||
this.$set(this.formData, 'pwid', this.hasAdminRole ? '' : "${@shiro.getPrincipalProperty('id')}")
|
||||
}
|
||||
this.getWpsPwList(row.id)
|
||||
},
|
||||
async openEdit(row) {
|
||||
this.isEdit = true
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'pwjtps')
|
||||
const resp = await $.get(loc() + '/getJtpsInfo', {
|
||||
xmId: row.id,
|
||||
pwId: "${@shiro.getPrincipalProperty('id')}"
|
||||
})
|
||||
if (resp.code === 0) {
|
||||
this.$set(this.formData, 'xmid', resp.data.xmid)
|
||||
this.$set(this.formData, 'ispass', resp.data.ispass)
|
||||
this.$set(this.formData, 'isgood', resp.data.isgood)
|
||||
this.$set(this.formData, 'pssj', resp.data.pssj)
|
||||
this.$set(this.formData, 'psjy', resp.data.psjy)
|
||||
this.$set(this.formData, 'pwid', resp.data.pwid)
|
||||
this.$set(this.formData, 'pwjtqz', resp.data.pwjtqz)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
this.getWpsPwList(row.id)
|
||||
/*console.log(resp.data)
|
||||
this.formData = {
|
||||
xmid: row.id,
|
||||
isjylx: '1',
|
||||
lxlevel: '2000',
|
||||
psyj: '',
|
||||
pwid: this.hasAdminRole ? '' : "${@shiro.getPrincipalProperty('id')}"
|
||||
}*/
|
||||
|
||||
},
|
||||
async doHandle() {
|
||||
const valid = await this.$refs['Form'].validate()
|
||||
if (!valid) return
|
||||
const reqUrl = this.isEdit ? '/platfotm/syr/info/pwjtps/doEdit' : '/platfotm/syr/info/pwjtps/doHandle'
|
||||
const resp = await $.post(reqUrl, this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
}
|
||||
,
|
||||
async getWpsPwList(xmid) {
|
||||
const {data} = await $.get('/platfotm/syr/info/pwjtps/getWpsPwList', {xmid: xmid})
|
||||
this.userList = data
|
||||
},
|
||||
async doRollBack(row) {
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack', {id: row.id, state: row.state})
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
if (${@shiro.hasRole('sysadmin')} || ${@shiro.hasRole('A06')}) {
|
||||
this.hasAdminRole = true
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -1,258 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-radio-group {
|
||||
vertical-align: unset !important;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-clock>
|
||||
<guava ref="guava">
|
||||
<syr-table auditval="审核" ref="syrTable" request="/platfotm/syr/info/pwlxps/pageData">
|
||||
<template slot="operation">
|
||||
<el-table-column fixed="right" label="操作" width="300">
|
||||
<template slot-scope="{row}">
|
||||
<!--如果是超管 根据状态来判断评委是否都评审完-->
|
||||
<template v-if="hasAdminRole">
|
||||
<el-button size="mini"
|
||||
:type="row.state>40?null:'primary'"
|
||||
@click="openView(row,row.state>40)">
|
||||
{{row.state>40?'查看':'评审'}}
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
<!--如果是评委-->
|
||||
<template v-else>
|
||||
<el-button
|
||||
:type="row.isps>0?null:'primary'"
|
||||
@click="openView(row,row.isps>0)"
|
||||
size="mini">
|
||||
{{row.isps>0?'查看':'评审'}}
|
||||
</el-button>
|
||||
<el-button
|
||||
:type="row.isps>0?'primary':''"
|
||||
@click="openEdit(row)"
|
||||
size="mini"
|
||||
v-if="[50].includes(row.state)">
|
||||
修改
|
||||
</el-button>
|
||||
</template>
|
||||
<el-button size="mini" type="danger" v-if="row.state>40 && row.state<=50"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
|
||||
<!--<el-button
|
||||
size="mini"
|
||||
:type="row.state>40?null:'primary'"
|
||||
@click="openView(row,row.state>40)">
|
||||
{{row.state>40?'查看':'评审'}}
|
||||
</el-button>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template #handle>
|
||||
<el-tab-pane label="评委立项评审" name="pwlxps">
|
||||
<el-form :model="formData" :rules="rules" label-suffix="：" label-width="100px" ref="form">
|
||||
<el-row type="flex">
|
||||
<el-col>
|
||||
<el-form-item label="评委" prop="pwid">
|
||||
<span v-if="hasAdminRole">
|
||||
<el-select v-model="formData.pwid">
|
||||
<el-option v-for="u in userList"
|
||||
:value="u.userid"
|
||||
:key="u.userid"
|
||||
:label="u.username + '-' +u.loginname">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</span>
|
||||
<span v-else>
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row type="flex">
|
||||
<el-col>
|
||||
<el-form-item label="建议立项" prop="isjylx">
|
||||
<el-radio-group v-model="formData.isjylx">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col>
|
||||
<el-form-item label="立项等次" prop="lxlevel" v-if="formData.isjylx===1">
|
||||
<el-radio-group v-model="formData.lxlevel">
|
||||
<el-radio label="2000" value="2000">2000元</el-radio>
|
||||
<el-radio label="3000" value="3000">3000元</el-radio>
|
||||
<el-radio label="5000" value="5000">5000元</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="评审意见" prop="psyj">
|
||||
<el-input maxlength="50" rows="5" show-word-limit type="textarea"
|
||||
v-model="formData.psyj"></el-input>
|
||||
</el-form-item>
|
||||
<!--<el-form-item label="签字" prop="pwlxqz">
|
||||
<sign :qz.sync="formData.pwlxqz" prefix="pwlxqz"></sign>
|
||||
</el-form-item>-->
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="$refs.guava.index()">返 回</el-button>
|
||||
<el-button @click="doHandle" type="primary">确 定</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
formData: {},
|
||||
searchData: {
|
||||
unionid: '',
|
||||
unitid: ''
|
||||
},
|
||||
userList: [],
|
||||
rules: {
|
||||
pwid: [{required: true, message: '请选择评委', trigger: ['blur', 'change']}],
|
||||
psyj: [{required: true, message: '请输入评审意见（最多填写50个字）', trigger: ['blur', 'change']}],
|
||||
pwlxqz: [{required: true, message: '请签字', trigger: ['blur', 'change']}],
|
||||
},
|
||||
//拥有其它权限吗 校管 超管
|
||||
hasAdminRole: false,
|
||||
isEdit: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id)
|
||||
} else {
|
||||
this.isEdit = false
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'pwlxps')
|
||||
this.formData = {
|
||||
xmid: row.id,
|
||||
isjylx: 1,
|
||||
lxlevel: '2000',
|
||||
psyj: '',
|
||||
pwid: this.hasAdminRole ? '' : "${@shiro.getPrincipalProperty('id')}"
|
||||
}
|
||||
this.getWpsPwList(row.id)
|
||||
}
|
||||
},
|
||||
async openEdit(row) {
|
||||
this.isEdit = true
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'pwlxps')
|
||||
const resp = await $.get(loc() + '/getLxpsInfo', {
|
||||
xmId: row.id,
|
||||
pwId: "${@shiro.getPrincipalProperty('id')}"
|
||||
})
|
||||
if (resp.code === 0) {
|
||||
this.$set(this.formData, 'xmid', resp.data.xmid)
|
||||
this.$set(this.formData, 'isjylx', resp.data.isjylx ? 1 : 0)
|
||||
this.$set(this.formData, 'lxlevel', resp.data.lxlevel)
|
||||
this.$set(this.formData, 'psyj', resp.data.psyj)
|
||||
this.$set(this.formData, 'pwid', resp.data.pwid)
|
||||
this.$set(this.formData, 'pwlxqz', resp.data.pwlxqz)
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
this.getWpsPwList(row.id)
|
||||
/*console.log(resp.data)
|
||||
this.formData = {
|
||||
xmid: row.id,
|
||||
isjylx: '1',
|
||||
lxlevel: '2000',
|
||||
psyj: '',
|
||||
pwid: this.hasAdminRole ? '' : "${@shiro.getPrincipalProperty('id')}"
|
||||
}*/
|
||||
|
||||
},
|
||||
async doHandle() {
|
||||
try {
|
||||
const valid = await this.$refs['form'].validate()
|
||||
if (valid) {
|
||||
if (this.formData.pwlxqz === '') {
|
||||
this.$message.info('请扫描二维码签字')
|
||||
return
|
||||
}
|
||||
const reqUrl = this.isEdit ? '/platfotm/syr/info/pwlxps/doEdit' : '/platfotm/syr/info/pwlxps/doHandle'
|
||||
|
||||
const resp = await $.post(reqUrl, this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
console.log(e)
|
||||
}
|
||||
|
||||
// this.$refs['form'].validate(async valid => {
|
||||
// if (valid) {
|
||||
// await POST('/platfotm/syr/info/pwlxps/doHandle', this.formData)
|
||||
// this.smm = {
|
||||
// status: 'table',
|
||||
// showpane: [1, 2, 3, 4]
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
},
|
||||
async getWpsPwList(xmid) {
|
||||
const {data} = await $.get('/platfotm/syr/info/pwlxps/getWpsPwList', {xmid: xmid})
|
||||
this.userList = data
|
||||
},
|
||||
async doRollBack(row) {
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack', {id: row.id, state: row.state})
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
if (${@shiro.hasRole('sysadmin')} || ${@shiro.hasRole('A06')}) {
|
||||
this.hasAdminRole = true
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -1,401 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.yearDatePickerItemLabel .el-select {
|
||||
background-color: #f5f7fa;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.yearDatePickerItemLabel .el-input__inner {
|
||||
border-bottom-right-radius: unset;
|
||||
border-top-right-radius: unset;
|
||||
/*border-right: 0;*/
|
||||
}
|
||||
|
||||
.yearDatePickerItemOption .el-input__inner {
|
||||
border-bottom-left-radius: unset;
|
||||
border-top-left-radius: unset;
|
||||
border-left: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<el-card shadow="never">
|
||||
<div class="search">
|
||||
<div class="search-item">
|
||||
<div class="search-item-label yearDatePickerItemLabel" style="width: 100%;margin-right: 0">
|
||||
<el-select v-model="pageForm.yearType" placeholder="年度类型"
|
||||
style="width: 100%">
|
||||
<el-option label="申报年度" value="sbyear"></el-option>
|
||||
<el-option label="结题年度" value="jtyear"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="search-item-option yearDatePickerItemOption"
|
||||
style="width: calc(100% - 160px);min-width:calc(100% - 160px)">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">项目名称:</div>
|
||||
<div class="search-item-option">
|
||||
<el-input v-model="pageForm.xmmc" placeholder="请输入项目名称查询" style="width: 100%;"></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">申报人：</div>
|
||||
<div class="search-item-option">
|
||||
<el-input v-model="pageForm.searchKeyword" placeholder="请输入内容" @keyup.enter.native="doSearch">
|
||||
<el-select slot="prepend" v-model="pageForm.searchName" placeholder="查询类型"
|
||||
style="width: 120px;">
|
||||
<el-option label="申报人姓名" value="u.username"></el-option>
|
||||
<el-option label="申报人工号" value="u.loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">院级工会：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select v-model="pageForm.unionid" clearable filterable placeholder="请选择院级工会"
|
||||
@change="getUnitList()"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in unionList"
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">单位：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select v-model="pageForm.unitid" clearable filterable placeholder="请选择单位"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in unitList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<slot name="search-group">
|
||||
<!--不同页面的查询条件自定义-->
|
||||
</slot>
|
||||
<div class="search-query">
|
||||
<el-button icon="el-icon-search" type="primary" @click="doSearch"></el-button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--<template v-show="!hasNotghdwUrl.includes(request)">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unionid" clearable filterable placeholder="请选择院级工会" @change="getUnitList()">
|
||||
<el-option
|
||||
v-for="item in unionList"
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-select v-model="pageForm.unitid" clearable filterable placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in unitList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</template>-->
|
||||
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt10" shadow="never">
|
||||
<table-tool :app="this" label="选题列表">
|
||||
<template #func>
|
||||
<el-radio-group @change="doSearch" class="mr10" size="small" v-model="pageForm.isAudit">
|
||||
<el-radio-button :label="null">全部</el-radio-button>
|
||||
<el-radio-button :label="true">已审核</el-radio-button>
|
||||
<el-radio-button :label="false">未审核</el-radio-button>
|
||||
</el-radio-group>
|
||||
|
||||
<el-dropdown @command="groupClick" size="small" split-button type="primary">
|
||||
分配评委
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="batch">批量分组</el-dropdown-item>
|
||||
<!-- <el-dropdown-item command="auto">自动分组</el-dropdown-item>-->
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" @sort-change="pageOrder" ref="table">
|
||||
<el-table-column
|
||||
:selectable="(row)=>{return row.isaudit && row.state === 40 && row.pwhasauditcount === 0}"
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column :index="indexMethod" align="center" header-align="center" label="序号" type="index"
|
||||
width="80px"></el-table-column>
|
||||
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns"
|
||||
></el-table-column>
|
||||
<el-table-column label="操作" width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>30?null:'primary'"
|
||||
@click="openView(row,row.state>30)">
|
||||
{{row.state>30?'查看':'审核'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="danger" v-if="row.state>30 && row.state<=40"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template #handle>
|
||||
<el-tab-pane label="校工会审核" name="xjsh">
|
||||
<el-form :model="formData" label-suffix="：" label-width="100px" ref="auditForm">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item :rules="[{required: true, message: '请输入审核意见', trigger: ['blur']}]"
|
||||
label="审核意见"
|
||||
prop="stxghyj">
|
||||
<el-input maxlength="300" rows="5" type="textarea"
|
||||
v-model="formData.stxghyj"></el-input>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="签字" prop="stxghfzrqz" :rules="[{required: true, message: '请签字', trigger: ['change']}]">
|
||||
<sign :qz.sync="formData.stxghfzrqz" prefix="syrxjsh"></sign>
|
||||
</el-form-item>-->
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="doHandle(false)" type="danger">拒 绝</el-button>
|
||||
<el-button @click="doHandle(true)" type="success">通 过</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
|
||||
<el-dialog :close-on-click-modal="false" :visible.sync="distributionDialogVisible" title="批量分配评委" width="45%">
|
||||
<vi-title title="勾选选题"></vi-title>
|
||||
<el-table :data="tableSelection" max-height="300px">
|
||||
<el-table-column header-align="center" label="序号" type="index" width="80px"></el-table-column>
|
||||
<el-table-column header-align="center" label="项目名称" prop="xmmc"></el-table-column>
|
||||
<el-table-column header-align="center" label="申报人" prop="username"></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<vi-title class="mt10" title="评委期数"></vi-title>
|
||||
<el-select v-model="distributionPeriod" clearable filterable placeholder="请选择评委期数"
|
||||
@change="getGroupNameOptions(distributionPeriod)"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in periodOptions"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<!--<el-radio-group size="small" v-model="distributionPeriod" @change="getGroupNameOptions(distributionPeriod)">
|
||||
<el-radio :label="item" border v-for="item in periodOptions">{{item}}</el-radio>
|
||||
</el-radio-group>-->
|
||||
|
||||
<vi-title class="mt10" title="评委组别"></vi-title>
|
||||
<el-radio-group size="small" v-model="distributionGroupName">
|
||||
<el-radio :label="item" border v-for="item in groupNameOptions">{{item}}</el-radio>
|
||||
</el-radio-group>
|
||||
|
||||
<div slot="footer">
|
||||
<el-button @click="distributionDialogVisible = false">取消</el-button>
|
||||
<el-button @click="doBatchDistribution" type="primary">确定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
periodOptions:[],
|
||||
groupNameOptions: [],
|
||||
formData: {},
|
||||
pageForm: {
|
||||
year: moment().format('YYYY'),
|
||||
isAudit: false,
|
||||
yearType: 'sbyear'
|
||||
|
||||
},
|
||||
tableColumns: [
|
||||
{prop: 'xmmc', label: '项目名称'},
|
||||
{prop: 'username', label: '申报人', sortable: true},
|
||||
{prop: 'sex', label: '性别', sortable: true},
|
||||
{prop: 'dwname', label: '申报单位', sortable: true},
|
||||
{prop: 'ghname', label: '院级工会', sortable: true},
|
||||
{prop: 'zwzc', label: '职务职称', sortable: true},
|
||||
{prop: 'statename', label: '状态', sortable: true},
|
||||
{prop: 'sbrq', label: '申报日期', sortable: true},
|
||||
{prop: 'period', label: '评委期数', sortable: true},
|
||||
{prop: 'groupname', label: '评委分组', sortable: true},
|
||||
],
|
||||
distributionPeriod:null,
|
||||
distributionGroupName: null,
|
||||
distributionDialogVisible: false,
|
||||
tableSelection: []
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id)
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'xjsh')
|
||||
this.formData = {
|
||||
id: row.id,
|
||||
stxghyj: null,
|
||||
stxghfzrqz: null
|
||||
}
|
||||
}
|
||||
},
|
||||
async doHandle(res) {
|
||||
const valid = await this.$refs['auditForm'].validate()
|
||||
if (!valid) return
|
||||
this.formData.state = res ? 40 : 35
|
||||
const resp = await $.post('/platfotm/syr/info/xjsh/doHandle', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
}
|
||||
},
|
||||
groupClick(command) {
|
||||
if ('batch' === command) {
|
||||
const selection = this.$refs.table.selection
|
||||
if (selection.length === 0) {
|
||||
this.notifyWarning('请先勾选需要批量分配评委的选题')
|
||||
return
|
||||
}
|
||||
this.tableSelection = selection
|
||||
this.distributionGroupName = null
|
||||
this.distributionDialogVisible = true
|
||||
}
|
||||
},
|
||||
async doBatchDistribution() {
|
||||
const distributionPeriod = this.distributionPeriod
|
||||
const distributionGroupName = this.distributionGroupName
|
||||
if (!distributionPeriod) {
|
||||
this.notifyWarning('请选择需要分配的评委期数')
|
||||
return
|
||||
}
|
||||
if (!distributionGroupName) {
|
||||
this.notifyWarning('请选择需要分配的评委组别')
|
||||
return
|
||||
}
|
||||
const projectIds = this.$refs.table.selection.map(v => v.id)
|
||||
|
||||
const resp = await $.post(loc() + '/doBatchDistribution', {
|
||||
distributionPeriod,
|
||||
distributionGroupName,
|
||||
projectIds: JSON.stringify(projectIds)
|
||||
})
|
||||
|
||||
if (resp.code === 0) {
|
||||
this.notifySuccess(resp.msg)
|
||||
this.tableSelection = []
|
||||
this.distributionGroupName = null
|
||||
this.distributionDialogVisible = false
|
||||
this.$refs.table.clearSelection()
|
||||
this.pageData()
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
|
||||
async getUnitList() {
|
||||
this.pageForm.unitid = ''
|
||||
this.unitList = await getUnits(this.pageForm.unionid)
|
||||
},
|
||||
async getGroupNameOptions(distributionPeriod) {
|
||||
const resp = await $.get('/platform/syr/basic/pwgl/getGroupNameOptions',{period:distributionPeriod})
|
||||
if (resp.code === 0) {
|
||||
this.groupNameOptions = resp.data
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
async doRollBack(row){
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack',{id:row.id,state:row.state})
|
||||
if (resp.code === 0){
|
||||
this.notifySuccess(resp.msg)
|
||||
this.pageData()
|
||||
}
|
||||
},
|
||||
async getPeriodOptions() {
|
||||
const resp = await $.get('/platform/syr/basic/pwgl/getPeriodOptions')
|
||||
if (resp.code === 0) {
|
||||
this.periodOptions = resp.data
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData()
|
||||
this.unionList = await getUnions(null)
|
||||
await this.getPeriodOptions();
|
||||
//await this.getGroupNameOptions();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
@@ -1,481 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-form .el-select, .el-form .el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-divider {
|
||||
background-color: #1867b0;
|
||||
}
|
||||
|
||||
.el-divider__text {
|
||||
color: #1867b0;
|
||||
}
|
||||
|
||||
.w-e-text-container {
|
||||
height: 250px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<el-row justify="space-between" type="flex">
|
||||
<h3 style="color: rgb(24, 103, 176);">
|
||||
{{id?'项目编辑':'项目申报'}}
|
||||
</h3>
|
||||
</el-row>
|
||||
</template>
|
||||
<el-form :model="formData" :rules="rules" label-width="100px" ref="AddForm">
|
||||
<div style="margin-bottom: 30px">
|
||||
<el-form-item label="项目名称" prop="xmmcId">
|
||||
<el-select v-model="formData.xmmcId" placeholder="请选择项目名称" clearable @change="showGroup(formData.xmmcId)">
|
||||
<el-option v-for="o in projectList" :label="o.projectName" :value="o.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<el-divider content-position="left">申报人信息</el-divider>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="申请人">
|
||||
<el-input placeholder="姓名" readonly v-model="formData.username"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="性别">
|
||||
<el-input placeholder="性别" readonly v-model="formData.sex"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="出生年月" prop="birthday">
|
||||
<el-date-picker
|
||||
placeholder="出生年月"
|
||||
type="date"
|
||||
v-model="formData.birthday"
|
||||
value-format="yyyy-MM-dd">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="职务/职称" prop="zwzc">
|
||||
<el-input v-model="formData.zwzc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="申报单位" prop="dwname">
|
||||
<el-input readonly v-model="formData.dwname"></el-input>
|
||||
</el-form-item>
|
||||
</el-col><!--
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="学历/学位" prop="xlxw">
|
||||
<el-input v-model="formData.xlxw"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<!-- <el-col :lg="8" :sm="24">
|
||||
<el-form-item label="办公电话" prop="bgphone">
|
||||
<el-input v-model="formData.bgphone"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :lg="8" :sm="24">
|
||||
<el-form-item label="手机" prop="mobile">
|
||||
<el-input v-model="formData.mobile"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :lg="8" :sm="24">
|
||||
<!--<el-form-item label="电子信箱" prop="email">
|
||||
<el-input v-model="formData.email"></el-input>
|
||||
</el-form-item>-->
|
||||
|
||||
<el-form-item label="院级工会" prop="ghname">
|
||||
<el-input readonly v-model="formData.ghname"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
|
||||
<el-divider content-position="left">项目组成员</el-divider>
|
||||
<div>
|
||||
<div class="text-right">
|
||||
<el-button @click="xmcyTable.push(JSON.parse(JSON.stringify(o)))" round size="mini"
|
||||
type="primary">添加成员
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-table :data="xmcyTable" max-height="300">
|
||||
<el-table-column label="序号" type="index" width="50"></el-table-column>
|
||||
<el-table-column label="工号" prop="loginname">
|
||||
<template slot-scope="scope">
|
||||
<el-select clearable
|
||||
size="mini"
|
||||
v-model="scope.row.userId" filterable remote
|
||||
placeholder="输入工号或者姓名查找" :remote-method="queryUser"
|
||||
@change="userChange(scope)" style="width: 100%">
|
||||
<el-option v-for="o in userList"
|
||||
:label="o.username+'('+o.loginname+')'"
|
||||
:value="o.id"
|
||||
:key="o.id"></el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="姓名" prop="username">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.username"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="职称" prop="zc">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.zc"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="学历" prop="xl">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.xl"></el-input>
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="工作单位及职务" prop="gzdw">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="mini" v-model="scope.row.gzdw"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="xmcyTable.splice(scope.row.$index, 1)" icon="el-icon-delete" round
|
||||
size="mini"
|
||||
type="danger"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<el-divider content-position="left" ref="yjjctjdivider">
|
||||
项目研究基础及条件(最多填写400字，当前字数
|
||||
<span :style="{color:(yanjiujichuLength>400?'red':'')}"> {{yanjiujichuLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="yjjctj" style="margin-bottom: 40px;">
|
||||
<div ref="yjjctj" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" ref="xmssljffdivider">
|
||||
项目实施路径及方法(最多填写400字，当前字数
|
||||
<span :style="{color:(xmssljffLength>400?'red':'')}"> {{xmssljffLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="xmssljff" style="margin-bottom: 40px;">
|
||||
<div ref="xmssljff" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-divider content-position="left">
|
||||
项目预期成果及应用推广价值(最多填写300字，当前字数
|
||||
<span :style="{color:(yqcgtgjzLength>400?'red':'')}">{{yqcgtgjzLength}})</span>
|
||||
</el-divider>
|
||||
<el-form-item label-width="0" prop="yqcgtgjz">
|
||||
<div ref="yqcgtgjz" style="width: 100%;"></div>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<el-row class="mt10" justify="center" type="flex">
|
||||
<el-button v-bind:disabled="isSubmitting" @click="doSave" style="width: 300px" type="primary">保存</el-button>
|
||||
<el-button v-bind:disabled="isSubmitting" @click="doSubmit" style="width: 300px" type="primary">提交</el-button>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let yjjctjEditor = null
|
||||
let yqcgtgjzEditor = null
|
||||
let xmssljffEditor = null
|
||||
|
||||
const o = {'username': '', 'zc': '', 'xl': '', 'gzdw': ''}
|
||||
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
const validatorYjjctj = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 400) {
|
||||
callback(new Error('字数太多'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
const validatorYqcgtgjz = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 300) {
|
||||
callback(new Error('字数太多'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const validatorXmssljff = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请填写'))
|
||||
} else if (removeHTMLTag(value).length > 400) {
|
||||
callback(new Error('字数太多'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return {
|
||||
isSubmitting:false,
|
||||
projectList: [],
|
||||
id: null,
|
||||
o: {'username': '', 'zc': '', 'xl': '', 'gzdw': ''},
|
||||
formData: {yjjctj: '', yqcgtgjz: '', xmssljff: ''},
|
||||
rules: {
|
||||
xmmcId: [{required: true, message: '请选择项目名称', trigger: ['blur', 'change']}],
|
||||
birthday: [{required: false, message: '请选择出生日期', trigger: ['blur', 'change']}],
|
||||
zwzc: [{required: false, message: '请填写职务职称', trigger: ['blur', 'change']}],
|
||||
xlxw: [{required: false, message: '请填写学历学位', trigger: ['blur', 'change']}],
|
||||
// bgphone: [{required: false, message: '请填写办公电话', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: false, message: '请填写手机号码', trigger: ['blur', 'change']}],
|
||||
/*email: [{required: false, message: '请填写电子信箱', trigger: ['blur', 'change']}, {
|
||||
type: 'email',
|
||||
message: '请填写正确的电子信箱',
|
||||
trigger: ['blur', 'change']
|
||||
}],*/
|
||||
yjjctj: [{validator: validatorYjjctj, trigger: ['blur', 'change']}],
|
||||
xmssljff: [{validator: validatorXmssljff, trigger: ['blur', 'change']}],
|
||||
yqcgtgjz: [{validator: validatorYqcgtgjz, trigger: ['blur', 'change']}]
|
||||
},
|
||||
xmcyTable: [o],
|
||||
userList: [],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
yanjiujichuLength() {
|
||||
return removeHTMLTag(this.formData.yjjctj).length
|
||||
},
|
||||
yqcgtgjzLength() {
|
||||
return removeHTMLTag(this.formData.yqcgtgjz).length
|
||||
},
|
||||
xmssljffLength() {
|
||||
return removeHTMLTag(this.formData.xmssljff).length
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//检查项目成员填写是否完成
|
||||
checkXmcy() {
|
||||
let flag = true
|
||||
for (let o of this.xmcyTable) {
|
||||
if (o['username'] === '' || o['zc'] === '' || o['gzdw'] === '') {
|
||||
flag = false
|
||||
break
|
||||
}
|
||||
}
|
||||
return flag
|
||||
},
|
||||
async doSave() {
|
||||
let isValid = true
|
||||
this.$refs.AddForm.validateField('xmmcId', (err) => {
|
||||
if (err.length) {
|
||||
isValid = false
|
||||
}
|
||||
})
|
||||
if (!isValid) return
|
||||
this.formData.xmzcy = JSON.stringify(this.xmcyTable)
|
||||
let loading = this.$loading({
|
||||
lock: true,
|
||||
text: '保存中',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
let postUrl = ''
|
||||
if (this.formData.id) {
|
||||
postUrl = '/platfotm/syr/info/mykt/doEdit'
|
||||
} else {
|
||||
postUrl = '/platfotm/syr/info/xtsb/doSave'
|
||||
}
|
||||
const o = this.projectList.find(o => o.id === this.formData.xmmcId)
|
||||
this.formData.xmmc = o.projectName
|
||||
const resp = await $.post(base + postUrl, this.formData)
|
||||
if (resp.code === 0) {
|
||||
setTimeout(() => {
|
||||
loading.text = '保存成功'
|
||||
loading.spinner = 'el-icon-check'
|
||||
setTimeout(() => {
|
||||
loading.close()
|
||||
sublime.jumpPagePjax('/platfotm/syr/info/mykt')
|
||||
}, 1000)
|
||||
}, 1500)
|
||||
} else {
|
||||
loading.close()
|
||||
this.notifyError(resp.msg)
|
||||
}
|
||||
},
|
||||
async doSubmit() {
|
||||
try {
|
||||
const valid = await this.$refs['AddForm'].validate()
|
||||
if (valid) {
|
||||
if (!this.checkXmcy()) {
|
||||
this.$message.info('项目成员信息填写不完整')
|
||||
return
|
||||
}
|
||||
this.formData.xmzcy = JSON.stringify(this.xmcyTable)
|
||||
let loading = this.$loading({
|
||||
lock: true,
|
||||
text: '提交中',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
let postUrl = ''
|
||||
if (this.formData.id) {
|
||||
postUrl = '/platfotm/syr/info/mykt/doEdit'
|
||||
this.formData.tjxx='0';
|
||||
} else {
|
||||
postUrl = '/platfotm/syr/info/xtsb/doAdd'
|
||||
}
|
||||
const o = this.projectList.find(o => o.id === this.formData.xmmcId)
|
||||
this.formData.xmmc = o.projectName
|
||||
|
||||
const resp = await $.post(base + postUrl, this.formData)
|
||||
if (resp.code === 0) {
|
||||
setTimeout(() => {
|
||||
loading.text = '提交成功'
|
||||
loading.spinner = 'el-icon-check'
|
||||
setTimeout(() => {
|
||||
loading.close()
|
||||
sublime.jumpPagePjax('/platfotm/syr/info/mykt')
|
||||
}, 1000)
|
||||
}, 1500)
|
||||
} else {
|
||||
loading.close()
|
||||
this.notifyError(resp.msg)
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
console.log(e)
|
||||
}
|
||||
},
|
||||
async isEdit() {
|
||||
const id = GetQueryString("id")
|
||||
this.id = id
|
||||
if (id) {
|
||||
const resp = await $.get(loc() + '/findWriteInfo/' + id)
|
||||
this.formData = resp.data
|
||||
this.xmcyTable = JSON.parse(resp.data.xmzcy)
|
||||
yjjctjEditor.txt.html(this.formData.yjjctj)
|
||||
xmssljffEditor.txt.html(this.formData.xmssljff)
|
||||
yqcgtgjzEditor.txt.html(this.formData.yqcgtgjz)
|
||||
this.xmcyTable.forEach(v=>{
|
||||
v.userId=v.username
|
||||
})
|
||||
}
|
||||
},
|
||||
async initEditor() {
|
||||
return await new Promise((resolve, reject) => {
|
||||
this.$nextTick(() => {
|
||||
setTimeout(() => {
|
||||
yjjctjEditor = new wangEditor(this.$refs.yjjctj)
|
||||
yjjctjEditor.config.onchange = (html) => {
|
||||
if (removeHTMLTag(html).length > 400) {
|
||||
this.$message.info('项目研究基础及条件最多填写400字')
|
||||
}
|
||||
this.$refs.AddForm.validateField('yjjctj', (errMsg) => {
|
||||
})
|
||||
this.formData.yjjctj = html
|
||||
}
|
||||
yjjctjEditor.config.uploadImgShowBase64 = true
|
||||
yjjctjEditor.create()
|
||||
|
||||
xmssljffEditor = new wangEditor(this.$refs.xmssljff)
|
||||
xmssljffEditor.config.onchange = (html) => {
|
||||
if (removeHTMLTag(html).length > 400) {
|
||||
this.$message.info('项目实施路径及方法最多填写400字')
|
||||
}
|
||||
this.$refs.AddForm.validateField('xmssljff', (errMsg) => {
|
||||
})
|
||||
this.formData.xmssljff = html
|
||||
}
|
||||
xmssljffEditor.config.uploadImgShowBase64 = true
|
||||
xmssljffEditor.create()
|
||||
|
||||
yqcgtgjzEditor = new wangEditor(this.$refs.yqcgtgjz)
|
||||
yqcgtgjzEditor.config.onchange = (html) => {
|
||||
if (removeHTMLTag(html).length > 300) {
|
||||
this.$message.info('项目预期成果及应用推广价值最多填写300字')
|
||||
}
|
||||
this.$refs.AddForm.validateField('yqcgtgjz', (errMsg) => {
|
||||
})
|
||||
this.formData.yqcgtgjz = html
|
||||
}
|
||||
yqcgtgjzEditor.config.uploadImgShowBase64 = true
|
||||
yqcgtgjzEditor.create()
|
||||
resolve()
|
||||
}, 800)
|
||||
})
|
||||
})
|
||||
},
|
||||
async getProjectList() {
|
||||
const resp = await $.get('/platfotm/syr/info/xtsb/getProjectList', {
|
||||
year: moment().format('YYYY')
|
||||
})
|
||||
return resp.data
|
||||
},
|
||||
async showGroup(id){
|
||||
const resp = await $.get('/platfotm/syr/info/xtsb/showGroup',{id:id})
|
||||
if (resp.code===1){
|
||||
this.$notify.warning(resp.msg)
|
||||
this.isSubmitting=true;
|
||||
}else {
|
||||
this.isSubmitting=false;
|
||||
}
|
||||
},
|
||||
userChange(scope) {
|
||||
const userList = clone(this.userList)
|
||||
const user = userList.find(v => v.id === scope.row.userId)
|
||||
if (user) {
|
||||
scope.row.username = user.username
|
||||
scope.row.zc = user.zc
|
||||
scope.row.gzdw = user.dwname
|
||||
}
|
||||
},
|
||||
async queryUser(val) {
|
||||
const data = await searchUser(val)
|
||||
this.userList = data
|
||||
},
|
||||
initFormData(){
|
||||
if (this.id==null){
|
||||
this.$set(this.formData, 'birthday', "${@shiro.getPrincipalProperty('birthday')}")
|
||||
this.$set(this.formData, 'bgphone', "${@shiro.getPrincipalProperty('bgphone')}")
|
||||
this.$set(this.formData, 'mobile', "${@shiro.getPrincipalProperty('mobile')}")
|
||||
this.$set(this.formData, 'email', "${@shiro.getPrincipalProperty('email')}")
|
||||
this.$set(this.formData, 'username', "${@shiro.getPrincipalProperty('username')}")
|
||||
this.$set(this.formData, 'sex', "${@shiro.getPrincipalProperty('sex')}")
|
||||
this.$set(this.formData, 'dwname', "${@shiro.getPrincipalProperty('unit').getName()}")
|
||||
this.$set(this.formData, 'ghname', "${@shiro.getPrincipalProperty('union').getUnionname()}")
|
||||
}
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
await this.initEditor()
|
||||
await this.isEdit()
|
||||
},
|
||||
async created() {
|
||||
this.initFormData();
|
||||
this.projectList = await this.getProjectList()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -1,122 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="审核" ref="syrTable" request="/platfotm/syr/info/yjsh/pageData">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>20?null:'primary'"
|
||||
@click="openView(row,row.state>20)">
|
||||
{{row.state>20?'查看':'审核'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="danger" v-if="row.state>20 && row.state<=30"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template #handle>
|
||||
<el-tab-pane label="院级初审" name="yjsh">
|
||||
<el-form :model="formData" label-suffix="：" label-width="100px" ref="Form">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="stbmghyj">
|
||||
<el-input maxlength="300" rows="5" type="textarea"
|
||||
v-model="formData.stbmghyj"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="签字" prop="stbmghfzrqz">
|
||||
<sign :qz.sync="formData.stbmghfzrqz" prefix="syrxjsh"></sign>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="doHandle(false)" type="danger">退 回</el-button>
|
||||
<el-button @click="doHandle(true)" type="success">通 过</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table',
|
||||
request: '/platfotm/syr/info/yjsh/pageData'
|
||||
},
|
||||
formData: {},
|
||||
handleShow: false,
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id)
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'yjsh')
|
||||
this.formData = {
|
||||
id: row.id,
|
||||
stbmghfzrqz: '',
|
||||
stbmghyj: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
async doHandle(res) {
|
||||
if (this.formData.stbmghyj === '') {
|
||||
this.$message.info('请填写审核意见')
|
||||
return
|
||||
}
|
||||
/* if (this.formData.stbmghfzrqz === '') {
|
||||
this.$message.info('请扫描二维码签字')
|
||||
return
|
||||
}*/
|
||||
this.formData.state = res ? 30 : 10
|
||||
const resp = await $.post('/platfotm/syr/info/yjsh/doHandle', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
},
|
||||
async doRollBack(row){
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack',{id:row.id,state:row.state})
|
||||
if (resp.code === 0){
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
@@ -1,113 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="审核" ref="syrTable" request="/platfotm/syr/info/zqsh/pageData">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>80?null:'primary'"
|
||||
@click="openView(row,row.state>80)">
|
||||
{{row.state>80?'查看':'审核'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="danger" v-if="row.state>80 && row.state<=90"
|
||||
@click="doRollBack(row)">撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template slot="handle">
|
||||
<el-tab-pane label="中期审核" name="zqsh">
|
||||
<el-form :model="formData" label-width="100px" ref="Form">
|
||||
<el-form-item label="审核人">
|
||||
${@shiro.getPrincipalProperty('username')}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间">
|
||||
{{moment().format('YYYY-MM-DD')}}
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="zqxghyj">
|
||||
<el-input maxlength="300" rows="5" type="textarea"
|
||||
v-model="formData.zqxghyj"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="$refs.guava.index()">返 回</el-button>
|
||||
<el-button @click="doHandle(true)" type="primary">提 交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
</guava>
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
formData: {},
|
||||
handleShow: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id)
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'zqsh')
|
||||
this.formData = {
|
||||
id: row.id,
|
||||
zqxghyj: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
async doHandle(res) {
|
||||
if (this.formData.zqxghyj === '') {
|
||||
this.$message.info('请填写审核意见')
|
||||
return
|
||||
}
|
||||
|
||||
const resp = await $.post('/platfotm/syr/info/zqsh/doHandle', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
},
|
||||
async doRollBack(row){
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack',{id:row.id,state:row.state})
|
||||
if (resp.code === 0){
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
},
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
@@ -1,117 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="填报" ref="syrTable" request="/platfotm/syr/info/zqtb/pageData">
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="100">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" type="primary"
|
||||
@click="openView(row,false)"
|
||||
:title="row.zqtbjzsj<moment().format('YYYY-MM-DD HH:mm:ss')?'时间已过':''"
|
||||
:disabled="row.zqtbjzsj<moment().format('YYYY-MM-DD HH:mm:ss')"
|
||||
v-if="row.state===70">
|
||||
填报
|
||||
</el-button>
|
||||
<el-button @click="openView(row,true)" size="mini" v-else>
|
||||
查看
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template slot="handle">
|
||||
<el-tab-pane label="填报中期检查表" name="tbzqjcb">
|
||||
<el-form :model="formData" :rules="rules" label-position="top" ref="Form">
|
||||
<el-form-item label="项目的进展情况及存在的问题（不超过300字）" prop="zqxmjzqk" prop="zqxmjzqk">
|
||||
<el-input maxlength="300" rows="5" type="textarea"
|
||||
v-model="formData.zqxmjzqk"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="经费预算明细（不超过100字）" prop="zqjfysmx" prop="zqjfysmx">
|
||||
<el-input maxlength="100" rows="3" type="textarea"
|
||||
v-model="formData.zqjfysmx"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注（不超过50字）" prop="zqbz" prop="zqbz">
|
||||
<el-input maxlength="50" rows="2" type="textarea" v-model="formData.zqbz"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="smm.status='table'">返 回</el-button>
|
||||
<el-button @click="doHandle(true)" type="primary">提 交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table'
|
||||
},
|
||||
formData: {},
|
||||
rules: {
|
||||
zqxmjzqk: [{required: true, message: '请填写项目的进展情况及存在的问题', trigger: ['blur', 'change']}],
|
||||
zqjfysmx: [{required: true, message: '请填写经费预算明细', trigger: ['blur', 'change']}]
|
||||
},
|
||||
tableShow: true,
|
||||
handleShow: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id)
|
||||
} else {
|
||||
this.$refs.guava.edit()
|
||||
this.$refs.auditInfo.openView(row.id, 'tbzqjcb')
|
||||
this.formData = {
|
||||
id: row.id,
|
||||
zqxmjzqk: '',
|
||||
zqjfysmx: '',
|
||||
zqbz: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
async doHandle(res) {
|
||||
this.$refs['Form'].validate(async valid => {
|
||||
if (valid) {
|
||||
const resp = await $.post('/platfotm/syr/info/zqtb/doHandle', this.formData)
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
@@ -1,227 +0,0 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<!--校工会立项结果-->
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<syr-table :smm.sync="smm" auditval="提醒" ref="syrTable" request="/platfotm/syr/info/zqtx/pageData">
|
||||
<template slot="right">
|
||||
<el-button size="small" @click="openMany" type="primary"><i class="ti-plus"></i> 一键提醒</el-button>
|
||||
</template>
|
||||
<template slot="operation">
|
||||
<el-table-column label="操作" fixed="right" width="200px">
|
||||
<template slot-scope="{row}">
|
||||
<el-button size="mini" :type="row.state>60?null:'primary'"
|
||||
@click="openView(row,row.state>60)">
|
||||
{{row.state>60?'查看':'设置提醒'}}
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" v-if="row.state>60 && row.state<=70"
|
||||
@click="doRollBack(row)">
|
||||
撤回
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</syr-table>
|
||||
|
||||
<template #edit>
|
||||
<syr-info-new ref="auditInfo">
|
||||
<template slot="handle">
|
||||
<el-tab-pane label="中期提醒" name="zqtx">
|
||||
<el-form :model="formData" label-width="100px" ref="Form">
|
||||
<el-form-item label="提醒时间" prop="zqtbtxsj">
|
||||
<el-date-picker
|
||||
:picker-options="pickerOptions"
|
||||
default-time="12:00:00"
|
||||
placeholder="选择提醒时间"
|
||||
type="datetime"
|
||||
v-model="formData.zqtbtxsj"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="截止时间" prop="zqtbjzsj">
|
||||
<el-date-picker
|
||||
:picker-options="pickerOptions"
|
||||
default-time="12:00:00"
|
||||
placeholder="选择提醒时间"
|
||||
type="datetime"
|
||||
v-model="formData.zqtbjzsj"
|
||||
value-format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row class="mt20 text-center">
|
||||
<el-button @click="$refs.guava.index()">返 回</el-button>
|
||||
<el-button @click="doHandle(true)" type="primary">提 交</el-button>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</template>
|
||||
</syr-info-new>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<syr-info-new ref="viewInfo"></syr-info-new>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
<el-dialog title="设置提醒" :visible.sync="manyDialogVisible">
|
||||
<el-form :model="formData" ref="Form" label-width="100px">
|
||||
<div style="display: flex">
|
||||
<el-form-item label="提醒时间" prop="zqtbtxsj" style="width: 50%">
|
||||
<el-date-picker
|
||||
v-model="formData.zqtbtxsj"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
default-time="12:00:00"
|
||||
:picker-options="pickerOptions"
|
||||
type="datetime"
|
||||
placeholder="选择提醒时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="截止时间" prop="zqtbjzsj" style="width: 50%">
|
||||
<el-date-picker
|
||||
v-model="formData.zqtbjzsj"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
default-time="12:00:00"
|
||||
:picker-options="pickerOptions"
|
||||
type="datetime"
|
||||
placeholder="选择截止时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
<el-table :data="noSetTableData" @selection-change="handleSelectionChange" max-height="350">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column prop="xmmc" label="项目名称" width="400" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="username" label="申报人"></el-table-column>
|
||||
</el-table>
|
||||
<el-row class="el-dialog__footer">
|
||||
<el-button @click="manyDialogVisible=false">取 消</el-button>
|
||||
<el-button type="primary" @click="doHandleMany(true)">提 交</el-button>
|
||||
</el-row>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
smm: {
|
||||
status: 'table',
|
||||
rowsel: true
|
||||
},
|
||||
formData: {},
|
||||
handleShow: false,
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() < Date.now()
|
||||
}
|
||||
},
|
||||
noSetTableData: [],
|
||||
tab_selection: [],
|
||||
selection: [],
|
||||
manyDialogVisible: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'syr-table': httpVueLoader('/components/syr/syrtable.vue'),
|
||||
'syr-info': httpVueLoader('/components/syr/syrinfo.vue'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'syr-info-new': httpVueLoader('/components/syr/SyrInfoNew.vue'),
|
||||
},
|
||||
methods: {
|
||||
openView(row, isView) {
|
||||
if (isView) {
|
||||
this.$refs.guava.view()
|
||||
this.$refs.viewInfo.openView(row.id)
|
||||
} else {
|
||||
// this.$refs.guava.edit()
|
||||
// this.$refs.auditInfo.openView(row.id, 'zqtx')
|
||||
// this.formData = {
|
||||
// id: row.id,
|
||||
// zqtbtxsj: '',
|
||||
// zqtbjzsj: ''
|
||||
// }
|
||||
this.openMany()
|
||||
}
|
||||
},
|
||||
async doHandle() {
|
||||
if (this.formData.zqtbtxsj === '') {
|
||||
this.$message.info('请设置提醒时间')
|
||||
return
|
||||
}
|
||||
if (this.formData.zqtbjzsj === '') {
|
||||
this.$message.info('请设置截止时间')
|
||||
return
|
||||
}
|
||||
if (this.formData.zqtbjzsj < this.formData.zqtbtxsj) {
|
||||
this.$message.info('截止时间不应该小于提醒时间')
|
||||
return
|
||||
}
|
||||
const resp = await $.post('/platfotm/syr/info/zqtx/doHandle', {data: JSON.stringify(this.formData)})
|
||||
if (resp.code === 0) {
|
||||
this.$refs.guava.index()
|
||||
this.notifySuccess(resp.msg)
|
||||
location.reload()
|
||||
}
|
||||
},
|
||||
async doRollBack(row){
|
||||
const resp = await $.get('/platfotm/syr/info/yjsh/doRollBack',{id:row.id,state:row.state})
|
||||
if (resp.code === 0){
|
||||
this.notifySuccess(resp.msg)
|
||||
this.$refs['syrTable'].doSearch()
|
||||
}
|
||||
},
|
||||
async openMany() {
|
||||
this.formData = {
|
||||
zqtbtxsj: '',
|
||||
zqtbjzsj: ''
|
||||
}
|
||||
const {data} = await $.get('/platfotm/syr/info/zqtx/noSetPageData', {})
|
||||
this.noSetTableData = data
|
||||
this.manyDialogVisible = true
|
||||
},
|
||||
async doHandleMany() {
|
||||
if (this.formData.zqtbtxsj === '') {
|
||||
this.$message.info('请设置提醒时间')
|
||||
return
|
||||
}
|
||||
if (this.formData.zqtbjzsj === '') {
|
||||
this.$message.info('请设置截止时间')
|
||||
return
|
||||
}
|
||||
if (this.formData.zqtbjzsj < this.formData.zqtbtxsj) {
|
||||
this.$message.info('截止时间不应该小于提醒时间')
|
||||
return
|
||||
}
|
||||
if (this.selection.length === 0) {
|
||||
this.$message.info('请勾选需要批量设置的数据')
|
||||
return
|
||||
}
|
||||
let p = []
|
||||
for (let o of this.selection) {
|
||||
//p.push(id:o.id,...this.formData})
|
||||
p.push({...{id: o.id}, ...this.formData})
|
||||
}
|
||||
await $.post('/platfotm/syr/info/zqtx/doHandle', {data: p})
|
||||
this.$refs['syrTable'].doSearch()
|
||||
this.manyDialogVisible = false
|
||||
this.selection = []
|
||||
this.tableShow = false
|
||||
setTimeout(() => {
|
||||
this.tableShow = true
|
||||
})
|
||||
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.selection = val
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user