Skip to content

I
intelligent_station_web
Commit af206ef6 authored by zxw's avatar zxw
Browse files
Options

课题列表分步流程-立项评审结果页面完成

parent 7fbd53a2
Hide whitespace changes
Inline Side-by-side
Showing with 304 additions and 57 deletions
src/views/myTopic/newTopic/index.vue
View file @ af206ef6
......@@ -158,6 +158,60 @@
<div style="text-align: center; margin: 20px 0; font-size: 24px; color: #000000">
课题主要参加者基本情况
</div>
<el-table :data="ProjectApprovalExpertList">
<el-table-column type="selection" width="55" />
<el-table-column min-width="80" 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="150" label="专业技术职务" prop="position" align="center" :show-overflow-tooltip="true" />
<el-table-column min-width="170" label="工作单位(部门)" prop="unit" align="center" :show-overflow-tooltip="true" />
<el-table-column min-width="120" label="研究专长" prop="specialty" align="center" :show-overflow-tooltip="true" />
<el-table-column min-width="120" align="right">
<template slot="header" scope="scope">
<el-button icon="el-icon-plus" size="mini" @click="showForm = true" />
<el-button icon="el-icon-delete" size="mini" @click="deleteItem(scope.$index)" />
</template>
<template slot-scope="scope">
<el-button icon="el-icon-edit" size="mini" @click="editItem(scope.row, scope.$index)" />
<el-button icon="el-icon-delete" size="mini" @click="deleteItem(scope.$index)" />
</template>
</el-table-column>
</el-table>
<!-- 循环渲染列 -->
<el-table-column
v-for="(item, index) in columns"
:key="index"
:prop="item.prop"
:label="item.label"
:align="item.align"
/>
<!-- 弹出表单 -->
<el-dialog title="添加课题参加者" :visible.sync="showForm">
<el-form :model="formData">
<el-form-item label="姓名">
<el-input v-model="formData.name" />
</el-form-item>
<el-form-item label="年龄">
<el-input v-model="formData.age" />
</el-form-item>
<el-form-item label="专业技术职务">
<el-input v-model="formData.position" />
</el-form-item>
<el-form-item label="工作单位 (部门)">
<el-input v-model="formData.unit" />
</el-form-item>
<el-form-item label="研究专长">
<el-input v-model="formData.specialty" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="showForm = false">取消</el-button>
<el-button type="primary" @click="addData">确认</el-button>
</span>
</el-dialog>
<tr>
<th style="border: 1px solid black; width: 50px;">
<el-checkbox v-model="checked" />
......@@ -186,8 +240,70 @@
</td>
</tr>
<!-- 循环渲染列 -->
<el-table-column
v-for="(item, index) in tableData"
:key="index"
:prop="item.name"
:label="item.name"
:align="item.align"
/>
<el-table v-for="(item, index) in tableData" :data="tableData" style="width: 100%">
<!-- 复选框列 -->
<el-table-column
type="selection"
width="55"
/>
<!-- 名称列 -->
<el-table-column
prop="name"
label="姓名"
align="center"
/>
<!-- 年龄列 -->
<el-table-column
prop="age"
label="年龄"
align="center"
/>
<!-- 职位列 -->
<el-table-column
prop="position"
label="职位"
align="center"
/>
<!-- 单位列 -->
<el-table-column
prop="unit"
label="单位"
align="center"
/>
<!-- 专业列 -->
<el-table-column
prop="specialty"
label="专业"
align="center"
/>
<!-- 操作列 -->
<el-table-column
label="操作"
align="center"
>
<template slot-scope="scope">
<el-button icon="el-icon-edit" @click="editItem(scope.row, scope.$index)" />
<el-button icon="el-icon-delete" @click="deleteItem(scope.$index)" />
</template>
</el-table-column>
</el-table>
<!-- 弹出表单 -->
<el-dialog title="添加内容" :visible.sync="showForm">
<el-dialog title="添加课题参加者" :visible.sync="showForm">
<el-form :model="formData">
<el-form-item label="姓名">
<el-input v-model="formData.name" />
......@@ -210,6 +326,7 @@
<el-button type="primary" @click="addData">确认</el-button>
</span>
</el-dialog>
<div style="text-align: center; margin: 30px 0; font-size: 24px; color: #000000">
课题组分工及前期准备情况
</div>
......@@ -274,61 +391,133 @@
</div>
</el-tab-pane>
<el-tab-pane v-if="secondStatus === '通过'" label="立项评审结果" name="second">
<div style="text-align: center; margin: 20px 0; font-size: 24px; color: #000000">
课题主要参加者基本情况
<div class="review-content">
<div style="text-align: center; margin: 20px 0; font-size: 24px; color: #000000">
评审专家列表
</div>
<el-table
style="white-space: pre-wrap;"
border
:data="listOfReviewers"
>
<el-table-column width="180" label="专家姓名" prop="judgingContent" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.nameOfTheExpert }}
</div>
</template>
</el-table-column>
<el-table-column width="100" label="专家手机号" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.expertSMobilePhoneNumber }}
</div>
</template>
</el-table-column>
<el-table-column label="职称" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.jobTitle }}
</div>
</template>
</el-table-column>
<el-table-column label="职务" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.office }}
</div>
</template>
</el-table-column>
<el-table-column label="单位" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.unit }}
</div>
</template>
</el-table-column>
<el-table-column label="研究方向" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.researchInterests }}
</div>
</template>
</el-table-column>
<el-table-column label="邮箱" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.email }}
</div>
</template>
</el-table-column>
</el-table>
</div>
<div class="review-content">
<div style="text-align: center; margin: 20px 0; font-size: 24px; color: #000000">
专家评审结果
</div>
<el-table
style="white-space: pre-wrap;"
border
:data="listOfReviewExperts"
>
<el-table-column width="180" label="专家姓名" prop="judgingContent" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.nameOfTheExpert }}
</div>
</template>
</el-table-column>
<el-table-column width="100" label="专家手机号" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.expertSMobilePhoneNumber }}
</div>
</template>
</el-table-column>
<el-table-column label="得分" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.score }}
</div>
</template>
</el-table-column>
<el-table-column label="评审意见" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.comments }}
</div>
</template>
</el-table-column>
<el-table-column label="是否愿意担任本课题指导专家" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.guidanceSpecialists }}
</div>
</template>
</el-table-column>
<el-table-column label="附件" prop="expertComments" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div style="word-spacing: normal">
{{ scope.row.annex }}
</div>
</template>
</el-table-column>
</el-table>
<div style="text-align: center; margin: 20px 0; font-size: 24px; color: #000000">
管理员评审结果
</div>
<el-descriptions title="" label-width="150px" :column="4">
<el-descriptions-item span="4" label="评审结果" :content-style="{'text-align': 'center'}">
<el-select v-model="ruleForm" disabled placeholder="请选择类型" style="width: 460px">
<el-option label="通过" value="pass" />
<el-option label="不通过" value="notPassed" />
</el-select>
</el-descriptions-item>
</el-descriptions>
</div>
<tr>
<th style="border: 1px solid black; width: 50px;">
<el-checkbox v-model="checked" />
</th>
<th style="border: 1px solid black; width: 120px;">姓名</th>
<th style="border: 1px solid black; width: 120px;">年龄</th>
<th style="border: 1px solid black; width: 250px;">专业技术职务</th>
<th style="border: 1px solid black; width: 260px;">工作单位 (部门)</th>
<th style="border: 1px solid black; width: 180px;">研究专长</th>
<th style="border: 1px solid black; width: 160px;">
<el-button icon="el-icon-plus" style="margin: 5px 0" @click="showForm = true" />
<el-button icon="el-icon-delete" />
</th>
</tr>
<!-- 循环渲染表格数据 -->
<tr v-for="(item, index) in tableData" :key="index">
<td style="text-align: center;"><el-checkbox v-model="item.checked" /></td>
<td style="text-align: center;">{{ item.name }}</td>
<td style="text-align: center;">{{ item.age }}</td>
<td style="text-align: center;">{{ item.position }}</td>
<td style="text-align: center;">{{ item.unit }}</td>
<td style="text-align: center;">{{ item.specialty }}</td>
<td style="text-align: center;">
<el-button icon="el-icon-edit" @click="editItem(item, index)" />
<el-button icon="el-icon-delete" @click="deleteItem(index)" />
</td>
</tr>
<!-- 弹出表单 -->
<el-dialog title="添加内容" :visible.sync="showForm">
<el-form :model="formData">
<el-form-item label="姓名">
<el-input v-model="formData.name" />
</el-form-item>
<el-form-item label="年龄">
<el-input v-model="formData.age" />
</el-form-item>
<el-form-item label="专业技术职务">
<el-input v-model="formData.position" />
</el-form-item>
<el-form-item label="工作单位 (部门)">
<el-input v-model="formData.unit" />
</el-form-item>
<el-form-item label="研究专长">
<el-input v-model="formData.specialty" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="showForm = false">取消</el-button>
<el-button type="primary" @click="addData">确认</el-button>
</span>
</el-dialog>
</el-tab-pane>
<el-tab-pane label="项目中期" name="third">
<div class="centered-title">课题名称及申请人基本情况</div>
......@@ -420,11 +609,11 @@
</div>
<el-descriptions title="" label-width="150px" :column="4">
<el-descriptions-item span="4" label="附件材料" :content-style="{'text-align': 'center'}">
<el-link type="primary"></el-link>
<el-link type="primary" />
</el-descriptions-item>
</el-descriptions>
<el-descriptions title="" label-width="150px" :column="4">
<el-descriptions-item span="4" v-if="!showBtn" label="中期检查报告书" :content-style="{'text-align': 'center'}">
<el-descriptions-item v-if="!showBtn" span="4" label="中期检查报告书" :content-style="{'text-align': 'center'}">
<el-link type="primary">下载中期检查报告书</el-link>
</el-descriptions-item>
</el-descriptions>
......@@ -630,6 +819,7 @@
<div style="margin: 50px 0">
<el-input v-model="form.desc" disabled type="textarea" />
</div>
<div class="review-content">
<div style="text-align: center; margin: 20px 0; font-size: 24px; color: #000000">
项目经费支出情况
......@@ -662,6 +852,7 @@
</el-table-column>
</el-table>
</div>
<el-descriptions title="" :column="4">
<el-descriptions-item span="4" label="附件材料" :content-style="{'text-align': 'center'}">
<el-link type="primary" />
......@@ -697,6 +888,46 @@ export default {
},
data() {
return {
// 查询参数
queryParams: {},
listOfReviewers:[
{
nameOfTheExpert: '张3',
expertSMobilePhoneNumber: '13688888888',
score: 90,
comments: '建议立为重点课题',
guidanceSpecialists: '是',
annex: '',
},
{
nameOfTheExpert: 'asdf22223',
expertSMobilePhoneNumber: '18882459532',
score: 80,
comments: '建议立为一般课题',
guidanceSpecialists: '是',
annex: '',
}
],
listOfReviewExperts: [
{
nameOfTheExpert: '张3',
expertSMobilePhoneNumber: '13688888888',
jobTitle: '教授',
office: '123',
unit: '123',
researchInterests: '12',
email: '123@qq.com'
},
{
nameOfTheExpert: 'asdf22223',
expertSMobilePhoneNumber: '18882459532',
jobTitle: '教授',
office: '职务',
unit: '单位',
researchInterests: '研究方向',
email: ''
}
],
judgingContentInfoList: [
{
typeOfExpenditure: '合计',
......@@ -754,6 +985,20 @@ export default {
mainExpenditureContentDescription: ''
}
],
// 立项评审专家列表(外)
ProjectApprovalExpertList: [],
// 立项评审专家列表(内)
approvalExpertList: [
{
mobilePhone: '13800000001',
expertName: '张三',
professionalTitle: '教授',
jobPosition: '技术总监',
workUnit: 'XX科技公司',
researchDirection: '人工智能算法研究',
emailAddress: 'zhangsan@example.com'
}
],
loading: false,
busStudentInfoList: [],
activeStep: 1, // 默认显示第一个步骤
......@@ -795,7 +1040,9 @@ export default {
},
ruleForm: {
name: '',
region: ''
region: '',
pass: '',
notPassed: ''
}
}
},
......
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