Commit 36bcae4d authored by 冷玲鹏's avatar 冷玲鹏

课程管理-立项

parent 23d319af
......@@ -159,7 +159,7 @@ export const constantRoutes = [
children: [{
path: '/log/operLog',
name: 'Operlog',
component: () => import('@/views/monitor/operLog/index.vue'),
component: () => import('@/views/monitor/operLog/projectInitiation.vue'),
meta: { title: '操作日志', icon: 'dashboard' }
}]
}*/
......@@ -274,7 +274,7 @@ export const constantRoutes = [
children: [{
path: '/workflow/group',
name: 'Group',
component: () => import('@/views/workflow/group/index.vue'),
component: () => import('@/views/workflow/group/projectInitiation.vue'),
meta: { title: '业务分组', icon: 'dashboard' }
},
{
......@@ -306,7 +306,7 @@ export const constantRoutes = [
{
path: '/workflow/workFlowInstance',
name: 'WorkFlowInstance',
component: () => import('@/views/workflow/workFlowInstance/index.vue'),
component: () => import('@/views/workflow/workFlowInstance/projectInitiation.vue'),
meta: { title: '流程实例', icon: 'dashboard' }
}
]
......@@ -318,7 +318,7 @@ export const constantRoutes = [
// children: [{
// path: '/uiStandard/info',
// name: 'uiStandardInfo',
// component: () => import('@/views/uiStandard/index.vue'),
// component: () => import('@/views/uiStandard/projectInitiation.vue'),
// meta: { title: 'ui标准', icon: 'dashboard' }
// }]
// },
......
......@@ -119,8 +119,15 @@
<el-table-column min-width="160" label="状态" prop="status" align="center" :show-overflow-tooltip="true" />
<el-table-column min-width="120" label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button v-if="scope.row.status === '验收完成' || scope.row.status === '立项评审中'" icon="el-icon-search" />
<el-button v-else icon="el-icon-edit-outline" />
<el-button
v-if="scope.row.status === '验收完成' || scope.row.status === '立项评审中'"
icon="el-icon-search"
/>
<el-button
v-else
icon="el-icon-edit-outline"
@click="projectInitiation(scope.row)"
/>
</template>
</el-table-column>
</el-table>
......@@ -142,7 +149,10 @@
<script>
import commonField from '@/utils/commonField'
// 文件描述
// allTopics(所有课程列表页)
// analysisReport(分析报告按钮跳转页)
// approvalProcess(申报流程) ①projectInitiation(立项)
export default {
data() {
return {
......@@ -152,6 +162,7 @@ export default {
loading: false,
// 显示搜索条件
showSearch: true,
// 列表数据
courseInfoList: [
{
id: 1,
......@@ -378,6 +389,14 @@ export default {
exportDeclarationSummaryTable() {
this.queryParams.page = 1
this.getList()
},
/** 立项(课题管理员初审,申报完成)操作按钮*/
projectInitiation(row) {
console.log('row', row)
this.$router.push({
path: '/projectManagement/approvalProcess/projectInitiation',
query: {}
})
}
}
}
......
......@@ -234,6 +234,7 @@ export default {
})
},
barChart() {
// 柱形图
const option = {
legend: {},
tooltip: {},
......
<template>
<div class="app-container">
<div class="stepBar">
<el-steps :active="active" align-center finish-status="success">
<el-step title="申报完成" />
<el-step title="中期评审完成" />
<el-step title="验收完成" />
</el-steps>
</div>
<div class="tab-pane">
<el-tabs type="border-card">
<el-tab-pane label="申报信息" style="margin-left: -10px;">
<el-descriptions title="课题名称及申请人基本情况" column="4">
<el-descriptions-item span="2" label="课题号">2024ZX123</el-descriptions-item>
<el-descriptions-item span="2" label="课题名称">智能城市交通优化</el-descriptions-item>
<el-descriptions-item span="2" label="申报类型">科研项目</el-descriptions-item>
<el-descriptions-item span="2" label="申请人身份">教授</el-descriptions-item>
<el-descriptions-item span="2" label="填表日期">2024年12月10日</el-descriptions-item>
<el-descriptions-item span="2" label="负责人姓名">李明</el-descriptions-item>
<el-descriptions-item span="2" label="研究专长">交通工程与人工智能</el-descriptions-item>
<el-descriptions-item span="2" label="性别"></el-descriptions-item>
<el-descriptions-item span="2" label="党政职务"></el-descriptions-item>
<el-descriptions-item span="2" label="专业技术职务">教授</el-descriptions-item>
<el-descriptions-item span="2" label="年龄">45</el-descriptions-item>
<el-descriptions-item span="2" label="最后学历">博士</el-descriptions-item>
<el-descriptions-item span="2" label="最后学位">博士学位</el-descriptions-item>
<el-descriptions-item span="2" label="单位">某大学智能交通研究院</el-descriptions-item>
<el-descriptions-item span="2" label="学院/部门">交通工程与城市规划学院</el-descriptions-item>
<el-descriptions-item span="2" label="手机号">13812345678</el-descriptions-item>
<el-descriptions-item span="2" label="E-mail">liming@university.edu</el-descriptions-item>
</el-descriptions>
<!-- <div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
<p style="margin: 10px 0;font-size: 18px">课题名称及申请人基本情况</p>
</div>
<el-form ref="ruleForm" :model="ruleForm">
<el-row>
<el-form-item label="课题号" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width: 100%"/>
</el-form-item>
<el-form-item label="课题名称" label-width="95px">
<el-input v-model="ruleForm.name" style="width: 100%"/>
</el-form-item>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="申报类型" label-width="95px">
<el-select v-model="ruleForm" placeholder="请选择类型" style="width: 100%">
<el-option label="一般课题" value="general"/>
<el-option label="重点课题" value="key"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="申请人身份" label-width="95px">
<el-select v-model="ruleForm.identity" placeholder="请选择身份" style="width: 100%">
<el-option label="计算机科学教授" value="computer_science_professor"/>
<el-option label="工程学教授" value="engineering_professor"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="填表日期" label-width="95px">
<el-date-picker v-model="ruleForm.date" type="date" placeholder="选择日期" style="width: 100%"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="负责人姓名" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width: 100%"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="研究专长" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width: 100%"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别" label-width="95px">
<el-select v-model="ruleForm.identity" placeholder="请选择性别" style="width: 100%">
<el-option label="男" value="computer_science_professor"/>
<el-option label="女" value="engineering_professor"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="党政职务" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width: 100%"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="专业技术职务" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width: 100%"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="年龄" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width: 100%"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="最后学历" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width: 100%"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="最后学位" label-width="95px">
<el-input v-model="ruleForm.name" disabled style="width:100%"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="单位" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width:100%"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="学院/部门" label-width="95px">
<el-input v-model="ruleForm.name" disabled style="width:100%"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="手机号" label-width="95px">
<el-input v-model="ruleForm.topicNumber" disabled style="width:100%"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="E-mail" label-width="95px">
<el-input v-model="ruleForm.name" disabled style="width:100%"/>
</el-form-item>
</el-col>
</el-row>
</el-form>-->
<div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
<p style="margin: 10px 0;font-size: 18px">申请人与本人课题有关的近期研究成果</p>
<span style="color: #409eff; font-size: 18px;margin: 10px 0 0 10px">
<i class="el-icon-question" />
</span>
</div>
<el-form>
<el-form-item>
近期研究成果
</el-form-item>
</el-form>
<div style="display: flex;width: 100%;justify-content: center;margin-top: -15px">
<p style="margin: 10px 0;font-size: 18px">本课题研究实施方案</p>
<span style="color: #409eff; font-size: 18px;margin: 10px 0 0 10px">
<i class="el-icon-question" />
</span>
</div>
<el-form>
<el-form-item>
研究实施方案
</el-form-item>
</el-form>
<div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
<p style="margin: 10px 0;font-size: 18px">研究项目的基本条件及前期准备工作</p>
</div>
<div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
<p style="margin: 10px 0;font-size: 18px">课题主要参加者基本情况</p>
</div>
<el-table :data="basicInformationList">
<el-table-column min-width="120" label="姓名 " prop="name" align="center" :show-overflow-tooltip="true" />
<el-table-column min-width="80" label="年龄 " prop="age" align="center" :show-overflow-tooltip="true" />
<el-table-column
min-width="160"
label="专业技术职务"
prop="professionalTitle"
align="center"
:show-overflow-tooltip="true"
/>
<el-table-column
min-width="160"
label="工作单位"
prop="workUnit"
align="center"
:show-overflow-tooltip="true"
/>
<el-table-column
min-width="160"
label="研究专长"
prop="researchExpertise"
align="center"
:show-overflow-tooltip="true"
/>
</el-table>
<div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
<p style="margin: 10px 0;font-size: 18px">课题组分工及前期准备情况</p>
</div>
<el-form>
<el-form-item>
前期准备情况
</el-form-item>
</el-form>
<div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
<p style="margin: 10px 0;font-size: 18px">完成本课程条件分析(含参加人员的研究水平、资料准备等情况)</p>
</div>
<el-descriptions title="完成本课程条件分析" :column="4">
<el-descriptions-item span="4" label="预期成果">
<el-checkbox-group v-model="selectedOptions" style="width: 100%">
<el-row :gutter="24">
<el-col :span="6">
<el-checkbox label="SSCI论文" size="small">SSCI论文</el-checkbox>
</el-col>
<el-col :span="6">
<el-checkbox label="CSSCI论文" size="small">CSSCI论文</el-checkbox>
</el-col>
<el-col :span="6">
<el-checkbox label="国家级课程" size="small">国家级课程</el-checkbox>
</el-col>
<el-col :span="6">
<el-checkbox label="省部级课题" size="small">省部级课题</el-checkbox>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-checkbox label="专著" size="small">专著</el-checkbox>
</el-col>
<el-col :span="6">
<el-checkbox label="研究报告" size="small">研究报告</el-checkbox>
</el-col>
<el-col :span="6">
<el-checkbox label="网络文章" size="small">网络文章</el-checkbox>
</el-col>
<el-col :span="6">
<el-checkbox label="其他" size="small">其他</el-checkbox>
</el-col>
</el-row>
</el-checkbox-group>
</el-descriptions-item>
<el-descriptions-item span="4" label="申报附件材料" :contentStyle="{'text-align': 'center'}">
<el-link type="primary">excelTemplate.xlsx</el-link>
</el-descriptions-item>
</el-descriptions>
<div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
<p style="margin: 10px 0;font-size: 18px">大学生发展研究院意见(立项初审)</p>
</div>
<div style="display: flex; justify-content: center; margin-top: -15px">
<el-input
style="padding: 15px"
type="textarea"
:rows="6"
placeholder="">
</el-input>
</div>
<div style="display: flex;width: 100%;justify-content: center;margin-top: 15px">
<p style="margin: 10px 0;font-size: 18px">大学生发展研究院意见(立项评审)</p>
</div>
<el-descriptions title="" :column="4">
<el-descriptions-item span="4" label="申报书" :contentStyle="{'text-align': 'center'}">
<el-link type="primary">下载申报书</el-link>
</el-descriptions-item>
</el-descriptions>
<div style="display: flex;justify-content: center">
<el-button type="primary" style="margin-top: 20px" @click="Approve">通过</el-button>
<el-button type="primary" style="margin-top: 20px" @click="Reject">驳回</el-button>
</div>
</el-tab-pane>
<el-tab-pane label="项目验收">
项目验收
</el-tab-pane>
<el-tab-pane label="项目验收">
项目验收
</el-tab-pane>
<el-tab-pane v-if="active != 0" label="月报">
月报
</el-tab-pane>
</el-tabs>
<el-button
class="back-button"
icon="el-icon-arrow-left"
type="primary"
@click="goBack"
>
返回
</el-button>
</div>
</div>
</template>
<script>
import ElDescriptionsItem from '@/components/descriptionsList/e-desc-item.vue'
import ElDescriptions from '@/components/descriptionsList/e-desc.vue'
export default {
name: 'ReviewPage',
components: {
ElDescriptionsItem,
ElDescriptions
},
data() {
return {
active: 0,
ruleForm: {
name: '',
region: ''
},
selectedOptions: [],
// 基本情况列表
basicInformationList: [
{
name: '李明',
age: 45,
professionalTitle: '教授',
workUnit: '某大学智能交通研究院',
researchExpertise: '交通工程与人工智能'
},
{
name: '张华',
age: 38,
professionalTitle: '副教授',
workUnit: '某大学计算机科学与技术学院',
researchExpertise: '人工智能与机器学习'
},
{
name: '王强',
age: 50,
professionalTitle: '研究员',
workUnit: '某科技公司人工智能研究院',
researchExpertise: '自然语言处理与数据挖掘'
}
]
}
},
methods: {
goBack() {
this.$router.go(-1)
},
/** 通过*/
Approve() {
},
/** 驳回*/
Reject() {
this.Success()
},
/** 成功*/
Success() {
this.$alert(
'<div style="text-align: center;">' +
'<i class="el-icon-success" style="font-size: 60px; color: #4CAF50;"></i>' +
'<div style="font-size: 16px; color: #333; margin-top: 10px;">操作成功</div>' +
'</div>',
'', {
confirmButtonText: 'OK',
center: true,
dangerouslyUseHTMLString: true
}
)
}
}
}
</script>
<style scoped lang="scss">
.app-container {
font-size: 18px;
padding: 0;
.placeholder {
height: 1.3vh;
background-color: #F4F4F4;
margin-bottom: 10px
}
}
.el-tabs__header {
position: relative;
}
.tab-pane {
position: relative;
margin-top: 15px;
background-color: white;
}
.back-button {
position: absolute;
top: 0;
right: 0;
margin-top: 3px;
}
/* 可选:微调标签内容的位置,使其与按钮在同一水平 */
.tab-content {
padding-top: 20px; /* 根据需要调整内容和标签之间的间距 */
}
</style>
......@@ -282,7 +282,7 @@ import { roleDeptTreeSelect } from '@/api/system/dept'
// import Coolbutton from '@/components/coolbutton'
import { getDataCache, setDataCache } from '@/assets/js/filterData'
import commonField from '@/utils/commonField'
// import Coolbutton from '@/components/coolbutton/index.vue'
// import Coolbutton from '@/components/coolbutton/projectInitiation.vue'
export default {
name: 'Role',
// components: { Coolbutton },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment