|
|
@@ -1,8 +1,74 @@
|
|
|
<!--专家评审页面-->
|
|
|
<template>
|
|
|
+ <el-dialog v-model="expertDialogVisible" title="添加专家">
|
|
|
+ <el-form :inline="true" label-position="right" label-width="80px">
|
|
|
+ <el-form-item :required="true" label="专家姓名" :label-width="formLaberWidth">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入专家姓名"
|
|
|
+ autocomplete="off"
|
|
|
+ v-model="expertForm.name"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :required="true" label="专家编号" :label-width="formLaberWidth">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入专家编号"
|
|
|
+ autocomplete="off"
|
|
|
+ v-model="expertForm.id"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addExpert">确认</el-button>
|
|
|
+ <el-button @click="expertDialogVisible = false">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog v-model="aideDialogVisible" title="添加助理">
|
|
|
+ <el-form :inline="true" label-position="right" label-width="80px">
|
|
|
+ <el-form-item :required="true" label="助理姓名" :label-width="formLaberWidth">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入助理姓名"
|
|
|
+ autocomplete="off"
|
|
|
+ v-model="aideForm.name"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :required="true" label="助理编号" :label-width="formLaberWidth">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入助理编号"
|
|
|
+ autocomplete="off"
|
|
|
+ v-model="aideForm.id"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAide">确认</el-button>
|
|
|
+ <el-button @click="aideDialogVisible = false">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
<div style="padding: 20px; display: flex;flex-direction: row">
|
|
|
<div style="width: 20vw">
|
|
|
<div style="display: flex; flex-direction: column">
|
|
|
+ <div style="margin-top: 20px;width: 140px">
|
|
|
+ <el-button type="primary" @click="expertDialogVisible = true">添加专家</el-button>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: 20px;width: 140px">
|
|
|
+ <el-button type="warning" @click="deleteExpertLastRow">删除专家</el-button>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: 20px;width: 140px">
|
|
|
+ <el-button type="primary" @click="aideDialogVisible = true">添加助理</el-button>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: 20px;width: 140px">
|
|
|
+ <el-button type="warning" @click="deleteAideLastRow">删除助理</el-button>
|
|
|
+ </div>
|
|
|
<div style="margin-top: 20px;width: 140px">
|
|
|
<el-button type="primary" @click="numberExpertsVisible = true">点击设置专家人数</el-button>
|
|
|
</div>
|
|
|
@@ -52,7 +118,23 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
- <div style="width: 40vw;background-color: #42b983">
|
|
|
+ <div style="width: 40vw;">
|
|
|
+ <el-table :data="expert">
|
|
|
+ <el-table-column label="专家姓名" prop="name"></el-table-column>
|
|
|
+ <el-table-column label="编号" prop="id"></el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </el-table >
|
|
|
+
|
|
|
+ <el-table :data="aide" style="margin-top: 100px">
|
|
|
+ <el-table-column label="助理姓名" prop="name"></el-table-column>
|
|
|
+ <el-table-column label="编号" prop="id"></el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
|
|
|
@@ -139,6 +221,34 @@
|
|
|
name: "expertReviewPage",
|
|
|
data(){
|
|
|
return{
|
|
|
+ expertDialogVisible:false,
|
|
|
+ aideDialogVisible:false,
|
|
|
+ expertForm:{
|
|
|
+ name:'',
|
|
|
+ id:''
|
|
|
+ },
|
|
|
+ aideForm:{
|
|
|
+ name:'',
|
|
|
+ id:''
|
|
|
+ },
|
|
|
+ expert:[
|
|
|
+ {
|
|
|
+ name:'专家一',
|
|
|
+ id:'a1',
|
|
|
+ },{
|
|
|
+ name:'专家二',
|
|
|
+ id:'a2',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ aide:[
|
|
|
+ {
|
|
|
+ name:'助理一',
|
|
|
+ id:'b1'
|
|
|
+ },{
|
|
|
+ name:'助理二',
|
|
|
+ id:'b2'
|
|
|
+ },
|
|
|
+ ],
|
|
|
expertData : [
|
|
|
|
|
|
],
|
|
|
@@ -162,6 +272,29 @@
|
|
|
}
|
|
|
},
|
|
|
methods : {
|
|
|
+ deleteExpertLastRow() {
|
|
|
+ this.expert.pop(); // 删除最后一行
|
|
|
+ },
|
|
|
+ deleteAideLastRow() {
|
|
|
+ this.aide.pop(); // 删除最后一行
|
|
|
+ },
|
|
|
+ addExpert(){
|
|
|
+ this.expertDialogVisible = false;
|
|
|
+ let s = {
|
|
|
+ name:this.expertForm.name,
|
|
|
+ id:this.expertForm.id
|
|
|
+ }
|
|
|
+ this.expert.push(s)
|
|
|
+ },
|
|
|
+ addAide(){
|
|
|
+ this.aideDialogVisible = false;
|
|
|
+ let s = {
|
|
|
+ name:this.aideForm.name,
|
|
|
+ id:this.aideForm.id
|
|
|
+ }
|
|
|
+ this.aide.push(s)
|
|
|
+ },
|
|
|
+
|
|
|
numberExpert(){
|
|
|
this.numberExpertsVisible = false;
|
|
|
this.formNumberExperts.totalNumber = '';
|
