Skip to content

I
intelligent_station_web
Commit 33f704f5 authored by liangjingpeng's avatar liangjingpeng
Browse files
Options

评审专家-申报信息3 

评审专家-步骤条
parent 9264d7bf
Show whitespace changes
Inline Side-by-side
Showing with 229 additions and 64 deletions
src/views/reviewExperts/topicList/index.vue
View file @ 33f704f5
......@@ -154,7 +154,7 @@
<!-- @click="handleUpdate(scope.row)"-->
<!-- >修改-->
<!-- </el-button>-->
<el-button v-if="scope.row.state === '验收评审中'" icon="el-icon-edit-outline" @click="handleAcceptance(scope.row)" />
<el-button v-if="scope.row.state === '验收评审中' ||scope.row.state === '立项评审中'" icon="el-icon-edit-outline" @click="handleProject(scope.row)" />
<el-button v-if="scope.row.state === '立项评审中'" icon="el-icon-edit-outline" @click="handleProject(scope.row)" />
<el-button v-else icon="el-icon-search" />
<!-- <el-button-->
......@@ -436,20 +436,14 @@ export default {
this.title = '修改标签信息'
})
},
/** 验收评审中操作按钮*/
handleAcceptance(row) {
console.log('row', row)
this.$router.push({
path: '/myTopic/newTopic',
query: {}
})
},
/** 立项评审中操作按钮*/
/** 评审中操作按钮*/
handleProject(row) {
console.log('row', row)
this.$router.push({
path: '/reviewExperts/topicList/reviewPage',
query: {}
query: {
state: row.state,
}
})
},
// 改变状态
......
src/views/reviewExperts/topicList/reviewPage.vue
View file @ 33f704f5
......@@ -2,13 +2,18 @@
<div class="app-container">
<div class="stepBar">
<el-steps :active="active" align-center finish-status="success">
<el-step title="步骤 1"/>
<el-step>
<div slot="title">
<span v-if="active === 0" class="step-title">立项评审中<a style="color: deeppink">(待本人评审)</a></span>
<span v-else class="step-title">立项评审完成</span>
</div>
</el-step>
<el-step title="步骤 2"/>
<el-step title="步骤 3"/>
</el-steps>
</div>
<div class="tabsBody">
<el-tabs type="border-card">
<el-tabs type="border-card" v-model="activeName">
<el-button
style="float: right;
margin-right: 10px;
......@@ -16,8 +21,9 @@
icon="el-icon-arrow-left"
type="primary"
@click="goBack"
>返回</el-button>
<el-tab-pane label="申报信息">
>返回
</el-button>
<el-tab-pane label="申报信息" name="first">
<el-descriptions label-width="190px" size="small" column="3" title="课题名称及申请人基本情况">
<el-descriptions-item span="3" label="课题号">2019kk938</el-descriptions-item>
<el-descriptions-item span="3" label="课题名称">母猪的产后护理</el-descriptions-item>
......@@ -45,7 +51,7 @@
<el-link type="primary">下载申报书</el-link>
</div>
</el-descriptions-item>
<el-descriptions-item span="3" label="评审意见表" >
<el-descriptions-item span="3" label="评审意见表">
<div class="item-center">
<el-link type="primary">下载评审意见表</el-link>
</div>
......@@ -53,8 +59,9 @@
</el-descriptions>
<div class="review-content">
<div class="card_title">评审内容</div>
<el-table style="white-space: pre-wrap;" border :data="judgingContentInfoList" :cell-style="{height: '120px'}" :row-style="{height: '120px'}">
<el-table-column type="index" label="序号" width="55" align="center" />
<el-table style="white-space: pre-wrap;" border :data="judgingContentInfoList"
:cell-style="{height: '120px'}" :row-style="{height: '120px'}">
<el-table-column type="index" label="序号" width="55" align="center"/>
<el-table-column width="680" label="评审内容" prop="judgingContent" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
......@@ -65,17 +72,109 @@
<el-table-column label="专家评语" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
<el-input v-model="scope.row.expertComments" type="textarea" :rows="4"></el-input>
<el-input v-model="scope.row.expertComments" type="textarea" :rows="4"/>
</div>
</template>
</el-table-column>
</el-table>
<el-form ref="ruleForm" :model="ruleForm" style="margin-top: 16px">
<div style="display: flex">
<el-form-item label="得分（满分100分）" label-width="160px">
<el-input-number :min="0" :max="100" v-model="ruleForm.score"></el-input-number>
</el-form-item>
<el-form-item label="评审意见" label-width="160px">
<el-select v-model="ruleForm.opinion" >
<el-option label="建议立为一般课题" value="0"/>
<el-option label="建议立为重要课题" value="1"/>
</el-select>
</el-form-item>
<el-form-item label="是否愿意担任本课题指导专家" label-width="260px">
<el-select v-model="ruleForm.liability">
<el-option label="是" value="0"/>
<el-option label="否" value="1"/>
</el-select>
</el-form-item>
</div>
<el-form-item label="附件材料" label-width="95px">
<div style="text-align: center">
<el-upload
class="upload-demo"
:drag="false"
action=" "
multiple>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</div>
</el-form-item>
</el-form>
<div style="margin: 10px; text-align: center;">
<el-button v-if="showBtn" type="primary" @click="temporarySaving">临时保存</el-button>
<el-button v-if="showBtn" type="primary" @click="submitRequest">正式提交</el-button>
</div>
</div>
</el-tab-pane>
<el-tab-pane v-if="active === 2" label="项目验收">
项目验收
<el-tab-pane v-if="state === 1" label="项目验收" name="second">
<el-descriptions label-width="190px" size="small" column="3" title="课题名称及申请人基本情况">
<el-descriptions-item span="1.5" label="课题号">2019kk938</el-descriptions-item>
<el-descriptions-item span="1.5" label="起止日期">2019-13-32 - 2019-13-32</el-descriptions-item>
<el-descriptions-item span="3" label="课题名称">母猪的产后护理</el-descriptions-item>
<el-descriptions-item label="课题类别">一般课题</el-descriptions-item>
<el-descriptions-item label="负责人姓名">金轮法王</el-descriptions-item>
<el-descriptions-item label="填表日期">2019-13-32 25:61</el-descriptions-item>
<el-descriptions-item label="成功鉴定方式">通讯鉴定</el-descriptions-item>
<el-descriptions-item label="单位">射水大学</el-descriptions-item>
<el-descriptions-item label="学院/部门">射水学院</el-descriptions-item>
<el-descriptions-item label="专业技术职务">教授</el-descriptions-item>
<el-descriptions-item label="行政职务">教主</el-descriptions-item>
<el-descriptions-item label="邮政编码">123456</el-descriptions-item>
<el-descriptions-item label="通信地址">射水大学射水路</el-descriptions-item>
<el-descriptions-item label="联系电话">12345678910</el-descriptions-item>
<el-descriptions-item label="电子邮箱">12345678910@qq.com</el-descriptions-item>
<el-descriptions-item label="批准时间">2025-13-32</el-descriptions-item>
<el-descriptions-item label="计划完成时间">2025-13-32</el-descriptions-item>
<el-descriptions-item label="实际完成时间">2025-13-32</el-descriptions-item>
<el-descriptions-item span="3" label="附件材料">
<div class="item-center">
<el-link type="primary"></el-link>
</div>
</el-descriptions-item>
<el-descriptions-item span="3" label="结课报告">
<div class="item-center">
<el-link type="primary">下载结课报告</el-link>
</div>
</el-descriptions-item>
</el-descriptions>
<el-descriptions label-width="190px" column="3" title="评审内容">
<el-descriptions-item span="3" label="评审意见">
<div class="item-center">
<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" v-model="comments" />
</div>
</el-descriptions-item>
<el-descriptions-item span="3" label="附件材料">
<div class="item-center">
<el-upload
class="upload-demo"
:drag="false"
action=" "
multiple>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</div>
</el-descriptions-item>
<el-descriptions-item span="3" label="评审结果">
<el-select v-model="ruleForm.liability" :placeholder="false" style="width: 100%">
<el-option label="建议通过" value="0"/>
<el-option label="建议不通过" value="1"/>
</el-select>
</el-descriptions-item>
</el-descriptions>
<div style="margin: 10px; text-align: center;">
<el-button v-if="showBtn1" type="primary" @click="temporarySaving1">临时保存</el-button>
<el-button v-if="showBtn1" type="primary" @click="submitRequest1">正式提交</el-button>
</div>
</el-tab-pane>
<el-tab-pane v-if="active != 0" label="月报">
<el-tab-pane v-if="active != 0" label="月报" name="third">
月报
</el-tab-pane>
......@@ -85,20 +184,27 @@
</template>
<script>
import ElDescriptionsItem from "@/components/descriptionsList/e-desc-item.vue"
import ElDescriptions from "@/components/descriptionsList/e-desc.vue"
import ElDescriptionsItem from '@/components/descriptionsList/e-desc-item.vue'
import ElDescriptions from '@/components/descriptionsList/e-desc.vue'
export default {
name: 'ReviewPage',
components: {
ElDescriptionsItem,
ElDescriptions
},
name: 'ReviewPage',
data() {
return {
active: 0,
state: 1,
showBtn: true,
showBtn1: true,
activeName: 'first',
comments: '',
ruleForm: {
name: '',
region: ''
liability: '',
score: '',
opinion: ''
},
judgingContentInfoList: [
{
......@@ -125,13 +231,77 @@ export default {
judgingContent: '应用价值】该研究的预期成果是否具有社会效益？能够在哪些方面得以使用？请您从应用价\n' +
'值的角度进行评价',
expertComments: ''
},
}
]
}
},
methods: {
goBack() {
this.$router.go(-1)
},
/** 申报信息 按钮 */
temporarySaving() {
this.$message({
message: '临时保存成功',
type: 'success'
})
},
submitRequest() {
this.$confirm('是否提交立项申请?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$message({
type: 'success',
message: '立项申请提交成功!'
})
this.showBtn = false
this.active = 1
}).catch(() => {
this.$message({
type: 'info',
message: '取消成功'
})
})
},
/** 项目验收 按钮 */
temporarySaving1() {
this.$message({
message: '临时保存成功',
type: 'success'
})
},
submitRequest1() {
this.$confirm('是否提交立项申请?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$message({
type: 'success',
message: '立项申请提交成功!'
})
this.showBtn1 = false
}).catch(() => {
this.$message({
type: 'info',
message: '取消成功'
})
})
},
},
created() {
if (this.$route.query.state === '立项评审中'){
this.state = 0
this.active = 0
this.activeName = "first"
}
if (this.$route.query.state === '验收评审中'){
this.state = 1
this.active = 3
this.activeName = "second"
}
}
}
......@@ -142,36 +312,37 @@ export default {
font-size: 18px;
padding: 0;
.tabsBody{
.tabsBody {
margin-top: 10px;
.card_title{
padding: 0 20px 30px 0px;
.card_title {
padding: 0 20px 30px 0;
font-weight: 600;
font-size: 20px;
color: #373d41;
}
.review-content{
.review-content {
margin-top: 20px;
::v-deep .cell.el-tooltip{
white-space: initial!important;
::v-deep .cell.el-tooltip {
white-space: initial !important;
}
::v-deep td .cell{
height:100px!important;
::v-deep td .cell {
height: 100px !important;
}
}
}
.placeholder {
height: 1.3vh;
background-color: #F4F4F4;
margin-bottom: 10px
}
.item-center{
.item-center {
flex: 1;
text-align: center
}
......
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