#

src/components/studentProjectWord.vue

@@ -36,7 +36,7 @@
         <td colspan="2" ref="checkList">优先支持项目（可多选）</td> <td colspan="5">
           <el-checkbox-group v-model="wordData.checkList">
             <el-checkbox label="1">大赛选拔项目</el-checkbox>
-            <el-checkbox label="2">大赛选拔项目</el-checkbox>
+            <el-checkbox label="2">落地注册项目</el-checkbox>
             <el-checkbox label="3">社会征集项目</el-checkbox>
             <el-checkbox label="4">产业命题项目</el-checkbox>
           </el-checkbox-group>

src/views/projectApply/components/projectApplication2.vue

@@ -1,277 +0,0 @@
-<template>
-  <!-- 项目立项申请查看详细项目详细 -->
-    <div class="projectApplication2">
-
-      <div id="w">
-              <p class="pTit">研发内容</p>
-              <div>
-                <p class="pTit2">一、项目研发背景</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.back">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.back"></vue-editor> -->
-                </div>
-              </div>
-              <div>
-                <p class="pTit2">二、项目创新点</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.innovate">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.innovate"></vue-editor> -->
-                </div>
-              </div>
-              <div>
-                <p class="pTit2">三、技术研发路线</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.path">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.path"></vue-editor> -->
-                </div>
-              </div>
-              <div>
-                <p class="pTit2">四、项目应用场景</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.scene">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.scene"></vue-editor> -->
-                </div>
-              </div>
-              <!-- <div class="editor">
-                <vue-editor  :editorToolbar="customToolbar" v-model="content.contentOne"></vue-editor>
-              </div> -->
-            </div>
-            <div>
-              <p class="pTit">商业模式及社会价值</p>
-              <div>
-                <p class="pTit2">一、项目商业模式/社会价值</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.worth">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.worth"></vue-editor> -->
-                </div>
-              </div>
-            </div>
-            <div>
-              <p class="pTit">团队优势</p>
-              <div>
-                <p class="pTit2">一、团队构成及优势</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.team">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.team"></vue-editor> -->
-                </div>
-              </div>
-            </div>
-
-            <div>
-              <p class="pTit">研发成本</p>
-              <div>
-                <p class="pTit2">一、研发成本来源及构成</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.cost">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.cost"></vue-editor> -->
-                </div>
-              </div>
-            </div>
-            <div id="e">
-              <p class="pTit">预期成果</p>
-              <div>
-                <p class="pTit2">一、项目预期成果、数量及形式（产品原型/发明专利/双创竞赛/成果转化/社会效益）</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.expectResults">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.expectResults"></vue-editor> -->
-                </div>
-              </div>
-              <div>
-                <p class="pTit2">二、学生创客人才培养预期成果、数量（教师填写）</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.expectResultsTeacher">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.expectResultsTeacher"></vue-editor> -->
-                </div>
-              </div>
-              <div>
-                <p class="pTit2">三、项目预期孵化、转化创业项目情况</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.expectConversion">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.expectConversion"></vue-editor> -->
-                </div>
-              </div>
-            </div>
-            <div>
-              <p class="pTit" style="margin-bottom: 0;">实施计划</p>
-              <div class="editor">
-                <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="content.plan">
-                  </el-input>
-                <!-- <vue-editor  :editorToolbar="customToolbar" v-model="content.plan"></vue-editor> -->
-              </div>
-            </div>
-      <div class="baseBtn">
-        <div class="blockWidth">
-          <el-button type="primary" v-show="isupload==0" @click="audit">立即修改</el-button>
-          <el-button type="primary" v-show="isupload!=0"  class="disa">立即修改</el-button>
-
-        </div>
-      </div>
-      <!-- 修改对话框开始 -->
-      <el-dialog
-          title="提示"
-          :visible.sync="submitHint"
-          width="600px"
-          class="pageSubmitData"
-          :before-close="init">
-          <div class="addDialogLogo">LOGO</div>
-          <div class="deleteContent">确定修改项目基本信息?</div>
-          <span slot="footer" class="dialog-footer">
-            <el-button type="primary" @click="submitAll" class="AllDialogBtn">确认提交</el-button>
-            <el-button @click="init" class="AllDialogBtn" size="small">取消</el-button>
-          </span>
-        </el-dialog>
-      <!-- 修改对话框结束 -->
-    </div>
-  </template>
-  
-  <script>
-import { VueEditor } from "vue2-editor";
-
-      export default {
-        components:{
-          VueEditor
-        },
-        data() {
-          return {
-            isUpload:'',
-            endProject:'',
-            apIsupload:0,
-            data:[["","","","",""],[]],
-            submitHint:false,
-            customToolbar: [
-              ["bold", "italic", "underline"], [{ list: "ordered" }, { list: "bullet" }],
-              [{ align: "" }, { align: "center" }, { align: "right"}, { align: "justify"}],
-              [{header:[false,1,2,3,4]}]
-            ],
-            content:'',
-          }
-        },
-        methods:{
-          audit(){   //立即修改按钮
-            this.submitHint=true
-          },
-          submitAll(){
-            let param={
-              uid:this.$store.state.userInfo.userid,
-              pid:JSON.parse(localStorage.getItem('pid')),
-              message:JSON.stringify(this.content)
-            }
-              this.ajax
-                  .post(this.$store.state.api+'/updateProjectApplication2Student',param)
-                  .then(res=>{
-                    // console.log(res);
-                    this.$message.success('修改成功')
-                    this.init()
-                  },err=>{
-                    console.log(err);
-                  })
-          },
-          init(){
-            this.submitHint=false
-          },
-
-          getData(){
-                let param={
-                    uid:this.$store.state.userInfo.userid,
-                    pid:JSON.parse(localStorage.getItem('pid'))
-                }
-                this.ajax
-                    .get(this.$store.state.api+'/SelectProjectApplyDetailStudent',param)
-                    .then(res=>{
-                        let data=res.data[0][0]
-                        console.log(data);
-                        this.isUpload=data.isupload
-                        this.endProject=data.endProject
-                        this.content=JSON.parse(data.chapters)
-                        this.apIsupload=data.apIsupload
-                        // console.log(this.content);
-                    },err=>{
-                        console.log(err);
-                    })
-            },
-        },
-        mounted(){
-          this.getData();
-        }
-      }
-  </script>
-  
-  <style lang="less">
-
-  </style>

src/views/projectApply/components/projectApplicationApplyMakerSpace.vue

@@ -1,722 +0,0 @@
-<template>
-  <!-- 项目立项申请立项检查消息表达 -->
-    <div class="projectApplicationApply">
-  <!-- 左边导航区开始 -->
-        <div class="left">
-          <div class="sx">
-            <div class="qiu"></div>
-          </div>
-          <div class="leftTits">
-            <div  @click="toPage(1)">基本信息填写</div>
-            <div @click="toPage(2)">项目成员</div>
-            <div @click="toPage(3)">简介</div>
-            <div @click="toPage(4)">下一步</div>
-          </div>
-        </div>
-  <!-- 左边导航区结束 -->
-        
-
-  <!-- 右边填写信息区域开始 -->
-        <div id="one" class="right">
-            <div  class="vfpHeader">
-              <div class="titleOne">项目立项申请</div>
-              <div class="smallTitle">申请开放时间为2023年4月4日9:00 &nbsp;  截止时间为2023年12月31日18:00</div>
-              <el-button @click="backBtn1" type="primary" size="mini">返回</el-button>
-            </div>
-            <hr>
-
-                <!-- 活动申请填写信息区域开始 -->
-                <div class="select">
-                    <div class="selectTop">
-                      <div class="label">项目名称</div>
-                      <el-input v-model="data.select.projectName" placeholder="请输入内容"></el-input>
-                    </div>
-                    <div class="selectMid">
-                      <div class="selectLeft">
-                          
-
-                          <div class="inpBlock">
-                              <div class="label">项目负责人</div>
-                              <el-input v-model="data.select.person" placeholder="请输入内容"></el-input>
-                          </div>
-                          <div class="inpBlock">
-                              <div class="label">所在部门</div>
-                              <el-select v-model="data.select.value" style="width: 100%;" placeholder="请选择">
-                                <el-option
-                                  v-for="item in data.options"
-                                  :key="item.id"
-                                  :label="item.name"
-                                  :value="item.id">
-                                </el-option>
-                              </el-select>
-                          </div>
-                          <div class="inpBlock">
-                            <div class="label">学院牵头领导</div>
-                            <el-input v-model="data.select.leader" placeholder="请输入学院牵头领导"></el-input>
-                          </div>
-                      </div>
-
-                      <div class="selectRight">
-                        <div class="inpBlock">
-                              <div class="label">项目时间</div>
-                              <el-date-picker
-                                v-model="data.select.Data"
-                                type="daterange"
-                                value-format="yyyy-MM-dd HH:mm:ss"
-                                range-separator="至"
-                                start-placeholder="项目起始时间"
-                                end-placeholder="项目完成时间">
-                              </el-date-picker>
-                          </div>
-                          <div class="inpBlock" style="position: relative;">
-                              <div class="label">预算总经费</div>
-                              <el-input type="number"  v-model.number="data.select.fund" placeholder="请输入内容"></el-input>
-                              <div style="position: absolute;right: -30px;top: 10px;">(万)</div>
-                          </div>
-                          <div class="inpBlock">
-                              <div class="label">选择分类</div>
-                              <el-cascader v-model="type" :options="option" disabled></el-cascader>
-                          </div>
-                      </div>
-                    </div>
-                   
-              </div>
-              <!-- 活动申请填写信息区域结束 -->
-
-          <!-- 项目封面上传开始 -->
-          <div style="height: 260px;">
-              <div id="three" class="tabTit">
-                <div><p>封面上传</p></div>
-              </div>
-              <hr>
-              <div style="margin-bottom: 10px;">项目封面</div>
-              <el-progress v-show="progress.show" :percentage="progress.value" :format="ProgressFormat"></el-progress>
-
-              <el-upload
-                class="avatar-uploader"
-                action="#"
-                disabled
-                style="position: relative;"
-                :show-file-list="false"
-                >
-                <img v-if="data.dialogImageUrl" :src="data.dialogImageUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-                <BeUpload :progress="progress" style="position: absolute;width: 301px;height: 180px; opacity: 0;z-index: 333;left: 0;top: 0;" @getFile="getFile" class="uploadPic" :navName="'上传封面'" :accept="accept"></BeUpload>
-              </el-upload>
-            </div>
-
-          <!-- 项目封面上传开始结束 -->
-
-
-
-            <!-- <div> -->
-  <!-- 项目成员表格开始 -->
-              <div id="two" class="tabTit">
-                <div><p>项目组-教师团队</p><span>（团队3人以上，至少应包含1名教研室主任）</span></div>
-                <el-button type="primary" @click="addMember"  size="mini">添加成员</el-button>
-              </div>
-              <hr>
-              <el-table
-                :data="data.teacherData"
-                tooltip-effect="dark"
-                stripe
-                :header-cell-style="{ background: '#f2f2f2',color:'#000' }"
-                class="fontSize"
-                >
-              
-                <el-table-column
-                  prop="name"
-                  label="姓名"
-                  align="center"
-                  >
-                </el-table-column>
-                <el-table-column
-                  prop="speciality"
-                  label="专业"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  prop="title"
-                  label="职称"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  prop="education"
-                  label="学历"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  prop="section"
-                  label="所在教研室"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  prop="work"
-                  label="项目组角色分工"
-                  align="center"
-                  >
-                </el-table-column>
-
-              
-                
-                <el-table-column
-                  align="center"
-                  prop="operation"
-                  label="操作"
-                  >
-                  <template #default="scope">
-                      <div class="operations" style="display:flex">
-                          <!-- <el-button type="primary" > -->
-                              <el-button type="primary" @click="amendDialogData(scope.$index)" size="mini">修改</el-button>
-                              <el-button type="primary" @click="Del(scope.$index)" size="mini">删除</el-button>
-                          <!-- </el-button> -->
-                      </div>
-                  </template>
-                </el-table-column>
-              </el-table>
-
-              <div id="four" class="tabTit">
-                <div><p>项目组-学生团队</p><span>（团队5人以上，学生团队年级结构安排合理）</span></div>
-                <el-button type="primary" @click="addMemberStudent"  size="mini">添加学生</el-button>
-              </div>
-              <hr>
-              <el-table
-                :data="data.studentData"
-                tooltip-effect="dark"
-                stripe
-                :header-cell-style="{ background: '#f2f2f2',color:'#000' }"
-                class="fontSize"
-                >
-              
-                <el-table-column
-                  prop="name"
-                  label="姓名"
-                  align="center"
-                  >
-                </el-table-column>
-                <el-table-column
-                  prop="class"
-                  label="班级"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  prop="age"
-                  label="年龄"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  prop="work"
-                  label="项目组任务分工"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  align="center"
-                  prop="operation"
-                  label="操作"
-                  >
-                  <template #default="scope">
-                      <div class="operations">
-                          <!-- <el-button type="primary" > -->
-                              <el-button type="primary" @click="updateStudent(scope.$index)" size="mini">修改</el-button>
-                              <el-button type="primary" @click="DelStudent(scope.$index)" size="mini">删除</el-button>
-                          <!-- </el-button> -->
-                      </div>
-                  </template>
-                </el-table-column>
-              </el-table>
-  <!-- 项目成员表格结束 -->
-
-
-  <!-- 项目简介开始 -->
-            <div id="three" class="tabTit">
-                <div><p>项目简介</p></div>
-            </div>
-            <hr>
-              <el-input
-                type="textarea"
-                :rows="6"
-                resize="none"
-                class="textArea"
-                placeholder="项目简介（200-300字）"
-                v-model="data.textarea">
-              </el-input>
-  <!-- 项目简介结束 -->
- <!-- 结束按钮开始 -->
-         <div id="five" class="baseBtn">
-              <div class="blockWidth">
-                <el-button type="primary"  @click="backBtn1" size:small>上一步</el-button>
-                <el-button type="primary"  @click="backBtn" size:small>下一步</el-button>
-              </div>
-            </div>
-  <!-- 结束按钮结束 -->
-
-
- 
-        </div>
-  <!-- 右边填写信息区域结束 -->
-
-      <!--添加成员dialog对话框开始 -->
-      <el-dialog
-          :title= "isAddMember==1?'添加教师':'修改教师'"
-          :visible.sync="addMemberDialog"
-          :modal="true"
-          :close-on-click-modal="true"
-          class="AddMember"
-          :before-close="init">
-            <div class="littleBlock">
-              <div class="dialogLabel">姓名</div>
-              <div>
-                <el-input v-model="teacher.name" placeholder="请输入教师姓名"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">专业</div>
-              <div>
-                <el-input v-model="teacher.speciality" placeholder="请输入教师专业"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">职称</div>
-              <div>
-                <el-input v-model="teacher.title" placeholder="请输入教师职称"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">学历</div>
-              <div>
-                <el-input v-model="teacher.education" placeholder="请输入教师学历"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel" style="transform: translate(0,0);">所在教研室</div>
-              <div>
-                <el-input v-model="teacher.section" placeholder="请输入所在教研室"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel" style="transform: translate(0,0);">项目组角色分工</div>
-              <div>
-                <el-input v-model="teacher.work" placeholder="请输入项目组角色分工"></el-input>
-              </div>
-            </div>
-
-
-            <div slot="footer" class="footer">
-              <el-button v-show="isAddMember==1" type="primary" @click="commit" class="AllDialogBtn" >确认提交</el-button>
-              <el-button v-show="isAddMember==2" type="primary" @click="commit2" class="AllDialogBtn" >确认修改</el-button>
-
-              <el-button @click="init" class="AllDialogBtn">取消</el-button>
-            </div>
-      </el-dialog>
-      <!--添加成员dialog对话框结束 -->
-
-      <!--添加学生成员dialog对话框开始 -->
-      <el-dialog
-          :title= "isAddStudent==1?'添加学生':'修改学生'"
-          :visible.sync="addStudentDialog"
-          :modal="true"
-          :close-on-click-modal="true"
-          class="AddMember"
-          :before-close="init">
-            <div class="littleBlock">
-              <div class="dialogLabel">姓名</div>
-              <div>
-                <el-input v-model="student.name" placeholder="请输入学生姓名"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">班级</div>
-              <div>
-                <el-input v-model="student.class" placeholder="请输入学生班级"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">年龄</div>
-              <div>
-                <el-input v-model="student.age" placeholder="请输入学生年龄"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel" style="transform: translate(0,0);">项目组角色分工</div>
-              <div>
-                <el-input v-model="student.work" placeholder="请输入项目组角色分工"></el-input>
-              </div>
-            </div>
-
-
-            <div slot="footer" class="footer">
-              <el-button v-show="isAddStudent==1" type="primary" @click="commitStudent" class="AllDialogBtn" >确认提交</el-button>
-              <el-button v-show="isAddStudent==2" type="primary" @click="commitStudent2" class="AllDialogBtn" >确认修改</el-button>
-
-              <el-button @click="init" class="AllDialogBtn">取消</el-button>
-            </div>
-      </el-dialog>
-      <!--添加学生成员dialog对话框结束 -->
-
-      <!-- 删除教师成员对话框开始 -->
-            <el-dialog
-              title="删除教师成员"
-              :visible.sync="delMember"
-              width="600px"
-              class="delMemberDialog">
-              <span class="deleteContent">确定删除该教师成员?</span>
-              <span slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="commitDelMember" class="AllDialogBtn">确认删除</el-button>
-                <el-button @click="init" class="AllDialogBtn" >取消</el-button>
-              </span>
-            </el-dialog>
-      <!-- 删除教师成员对话框结束 -->
-
-      <!-- 删除学生成员对话框开始 -->
-      <el-dialog
-              title="删除学生成员"
-              :visible.sync="DelStudentDialog"
-              width="600px"
-              class="delMemberDialog">
-              <span class="deleteContent">确定删除该学生成员?</span>
-              <span slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="commitDelStudent" class="AllDialogBtn">确认删除</el-button>
-                <el-button @click="init" class="AllDialogBtn" >取消</el-button>
-              </span>
-            </el-dialog>
-      <!-- 删除学生成员对话框结束 -->
-    </div>
-  
-</template>
-
-<script>
-import BeUpload from "@/components/tool/beUpload.vue";
-    export default { 
-      props:["data","next",'back','addPerson','type','option'],
-      components: {
-        BeUpload,
-      },
-      data() {
-        return {
-          // dialogImageUrl: '',
-          accept:"image/*",
-          isAddMember:1,
-          isAddStudent:1,
-          progress:{   //进度条
-                value:0,
-                show:false
-            },  
-          // fileList: [],
-          dialogVisible: false,
-          addMemberDialog:false,
-          addStudentDialog:false,
-          delMember:false,
-          DelStudentDialog:false,
-          index:'',
-          teacher:{ //添加老师团队表
-            name:"",  //姓名
-            speciality:"",//专业
-            title:"",//职称
-            education:"",//学历
-            section:"",//所在教研室
-            work:"",//项目组角色分工
-          },
-          student:{ //添加学生团队表
-            name:"",//姓名
-            class:"",//班级
-            age:"",//年龄
-            work:'',//项目组任务分工
-          }
-        }
-      },
-      
-      methods:{
-        getFile(val) {       //上传封面
-            // console.log(val);
-            this.progress.show = false;
-            this.data.dialogImageUrl=val.url
-            this.$message.success('封面上传成功')
-        },
-        ProgressFormat(value){        //进度条
-          return value ==100?'100%':`${value}%`
-        },
-        // submitUpload() {
-        //   this.$refs.upload.submit();
-        // },
-        handleRemove(file, fileList) {
-          console.log(file, fileList);
-        },
-        handlePictureCardPreview(file) {
-            this.dialogImageUrl = file.url;
-            this.dialogVisible = true;
-        },
-        // getText(value) {     //电话验证
-        //   let verify = /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))\d{8}$/; //获取正则表达式 存放到verify变量中
-        //   let result = verify.test(value.trim()); //判断输入框内容是否符合 正则表达式
-        //   // if(!result && value != "") {
-        //     // debugger
-        //   if(!result) {
-        //     if (value == this.data.select.tel) {
-        //         this.$message.error('请输入正确联系号码格式')
-        //         return  this.data.telVerify=false;
-        //     }
-        //     if (value == this.data.Member.phone) {
-        //         return  this.data.telVerify2=false;
-        //     }
-        //   }else{
-        //     if (value == this.data.select.tel) {
-        //          this.data.telVerify=true;
-        //     }
-        //     if (value == this.data.Member.phone) {
-        //       return  this.data.telVerify2=true;
-        //     }
-        //   }
-        // },
-        
-        init(){
-          this.addMemberDialog=false;
-          this.delMember=false;
-          this.addStudentDialog = false;
-          this.DelStudentDialog = false;
-        },
-        addMember(){   //添加项目组-教师成员
-          this.isAddMember=1;
-          this.addMemberDialog=true
-        },
-        addMemberStudent(){//添加项目组-学生成员
-          this.isAddStudent=1;
-          this.addStudentDialog = true;
-        },
-        amendDialogData(val){   //修改老师信息对话框显示
-          Object.assign(this.teacher,this.data.teacherData[val])
-          this.isAddMember=2;
-          this.index=val;
-          this.addMemberDialog=true;
-        },
-        updateStudent(val){ //修改学生信息
-          Object.assign(this.student,this.data.studentData[val]);
-          this.isAddStudent=2;
-          this.index=val;
-          this.addStudentDialog = true;
-        },
-        commit2(){   //确定修改老师
-            Object.assign(this.data.teacherData[this.index],this.teacher)
-            for(let k in this.teacher) this.teacher[k]=''
-            this.addMemberDialog=false;
-            this.$message.success('修改成功')
-        },
-        Del(val){    //删除对话框显示
-          this.delMember=true;
-          this.index=val
-        },
-        DelStudent(val){//删除学生对话框
-          this.index = val;
-          this.DelStudentDialog=true;
-        },
-        commitDelMember(){   //对话框确定删除教师成员
-          let a=this.index;
-          this.data.teacherData.splice(a,1);
-          this.$message.success('删除成功');
-          this.delMember=false;
-        
-        },
-        commitDelStudent(){ //对话框确定删除学生成员
-          this.data.studentData.splice(this.index,1);
-          this.$message.success('删除成功');
-          this.DelStudentDialog=false;
-        },
-        backBtn1(){  // 上一步
-          this.$router.push('/projectApplication')
-        },
-         
-        backBtn(){   // 下一步
-            this.next();
-        },
-        commit(){   //确定添加教师
-              for(let i in this.teacher){if(this.teacher[i]==''||this.teacher[i]==undefined)return this.$message.error("请填完所有内容");}
-              let newData = {};
-              for(let a in this.teacher)newData[a] = this.teacher[a];
-              this.data.teacherData.push(newData);
-              this.$message.success('添加成功');
-              this.init();
-              for(let j in this.teacher)this.teacher[j]='';
-        },
-        commitStudent(){//确定添加学生
-            for(let i in this.student){if(this.student[i]==''||this.student[i]==undefined)return this.$message.error("请填完所有内容");}
-            let newData={};
-            for(let a in this.student)newData[a] = this.student[a];
-            this.data.studentData.push(newData);
-            this.$message.success("添加成功");
-            this.init();
-            //清空表单
-            for(let j in this.student)this.student[j]='';
-        },
-        commitStudent2(){//确定修改学生
-            Object.assign(this.data.studentData[this.index],this.student)
-            this.addStudentDialog=false;
-            for(let k in this.student) this.student[k]=''
-            this.$message.success('修改成功')
-        },
-        toPage(val){
-            if (val==1) {
-              document.getElementById("one").scrollIntoView({ behavior: "smooth" });
-            }else if(val==2){
-              document.getElementById("two").scrollIntoView({ behavior: "smooth" });
-            }else if(val==3){
-              document.getElementById("three").scrollIntoView({ behavior: "smooth" });
-            }else if(val==4){
-              document.getElementById("four").scrollIntoView({ behavior: "smooth" });
-            }
-        }
-      },
-    }
-</script>
-
-<style lang="less">
-
-
-.avatar-uploader .el-upload {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    z-index: -10;
-    // position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 300px;
-    // height: 50%;
-    line-height: 178px;
-    text-align: center;
-  }
-  .avatar {
-    width: 300px;
-    height:180px !important;
-    display: block;
-  }
-.projectApplicationApply{
-    margin-top: 30px;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    .uploadPic{
-      position: absolute;
-      top: -8px;right: 0;
-      width: 100px;
-      box-sizing: border-box;
-      padding: 9px 0;
-      font-size: 16px;
-      background-color: #0e72e6;
-      border-radius:5px
-    }
-        // 右边栏标题
-        .projectApplicationApplypAHeader{
-            width: 100%;
-            display: flex;
-            justify-content:flex-start;
-            position: relative;
-            margin-bottom: 15px;
-            .pAHeader1{
-              font-weight: 600;
-              font-size: 22px;
-              flex-shrink: 0;
-            }
-            .pAHeader2{
-              position: absolute;
-              top:8px;
-              left: 160px;
-              font-size: 16px;
-              background: repeating-linear-gradient();
-            }
-            .pAHeader3{
-              background: #0e72e6 !important;
-              color: #fff !important;
-              display: flex;
-              position: absolute;
-              right: 0;
-              justify-content: center;
-              font-size: 16px;
-              width: 100px;
-              height: 30px;
-              align-items: center;
-            }
-        }
-
-
-
-        .delMemberDialog{
-            font-size: 18px;
-            .el-dialog{
-              border-radius: 5px;
-              overflow: hidden;
-            }
-            .deleteContent{
-              margin: 30px 0;
-              font-size: 22px;
-              color: #000;
-            }
-            .el-dialog__header{
-              background: #32455b;
-              display: flex;
-              justify-content: center;
-            }
-            .el-dialog__title{
-              color:#fff;
-        display: flex;
-        justify-content: center;
-        font-size: 18px;
-        position: relative;
-        top: -2px;
-            }
-            .el-dialog__body{
-              display: flex;
-              justify-content: center;
-            }
-            // .addDialogMid{
-            //   box-sizing: border-box;
-            //   padding:0 60px 0 10px;
-            //   .addDialogTit{
-            //     display: flex;
-            //     span{
-            //       width: 80px;
-            //       font-size: 16px;
-            //       line-height: 40px;
-            //       text-align: left;
-                  
-            //     }
-            //   }
- 
-            // }
-            .dialog-footer{
-              display: flex;
-              justify-content: center;
-              box-sizing: border-box;
-            }
-          }
-}
-#four{
-  margin-top: 60px;
-}
-</style>

src/views/projectApply/components/projectApplicationApplyMakerSpace2.vue

@@ -1,247 +0,0 @@
-<template>
-  <!-- 项目立项申请项目内容表达 -->
-      <div class="projectApplicationApply2">
-        <div class="left">
-          <div class="sx">
-            <div class="qiu"></div>
-          </div>
-          <div class="leftTits">
-            <div @click="toPage(1)" style="position: relative;right: 5px;">
-              <el-tooltip class="item" effect="light" content="项目建设内容及目标" placement="bottom-start">
-                <p>项目建设内容及目标</p>
-              </el-tooltip>
-            </div>
-            <div @click="toPage(2)" style="position: relative;right: 5px;">
-              <el-tooltip class="item" effect="light" content="预期取得的成果" placement="bottom-start">
-                <p>预项目建设论证报告</p>
-              </el-tooltip>
-            </div>
-            <div @click="toPage(3)">预期成果</div>
-            <div @click="toPage(5)" style="position: relative;right: 5px;">
-              <el-tooltip class="item" effect="light" content="立项基础及条件" placement="bottom-start">
-                <p>立项基础及条件</p>
-              </el-tooltip>
-            </div>
-            <div @click="toPage(4)">下一步</div>
-          </div>
-        </div>
-        <div class="right">
-            <div id="l" class="vfpHeader">
-              <div class="titleOne">项目立项申请</div>
-              <el-button @click="backBtn1" type="primary" size="mini">返回</el-button>
-            </div>
-            <hr>
-            <div id="w">
-              <p class="pTit">项目建设内容及目标</p>
-              <div>
-                <p class="pTit2">一、建设内容<span>（空间优化/场馆规划方面拟解决的关键问题及主要建设指标）</span></p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="data.Construction">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.Construction"></vue-editor> -->
-                </div>
-              </div>
-            </div>
-            <div id="a">
-              <p class="pTit">预项目建设论证报告</p>
-              <div>
-                <p class="pTit2">一、立项依据<span> （说明本项目的目的、意义以及国内外高校现状、市场预测和发展趋势，预期达到的目标，研究的预期效果分析，成果受益面）</span></p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="data.ProjectBasis">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.ProjectBasis"></vue-editor> -->
-                </div>
-              </div>
-            </div>
-            <div id="q">
-              <p class="pTit">预期成果</p>
-              <div>
-                <p class="pTit2">一、创客空间物理环境、制度建设及软件设施建设情况<span>（环境优化/制度完善/设施改造）</span></p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="data.customToolbar">
-                  </el-input>
-                  <!-- <vue-editor  v-model="data.development" :editorToolbar="customToolbar"></vue-editor> -->
-                </div>
-              </div>
-
-              <div>
-                <p class="pTit2">二、学生创客工作室建设情况<span>（工作室数量及活动开展情况）</span></p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="data.studio">
-                  </el-input>
-                  <!-- <vue-editor :editorToolbar="customToolbar" v-model="data.studio"></vue-editor> -->
-                </div>
-              </div>
-
-              <div>
-                <p class="pTit2">三、学生创客团队（人才）培养预期成果、数量</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="data.studentTeam">
-                  </el-input>
-                  <!-- <vue-editor :editorToolbar="customToolbar" v-model="data.studentTeam"></vue-editor> -->
-                </div>
-              </div>
-
-              <div>
-                <p class="pTit2">四、学生创客活动组织实施情况</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="data.studentActivities">
-                  </el-input>
-                  <!-- <vue-editor :editorToolbar="customToolbar" v-model="data.studentActivities"></vue-editor> -->
-                </div>
-              </div>
-
-              <div>
-                <p class="pTit2">五、学生创客团队孵化、转化创业项目情况</p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="data.Transforming">
-                  </el-input>
-                  <!-- <vue-editor :editorToolbar="customToolbar" v-model="data.Transforming"></vue-editor> -->
-                </div>
-              </div>
-            </div>
-            <div id="p">
-              <p class="pTit">立项基础及条件</p>
-              <div>
-                <p class="pTit2">一、基础条件<span>（物理环境/设备设施/项目实施/活动开展/技术力量/社会资源）</span></p>
-                <div class="editor">
-                  <el-input
-                    type="textarea"
-                    :rows="6"
-                    resize="none"
-                    class="textArea"
-                    placeholder="请输入内容"
-                    v-model="data.condition">
-                  </el-input>
-                  <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.condition"></vue-editor> -->
-                </div>
-              </div>
-            </div>
-            <div id="r" class="baseBtn">
-              <div class="blockWidth">
-                <el-button type="primary" class="backBtn" @click="backBtn1" size:small>上一步</el-button>
-                <el-button type="primary" class="backBtn" @click="backBtn" size:small>下一步</el-button>
-              </div>
-            </div>
-        </div>
-      </div>
-  </template>
-  
-  <script>
-  import { VueEditor } from "vue2-editor";
-      export default {
-        props:["data","next",'back'],
-        components:{
-          VueEditor
-        },
-        data() {
-          return {
-            content:'',
-            customToolbar: [
-              ["bold", "italic", "underline"], [{ list: "ordered" }, { list: "bullet" }],
-              [{ align: "" }, { align: "center" }, { align: "right"}, { align: "justify"}],
-              [{header:[false,1,2,3,4]}]
-            ],
-          }
-        },
-        methods:{
-          backBtn(){
-            this.next();
-          },
-          backBtn1(){
-            this.back();
-          },
-          toPage(val){
-            if (val==1) {
-              document.getElementById("w").scrollIntoView({ behavior: "smooth" });
-            }else if(val==2){
-              document.getElementById("a").scrollIntoView({ behavior: "smooth" });
-            }else if(val==3){
-              document.getElementById("q").scrollIntoView({ behavior: "smooth" });
-            }else if(val==4){
-              document.getElementById("r").scrollIntoView({ behavior: "smooth" });
-            }else if(val==5){
-              document.getElementById("p").scrollIntoView({ behavior:"smooth"})
-            }
-          }
-        }
-      }
-  </script>
-  
-  <style lang="less">
-  .projectApplicationApply2{
-    margin-top: 30px;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    // margin-bottom: 100px;
-
-    .item {
-      margin: 4px;
-    }
-    
-  }
-
-
-    .pTit{
-      color: #3994ff;
-      font-weight: 550;
-      font-size: 18px;
-    }
-    .pTit2{
-      margin-top: 15px;
-      color: #3994ff;
-      font-weight: 550;
-      font-size: 16px;
-      span{
-        font-size: 14px;
-      }
-    }
-    .editor{
-      width: 100%;
-      box-sizing: border-box;
-      padding: 15px 0px 10px 0px;
-    }
-  </style>

src/views/projectApply/components/projectApplicationDetails.vue

@@ -1,844 +0,0 @@
-<template>
-  <!-- 项目立项申请查看详细项目基本内容 -->
-  <div class="projectApplication1">
-
-     <!-- 活动申请填写信息区域开始 -->
-     <div class="select">
-        <div class="selectTop">
-          <div class="label">项目名称</div>
-          <el-input v-model="content.select.projectName" placeholder="请输入内容"></el-input>
-        </div>
-        <div class="selectMid">
-          <div class="selectLeft">
-              <div class="inpBlock">
-                  <div class="label">项目负责人</div>
-                  <el-input v-model="content.select.leader" placeholder="请输入内容"></el-input>
-              </div>
-              <div class="inpBlock">
-                  <div class="label">所在部门</div>
-                  <el-select v-model="content.select.department" style="width: 100%;" placeholder="请选择">
-                    <el-option
-                      v-for="item in this.departmentOptions"
-                      :key="item.id"
-                      :label="item.name"
-                      :value="item.id">
-                    </el-option>
-                  </el-select>
-              </div>
-              <div class="inpBlock">
-                  <div class="label" style="width: 50px;font-size: 14px;position: relative;top: -8px;">优先支持项目(可多选)</div>
-                  <el-select style="width: 100%;" v-model="content.select.MultiSelectProjectNameS" multiple placeholder="请选择">
-                    <el-option
-                      v-for="item in this.MultiSelectProject"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
-                    </el-option>
-                  </el-select>
-              </div>
-              <div class="inpBlock">
-                  <div class="label">联系电话</div>
-                  <el-input type="number" v-model="content.select.tel"  @blur="getText(content.select.tel)" placeholder="请输入联系方式"></el-input>
-              </div>
-              <div class="inpBlock">
-                <div class="label">选择分类</div>
-                <!-- <el-cascader v-model="pageType" :options="projectApplicationApply1.sortOptions" clearable></el-cascader> -->
-                <el-cascader disabled v-model="pageType" style="width: 100%;" :options="sortOptions" clearable></el-cascader>
-              </div>
-          </div>
-
-          <div class="selectRight">
-            <div class="inpBlock">
-                  <div class="label">项目开始时间</div>
-                  <el-date-picker
-                    v-model="content.select.projectDate"
-                    type="daterange"
-                    disabled
-                    style="width: 100%;"
-                    value-format="yyyy-MM-dd HH:mm:ss"
-                    range-separator="至"
-                    start-placeholder="开始日期"
-                    end-placeholder="结束日期">
-                  </el-date-picker>
-              </div>
-              <div class="inpBlock" style="position: relative;">
-                  <div class="label">预算总经费</div>
-                  <el-input type="number" disabled v-model="content.select.fund" placeholder="请输入内容"></el-input>
-                  <div style="position: absolute;right: -30px;top: 10px;">(万)</div>
-              </div>
-              <div class="inpBlock">
-                  <div class="label" style="font-size: 14px;max-width: 50px;position: relative;top: -8px;">美丽校园改造项目(特色项目)</div>
-                  <el-select v-model="content.select.schoolRemould" style="width: 100%;" placeholder="请选择">
-                    <el-option
-                      v-for="item in this.schoolRemouldOptions"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
-                    </el-option>
-                  </el-select>
-              </div>
-              <div class="inpBlock">
-                  <div class="label">项目申请人</div>
-                  <el-select v-model="content.select.projectApplyPerson" style="width: 100%;" placeholder="请选择">
-                    <el-option
-                      v-for="item in this.personType"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value">
-                    </el-option>
-                  </el-select>
-              </div>
-              <!-- <div class="inpBlock">
-                  <div class="label">选择分类</div>
-                  <el-cascader v-model="data.select.sort" :options="data.sortOptions" clearable></el-cascader>
-              </div> -->
-          </div>
-        </div>
-        
-  </div>
-        <!-- 活动申请填写信息区域结束 -->
-
-
-        <!-- 项目封面修改上传开始 -->
-        <div style="height: 260px;">
-              <div class="tabTit">
-                <div><p>封面上传</p></div>
-              </div>
-              <hr>
-              <div style="margin-bottom: 10px;">修改项目封面</div>
-              <el-progress v-show="progress.show" :percentage="progress.value" :format="ProgressFormat"></el-progress>
-
-              <el-upload
-                class="avatar-uploader"
-                action="#"
-                disabled
-                style="position: relative;"
-                :show-file-list="false"
-                >
-                <img v-if="content.dialogImageUrl" :src="content.dialogImageUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-                <BeUpload :progress="progress" style="position:absolute; width: 301px;height: 180px; opacity: 0;z-index:333;left: 0px;top: 0;" @getFile="getFile" class="uploadPic" :navName="'上传封面'" :accept="accept"></BeUpload>
-              </el-upload>
-        </div>
-        <!-- 项目封面修改上传开始结束 -->
-
-      <!-- 老师项目成员表格开始 -->
-      <div id="two" class="tabTit">
-                <div><p>项目组-老师成员<span>(2个学院以上,团队2-3人)</span> </p></div>
-                <el-button type="primary" @click="addTeacherMember"  size="mini">添加成员</el-button>
-              </div>
-              <hr>
-              <el-table
-                :data="content.tableTeacherData"
-                tooltip-effect="dark"
-                stripe
-                :header-cell-style="{ background: '#f2f2f2',color:'#000' }"
-                class="fontSize"
-                >
-              
-                <el-table-column
-                  prop="name"
-                  label="姓名"
-                  align="center"
-                  >
-                </el-table-column>
-                <el-table-column
-                  prop="class"
-                  label="所在学院/部门/专业"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  prop="division"
-                  label="项目组角色分工"
-                  align="center"
-                  >
-                </el-table-column>
-                
-                <el-table-column
-                  align="center"
-                  prop="operation"
-                  label="操作"
-                  >
-                  <template #default="scope">
-                      <div class="operations">
-                          <!-- <el-button type="primary" > -->
-                              <el-button type="primary" @click="amendTeacherDialogData(scope.$index)" size="mini">修改</el-button>
-                              <el-button type="primary" @click="DelTeacher(scope.$index)" size="mini">删除</el-button>
-                          <!-- </el-button> -->
-                      </div>
-                  </template>
-                </el-table-column>
-              </el-table>
-
-          <!--添加修改老师成员dialog对话框开始 -->
-            <el-dialog
-                :title= "isAddMember==1?'添加老师成员':'修改老师成员'"
-                :visible.sync="addTeacherMemberDialog"
-                :modal="true"
-                :close-on-click-modal="true"
-                class="AddMember"
-                :before-close="init">
-                  <div class="littleBlock">
-                    <div class="dialogLabel">姓名</div>
-                    <div>
-                      <el-input v-model="Member.name"></el-input>
-                    </div>
-                  </div>
-
-                  <div class="littleBlock">
-                    <div class="dialogLabel">所在学院/部门/专业</div>
-                    <div>
-                      <el-input v-model="Member.class"></el-input>
-                    </div>
-                  </div>
-
-                  <div class="littleBlock">
-                    <div class="dialogLabel">项目组角色分工</div>
-                    <div>
-                      <el-input  v-model="Member.division" ></el-input>
-                    </div>
-                  </div>
-                  <div slot="footer" class="footer">
-                    <el-button v-show="isAddMember==1" type="primary" @click="commitAddTeacher" class="AllDialogBtn" >确认提交</el-button>
-                    <el-button v-show="isAddMember==2" type="primary" @click="commitAmendTeacher" class="AllDialogBtn" >确认修改</el-button>
-
-                    <el-button @click="init" class="AllDialogBtn">取消</el-button>
-                  </div>
-            </el-dialog>
-          <!--添加修改老师成员dialog对话框结束 -->
-
-          <!-- 删除老师成员对话框开始 -->
-          <el-dialog
-              title="删除成员"
-              :visible.sync="delTeacherMember"
-              width="600px"
-              class="pageSubmitData">
-              <div class="addDialogLogo">LOGO</div>
-              <span class="deleteContent">确定删除老师成员?</span>
-              <span slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="commitDelTeacherMember" class="AllDialogBtn">确认删除</el-button>
-                <el-button @click="delTeacherMember=false" class="AllDialogBtn" >取消</el-button>
-              </span>
-            </el-dialog>
-          <!-- 删除老师成员对话框结束 -->
-  <!-- 老师项目成员表格结束 -->
-
-    <!-- 学生项目成员表格开始 -->
-    <div id="two" class="tabTit">
-                <div><p>项目组-学生成员<span>(至少2个学院以上学生构成,团队5人以上)</span> </p></div>
-                <el-button type="primary" @click="addStudentMember"  size="mini">添加成员</el-button>
-              </div>
-              <hr>
-              <el-table
-                :data="content.tableStudentData"
-                tooltip-effect="dark"
-                stripe
-                :header-cell-style="{ background: '#f2f2f2',color:'#000' }"
-                class="fontSize"
-                >
-              
-                <el-table-column
-                  prop="name"
-                  label="姓名"
-                  align="center"
-                  >
-                </el-table-column>
-                <el-table-column
-                  prop="class"
-                  label="所在学院/部门/专业"
-                  align="center"
-                  >
-                </el-table-column>
-
-                <el-table-column
-                  prop="division"
-                  label="项目组角色分工"
-                  align="center"
-                  >
-                </el-table-column>
-
-              
-                
-                <el-table-column
-                  align="center"
-                  prop="operation"
-                  label="操作"
-                  >
-                  <template #default="scope">
-                      <div class="operations">
-                          <!-- <el-button type="primary" > -->
-                              <el-button type="primary" @click="amendStudentDialogData(scope.$index)" size="mini">修改</el-button>
-                              <el-button type="primary" @click="DelStudent(scope.$index)" size="mini">删除</el-button>
-                          <!-- </el-button> -->
-                      </div>
-                  </template>
-                </el-table-column>
-              </el-table>
-   <!-- 学生项目成员表格结束 -->
-
-
-          <!-- 项目简介开始 -->
-            <div class="tabTit">
-                  <div><p>项目简介</p></div>
-            </div>
-            <hr>
-            <el-input
-              type="textarea"
-              :rows="6"
-              resize="none"
-              class="textArea"
-              placeholder="请输入内容"
-              v-model="content.textarea">
-            </el-input>
-          <!-- 项目简介结束 -->
-
-          <!--添加修改学生成员dialog对话框开始 -->
-            <el-dialog
-                :title= "isAddMember==1?'添加学生成员':'修改学生成员'"
-                :visible.sync="addStudentMemberDialog"
-                :modal="true"
-                :close-on-click-modal="true"
-                class="AddMember"
-                :before-close="init">
-                  <div class="littleBlock">
-                    <div class="dialogLabel">姓名</div>
-                    <div>
-                      <el-input v-model="Member.name"></el-input>
-                    </div>
-                  </div>
-
-                  <div class="littleBlock">
-                    <div class="dialogLabel">所在学院/部门/专业</div>
-                    <div>
-                      <el-input v-model="Member.class"></el-input>
-                    </div>
-                  </div>
-
-                  <div class="littleBlock">
-                    <div class="dialogLabel">项目组角色分工</div>
-                    <div>
-                      <el-input v-model="Member.division"></el-input>
-                    </div>
-                  </div>
-                  <div slot="footer" class="footer">
-                    <el-button v-show="isAddMember==1" type="primary" @click="commitAddStudent" class="AllDialogBtn" >确认提交</el-button>
-                    <el-button v-show="isAddMember==2" type="primary" @click="commitAmendStudent" class="AllDialogBtn" >确认修改</el-button>
-
-                    <el-button @click="init" class="AllDialogBtn">取消</el-button>
-                  </div>
-            </el-dialog>
-          <!--添加修改学生成员dialog对话框结束 -->
-
-          <!-- 删除学生成员对话框开始 -->
-          <el-dialog
-              title="删除成员"
-              :visible.sync="delStudentMember"
-              width="600px"
-              class="pageSubmitData">
-              <div class="addDialogLogo">LOGO</div>
-              <div class="deleteContent">确定删除学生成员?</div>
-              <span slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="commitDelStudentMember" class="AllDialogBtn">确认删除</el-button>
-                <el-button @click="delStudentMember=false" class="AllDialogBtn" >取消</el-button>
-              </span>
-            </el-dialog>
-          <!-- 删除学生成员对话框结束 -->
-  <!-- 学生项目成员表格结束 -->
-
-
-
-            
-    <div class="baseBtn">
-      <div class="blockWidth">
-        <el-button type="primary" v-show="isupload==0" @click="audit">立即修改</el-button>
-        <el-button type="primary" v-show="isupload!=0"  class="disa">立即修改</el-button>
-      </div>
-    </div>
-
-
-
-   <!-- 提交对话框开始 -->
-        <el-dialog
-          title="提示"
-          :visible.sync="submitHint"
-          width="600px"
-          class="pageSubmitData"
-          :before-close="init">
-          <div class="addDialogLogo">LOGO</div>
-          <div class="deleteContent">确定修改项目基本信息?</div>
-          <span slot="footer" class="dialog-footer">
-            <el-button type="primary" @click="submitAll" class="AllDialogBtn">确认提交</el-button>
-            <el-button @click="init" class="AllDialogBtn">取消</el-button>
-          </span>
-        </el-dialog>
-      <!-- 提交对话框结束 -->
-
-
-
-
-
-  </div>
-</template>
-
-<script>
-  import BeUpload from "@/components/tool/beUpload.vue";
-    export default {
-      components: {
-        BeUpload,
-      },
-      data() {
-        return {
-          accept:"image/*",
-          isAddMember:1,  //判断是添加学生还是修改学生
-          apIsupload:0,   //判断是否能修改 0可以 1不可以
-          progress:{   //进度条
-                value:0,
-                show:false
-            },  
-          pageType:[], //选择分类
-          
-          delMember:false,
-          amendMemberDialog:false,
-          addMemberDialog:false,
-          submitHint:false,          
-
-          delTeacherMember:false,  //删除老师对话框
-          addTeacherMemberDialog:false,   //添加修改对话框
-
-          addStudentMemberDialog:false,   //添加学生对话框
-          delStudentMember:false,      //删除学生对话框
-
-          textarea:'',   //项目简介
-          tableData:[],   //成员列表数据
-
-          isupload:'',
-          endProject:'',
-
-          content:{
-            dialogImageUrl:"",  //封面!!!!!!!!
-            tableStudentData:[],  //学生成员成员列表！！！！！！！！
-            tableTeacherData:[],  //老师成员成员列表！！！！！！！
-            textarea:'',   //项目简介！！！！！！！
-            select:{    //要提交的数据!!!!!!!!!!!!!!!!!!!!!!!
-                projectName:'',     //项目名称
-                leader:'',          //项目负责人
-                projectDate:[],   //开始结束日期
-                department:"",   //部门
-                fund:'',         //资金
-                MultiSelectProjectNameS:[],   //优先支持项目
-                schoolRemould:'',        //校园改造项目
-                tel:'',  //电话
-                projectApplyPerson:'',  //项目申请人
-            },
-          },
-
-
-          departmentOptions: [],  //部门下拉框
-          Member:{    //添加、修改成员对话框数据
-              name:'',
-              class:'',
-              division:'',
-              score:'0'
-          },
-          MultiSelectProject:[   //优先支持项目下拉框数据
-                    {
-                      value: 1,
-                      label: '大赛选拔项目'
-                    }, {
-                      value: 2,
-                      label: '落地注册项目'
-                    }, {
-                      value: 3,
-                      label: '社会征集项目'
-                    }, {
-                      value: 4,
-                      label: '产业命题项目'
-                    }
-          ],
-          schoolRemouldOptions:[   //美丽校园下拉框数据
-              {
-                value: '1',
-                label: '校园安全项目'
-              }, {
-                value: '2',
-                label: '环境治理项目'
-              }, {
-                value: '3',
-                label: '校园服务项目'
-              }, {
-                value: '4',
-                label: '文创装置项目'
-              }
-          ],
-          personType:[     //项目申请人下拉框数据
-              {
-                value: '1',
-                label: '在校学生'
-              }, {
-                value: '2',
-                label: '入驻学校孵化基地的初创企业法人'
-              }
-          ],
-          sortOptions: [      //选择分类下拉框数据
-              {
-                value:"",
-                label: '',
-                children: [{
-                  value: 0,
-                  label: '创意组',
-                },
-                  {
-                  value: 1,
-                  label: '初创组',
-                }
-              ]}, 
-              {
-              value:"",
-              label: '',
-              children: [{
-                value: 0,
-                label: '已建设',
-              }, {
-                value: 1,
-                label: '待建设',
-              }]
-            }],
-            
-        }
-      },
-      methods:{
-        getText(value) {     //电话验证
-          let verify = /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))\d{8}$/; //获取正则表达式 存放到verify变量中
-          let result = verify.test(value.trim()); //判断输入框内容是否符合 正则表达式
-          if(result){
-            return result;
-          }else{
-            this.$message.error("请输入正确的手机号格式")
-            return false;
-          }
-        },
-        ProgressFormat(value){        //进度条
-          return value ==100?'100%':`${value}%`
-        },
-        getFile(val) {       //上传封面
-            console.log(val);
-            this.progress.show = false;
-            this.content.dialogImageUrl=val.url
-            this.$message.success('上传成功')
-        },
-
-
-
-        // 项目组老师成员方法开始
-                  addTeacherMember(){   //添加项目成员对话框显示
-                    this.addTeacherMemberDialog=true
-                    for(let i in this.Member){
-                      if(i=='score')this.Member[i] = "0"
-                      else this.Member[i] = "";
-                    }
-                    this.isAddMember=1;
-                  },
-                  DelTeacher(val){    //删除对话框显示
-                    this.delTeacherMember=true;
-                    this.index=val
-                  },
-                  amendTeacherDialogData(val){   //修改项目成员信息对话框显示
-                    Object.assign(this.Member,this.content.tableTeacherData[val])
-                    this.isAddMember=2;
-                    this.Member['index']=val    //为下面修改提供下标
-                    // console.log(this.Member['index']);
-                    this.addTeacherMemberDialog=true
-                  },
-                  commitAddTeacher(){   //确定添加成员  
-                        console.log(this.Member.name);
-                        if (this.Member.name =="" ||this.Member.name==undefined) return this.$message.error('请输入姓名')
-                        if (this.Member.class=="" ||this.Member.class==undefined) return this.$message.error('请输入所在学院/部门/专业')
-                        if (this.Member.division=="" ||this.Member.division==undefined) return this.$message.error('请输入项目组角色分工')
-                        let newData = {};
-                        for(let j in this.Member)newData[j] = this.Member[j];
-                        this.content.tableTeacherData.push(newData);
-                        this.$message.success('添加成功')
-                        for(let i in this.Member){      
-                          if(i=='score')this.Member[i] = "0"
-                          else this.Member[i] = "";
-                        }
-                        this.init()
-                  },
-
-                  commitAmendTeacher(){   //确定修改成员
-                        Object.assign(this.content.tableTeacherData[this.Member['index']],this.Member)
-                        for(let k in this.Member) this.Member[k]=''
-                        this.addTeacherMemberDialog=false;
-                        this.$message.success('修改成功')
-                  },
-
-                  commitDelTeacherMember(){   //对话框确定删除成员
-                    let a=this.index;
-                    this.content.tableTeacherData.splice(a,1);
-                    this.$message.success('删除成功');
-                    this.delTeacherMember=false;
-                  },
-        // 项目组老师成员方法开始
-
-            // 项目组学生成员方法开始
-                addStudentMember(){   //添加项目成员对话框显示
-                    this.addStudentMemberDialog=true
-                    for(let i in this.Member){
-                      if(i=='score')this.Member[i] = "0"
-                      else this.Member[i] = "";
-                    }
-                    this.isAddMember=1;
-                  },
-                  DelStudent(val){    //删除对话框显示
-                    this.delStudentMember=true;
-                    this.index=val
-                  },
-                  amendStudentDialogData(val){   //修改项目成员信息对话框显示
-                    Object.assign(this.Member,this.content.tableStudentData[val])
-                    this.isAddMember=2;
-                    this.Member['index']=val    //为下面修改提供下标
-                    // console.log(this.Member['index']);
-                    this.addStudentMemberDialog=true
-                  },
-                  commitAddStudent(){   //确定添加成员  
-                        if (this.Member.name =="" ||this.Member.name==undefined) return this.$message.error('请输入姓名')
-                        if (this.Member.class=="" ||this.Member.class==undefined) return this.$message.error('请输入所在学院/部门/专业')
-                        if (this.Member.class=="" ||this.Member.class==undefined) return this.$message.error('请输入项目组角色分工')
-                        let newData = {};
-                        for(let j in this.Member)newData[j] = this.Member[j];
-                        this.content.tableStudentData.push(newData);
-                        this.$message.success('添加成功')
-                        for(let i in this.Member){      
-                          if(i=='score')this.Member[i] = "0"
-                          else this.Member[i] = "";
-                        }
-                        this.addStudentMemberDialog=false;
-                  },
-
-                  commitAmendStudent(){   //确定修改成员
-                        Object.assign(this.content.tableStudentData[this.Member['index']],this.Member)
-                        for(let k in this.Member) this.Member[k]=''
-                        this.addStudentMemberDialog=false;
-                        this.$message.success('修改成功')
-
-                        console.log(this.content.tableData);
-                  },
-
-                  commitDelStudentMember(){   //对话框确定删除成员
-                    let a=this.index;
-                    this.content.tableStudentData.splice(a,1);
-                    this.$message.success('删除成功');
-                    this.delStudentMember=false;
-                  },
-        // 项目组学生成员方法开始
-
-
-
-
-        getProjectDepartmentData(){  //获取项目立项申请基础信息页面所在部门数据
-              let param={
-                uid:this.$store.state.userInfo.userid
-              }
-                this.ajax
-                      .get(this.$store.state.api+'/SelectAllDepartment',param)
-                      .then(res=>{
-                        this.departmentOptions=res.data[0];
-                      },err=>{
-                        console.log(err);
-                      })
-            },
-
-
-
-            getData(){     //过去基础数据
-                let param={
-                    uid:this.$store.state.userInfo.userid,
-                    pid:JSON.parse(localStorage.getItem('pid'))
-                }
-                this.ajax
-                    .get(this.$store.state.api+'/SelectProjectApplyDetailStudent',param)
-                    .then(res=>{
-                        let data=res.data[0][0]
-               
-                        // console.log(data.multiSelectProject);
-                        this.content.select.projectName=data.title
-                        this.content.select.leader=data.leader
-                        this.content.select.projectDate=[data.startTime,data.endTime]
-                        this.content.select.department=data.classid
-                        this.content.select.fund=data.fund
-                        this.content.select.MultiSelectProjectNameS=JSON.parse(data.multiSelectProject)
-                        this.content.select.schoolRemould=data.schoolRemould
-                        this.content.select.tel=data.phone
-                        this.content.select.projectApplyPerson=data.projectApplyperson
-                        this.content.select.dialogImageUrl=data.image
-                        this.content.tableStudentData=JSON.parse(data.course_student)
-                        this.content.tableTeacherData=JSON.parse(data.course_teacher)                       
-                        this.content.textarea=data.brief
-                        this.content.dialogImageUrl=data.image
-                        this.pageType=[data.typeid,data.typeName]
-                        this.isupload=data.isupload
-                        this.endProject=data.endProject
-                        // console.log(this.content);
-                        // console.log(this.apIsupload);
-                    },err=>{
-                        console.log(err);
-                    })
-            },
-
-            getProjectTypeData(){  //获取项目立项申请基础信息页面分类数据
-              let TypeList = [];
-              let param={
-                uid:this.$store.state.userInfo.userid
-              }
-                this.ajax
-                      .get(this.$store.state.api+'/SelectAllType',param)
-                      .then(res=>{
-                        //获取主分类
-                        let master = res.data[0].filter(item=>item['pid']=='');
-                        //获取子分类
-                        let minion = res.data[0].filter(item=>item['pid']!='');
-                        master.forEach(item=>{
-                          let type = {
-                            value:item['id'],
-                            label:item['name'],
-                            children:[],
-                          }
-                          minion.forEach(min=>{
-                            if(min['pid']==item['id']){
-                              let minType = {
-                                value:min['id'],
-                                label:min['name']
-                              }
-                              type['children'].push(minType);
-                            }
-                          })
-                          TypeList.push(type);
-                        })
-                        this.sortOptions = TypeList
-                      },err=>{
-                        console.log(err);
-                      })
-            },
-
-        audit(){   //提交对话框显示
-          this.submitHint=true
-        },
-
-        submitAll(){   //提交修改数据
-          let param={
-            uid:this.$store.state.userInfo.userid,
-            pid:JSON.parse(localStorage.getItem('pid')),
-            tit:this.content.select.projectName,
-            lea:this.content.select.leader,
-            cla:this.content.select.department,
-            mul:JSON.stringify(this.content.select.MultiSelectProjectNameS),
-            pho:this.content.select.tel,
-            sch:this.content.select.schoolRemould,
-            per:this.content.select.projectApplyPerson,
-            img:this.content.dialogImageUrl,
-            cot:JSON.stringify(this.content.tableTeacherData),
-            cos:JSON.stringify(this.content.tableStudentData),
-            bri:this.content.textarea,
-          }
-
-          const cEmpty = /^\s*$/g;
-              for(let i in param){
-                switch(i){
-                  case 'tit':
-                    if(cEmpty.test(param[i]))return this.$message.error("项目名称不能为空")
-                    break;
-                  case 'lea':
-                    if(cEmpty.test(param[i]))return this.$message.error("项目负责人不能为空")
-                    break;
-                  case 'cla':
-                    if(cEmpty.test(param[i]))return this.$message.error("请选择项目所属部门")
-                    break;
-                  case 'mul':
-                    console.log(111);
-                    if(!JSON.parse(param[i]).length) return this.$message.error("请选择优先支持项目")
-                    break;
-                  case 'sch':
-                    if(!param[i])return this.$message.error("请选择美丽校园改造项目")
-                    break;
-                  case "pho":
-                    if(cEmpty.test(param[i]))return this.$message.error("请输入联系方式")
-                    break;
-                  case 'person':
-                    if(cEmpty.test(param[i]))return this.$message.error("请选择项目申请人")
-                    break;
-                  case 'img':
-                    if(cEmpty.test(param[i]))return this.$message.error("请选择项目封面图片")
-                    break;
-                  case 'cot':
-                    if(JSON.parse(param[i]).length<2 || JSON.parse(param[i]).length>3)return this.$message.error("需要教师团队2-3人，至少应包含1名教研室主任")
-                    break;
-                  case 'cos':
-                    if(JSON.parse(param[i]).length<5)return this.$message.error("需要学生团队5人以上")
-                    break;
-                  case 'bri':
-                    console.log();
-                    if(param[i].length<200 || param[i].length>300)return this.$message.error("项目简介需要200-300字")
-                    break;
-                }
-              }
-            this.ajax
-                  .post(this.$store.state.api+'/updateProjectApplyDetailStudent',param)
-                  .then(res=>{
-                    console.log(res);
-                    if (res.data==1) {
-                      this.$message.success('修改成功')
-                      this.submitHint=false
-                      this.getData()
-                      return
-                    }
-                    this.$message.error('修改失败')
-                  },err=>{
-                    console.log(err);
-                  })
-        },
-        init(){
-          this.addStudentMemberDialog=false;
-          this.submitHint=false;
-          this.addTeacherMemberDialog=false;
-        },
-
-      },
-      mounted(){    //数据加载完成后触发
-        this.getProjectDepartmentData()
-        this.getProjectTypeData()
-        this.getData()
-      },
-    }
-</script>
-
-<style lang="less">
-.projectApplication1{
-
-  .avatar-uploader .el-upload {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    // position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 300px;
-    // height: 100%;
-    line-height: 178px;
-    text-align: center;
-  }
-  .avatar {
-    width: 300px;
-    height:178px !important;
-    display: block;
-  }
-
-}
-</style>

src/views/projectApply/components/projectApplicationMakerSpaceDetails.vue

@@ -1,820 +0,0 @@
-<template>
-  <!-- 项目立项申请查看详细项目基本内容 -->
-  <div class="projectApplication1" v-loading="loading">
-     <!-- 活动申请填写信息区域开始 -->
-     <div class="select">
-              <div class="selectTop">
-                <div class="label">项目名称</div>
-                <el-input v-model="select.project" placeholder="请输入内容"></el-input>
-              </div>
-              <div class="selectMid">
-                <div class="selectLeft">
-                 
-                    <div class="inpBlock">
-                        <div class="label">负责人</div>
-                        <el-input v-model="select.person" placeholder="请输入内容"></el-input>
-                    </div>
-                    <div class="inpBlock">
-                        <div class="label">所在部门</div>
-                        <el-select v-model="select.departmentData" style="width: 100%;" placeholder="请选择">
-                          <el-option
-                            v-for="item in select.department"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id">
-                          </el-option>
-                        </el-select>
-                    </div>
-                    <div class="inpBlock">
-                        <div class="label">学院牵头领导</div>
-                        <el-input v-model="select.lead_leader" placeholder="请输入学院牵头领导"></el-input>
-                    </div>
-                </div>
-
-                <div class="selectRight">
-                  <div class="inpBlock">
-                        <div class="label">项目时间</div>
-                        <el-date-picker
-                          v-model="select.Date"
-                          type="daterange"
-                          style="width: 100%;"
-                          value-format="yyyy-MM-dd HH:mm:ss"
-                          range-separator="至"
-                          start-placeholder="项目起始时间"
-                          end-placeholder="项目完成时间">
-                          
-                        </el-date-picker>
-                        <!-- <el-date-picker
-                          v-model="select.Date"
-                          type="datetime"
-                          style="width: 100%;"
-                          value-format="yyyy-MM-dd HH:mm:ss"
-                          placeholder="选择日期">
-                        </el-date-picker> -->
-                    </div>
-                    <div class="inpBlock">
-                        <div class="label">预算总经费</div>
-                        <el-input type="number" v-model.number="select.Fund" placeholder="请输入内容"></el-input>
-                    </div>
-                    <div class="inpBlock">
-                        <div class="label">选择分类</div>
-                        <el-cascader disabled="" v-model="select.sort" :options="select.sortOptions" clearable></el-cascader>
-
-                    </div>
-                </div>
-              </div>
-              
-        </div>
-        <!-- 活动申请填写信息区域结束 -->
-
-
-         <!-- 项目封面修改上传开始 -->
-         <div style="height: 260px;">
-              <div class="tabTit">
-                <div><p>封面上传</p></div>
-              </div>
-              <hr>
-              <div style="margin-bottom: 10px;">修改项目封面</div>
-              <el-progress v-show="progress.show" :percentage="progress.value" :format="ProgressFormat"></el-progress>
-
-              <el-upload
-                class="avatar-uploader"
-                action="#"
-                disabled
-                style="position: relative;"
-                :show-file-list="false"
-                >
-                <img v-if="dialogImageUrl" :src="dialogImageUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-                <BeUpload :progress="progress" style="position:absolute; width: 301px;height: 180px; opacity: 0;z-index:333;left: 0px;top: 0;" @getFile="getFile" class="uploadPic" :navName="'上传封面'" :accept="accept"></BeUpload>
-              </el-upload>
-            </div>
-
-          <!-- 项目封面修改上传开始结束 -->
-
-
-
-
-      <!-- 项目教师开始 -->
-      <div class="tabTit">
-          <div><p>项目组-教师团队</p><span>（团队3人以上，至少应包含1名教研室主任）</span></div>
-          <el-button type="primary" @click="addMember"  size="mini">添加教师</el-button>
-      </div>
-      <hr>
-      <el-table
-        :data="teacherData"
-        tooltip-effect="dark"
-        stripe
-        class="fontSize"
-        :header-cell-style="{ background: '#f2f2f2',color:'#000' }"
-        >
-        <el-table-column
-          prop="name"
-          label="姓名"
-          align="center"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="speciality"
-          label="专业"
-          align="center"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="title"
-          label="职称"
-          align="center"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="education"
-          label="学历"
-          align="center"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="section"
-          label="所在教研室"
-          align="center"
-          >
-        </el-table-column>
-
-        <el-table-column
-          prop="work"
-          label="项目组任务分工"
-          align="center"
-          >
-        </el-table-column>
-        
-        <el-table-column
-          prop="operation"
-          align="center"
-          label="操作"
-          >
-          <template #default="scope">
-              <div class="operations">
-                      <!-- <el-button type="primary" @click="lookDetail(scope)" size="mini">查看详情</el-button> -->
-                      <el-button type="primary" @click="amendDialogData(scope.$index)" size="mini">修改</el-button>
-                      <el-button type="primary" @click="Del(scope.$index)" size="mini">删除</el-button>
-              </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <!-- 项目教师结束 -->
-
-      <!-- 项目学生开始 -->
-      <div class="tabTit">
-        <div><p>项目组-学生团队</p><span>（团队5人以上，学生团队年级结构安排合理）</span></div>
-          <el-button type="primary" @click="addMemberStudent"  size="mini">添加学生</el-button>
-      </div>
-      <hr>
-      <el-table
-        :data="studentData"
-        tooltip-effect="dark"
-        stripe
-        class="fontSize"
-        :header-cell-style="{ background: '#f2f2f2',color:'#000' }"
-        >
-        <el-table-column
-          prop="name"
-          label="姓名"
-          align="center"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="class"
-          label="班级"
-          align="center"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="age"
-          label="年龄"
-          align="center"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="work"
-          label="项目组任务分工"
-          align="center"
-          >
-        </el-table-column>
-        
-        <el-table-column
-          prop="operation"
-          align="center"
-          label="操作"
-          >
-          <template #default="scope">
-              <div class="operations">
-                      <el-button type="primary" @click="updateStudent(scope.$index)" size="mini">修改</el-button>
-                      <el-button type="primary" @click="DelStudent(scope.$index)" size="mini">删除</el-button>
-              </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <!-- 项目学生结束 -->
-
-
-      <!-- 项目简介开始 -->
-    <div class="tabTit">
-          <div><p>项目简介</p></div>
-    </div>
-    <hr>
-      <el-input
-        type="textarea"
-        :rows="6"
-        resize="none"
-        class="textArea"
-        placeholder="请输入内容"
-        v-model="textarea">
-      </el-input>
-    <!-- 项目简介结束 -->
-
-
-    <div class="baseBtn">
-      <div class="blockWidth">
-        <!-- <el-button type="primary" class="backBtn" @click="audit">立即修改</el-button> -->
-
-        <el-button v-show="isUpload==0" type="primary" class="backBtn" @click="submitHint=true">立即修改</el-button>
-        <!-- <el-button v-show="isUpload==1" type="primary" class="backBtn" disabled style="background: #ccc !important;border: none;">立即修改</el-button> -->
-        <el-button v-show="isUpload!=0" type="primary" class="backBtn" disabled style="background: #ccc !important;border: none;">立即修改</el-button>
-
-      </div>
-    </div>
-      <!--添加教师dialog对话框开始 -->
-      <el-dialog
-          :title= "isAddMember==1?'添加教师':'修改教师'"
-          :visible.sync="addMemberDialog"
-          :modal="true"
-          :close-on-click-modal="true"
-          class="AddMember">
-            <div class="littleBlock">
-              <div class="dialogLabel">姓名</div>
-              <div>
-                <el-input v-model="teacher.name" placeholder="请输入教师姓名"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">专业</div>
-              <div>
-                <el-input v-model="teacher.speciality" placeholder="请输入教师专业"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">职称</div>
-              <div>
-                <el-input v-model="teacher.title" placeholder="请输入教师职称"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">学历</div>
-              <div>
-                <el-input v-model="teacher.education" placeholder="请输入教师学历"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel" style="transform: translate(0,0);">所在教研室</div>
-              <div>
-                <el-input v-model="teacher.section" placeholder="请输入所在教研室"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel" style="transform: translate(0,0);">项目组角色分工</div>
-              <div>
-                <el-input v-model="teacher.work" placeholder="请输入项目组角色分工"></el-input>
-              </div>
-            </div>
-
-
-            <div slot="footer" class="footer">
-              <el-button v-show="isAddMember==1" type="primary" @click="commit" class="AllDialogBtn" >确认提交</el-button>
-              <el-button v-show="isAddMember==2" type="primary" @click="commit2" class="AllDialogBtn" >确认修改</el-button>
-
-              <el-button @click="addMemberDialog = false" class="AllDialogBtn">取消</el-button>
-            </div>
-      </el-dialog>
-      <!--添加教师dialog对话框结束 -->
-
-      <!-- 添加学生dialog对话框开始 -->
-      <el-dialog
-          :title= "isAddStudent==1?'添加学生':'修改学生'"
-          :visible.sync="addStudentDialog"
-          :modal="true"
-          :close-on-click-modal="true"
-          class="AddMember">
-            <div class="littleBlock">
-              <div class="dialogLabel">姓名</div>
-              <div>
-                <el-input v-model="student.name" placeholder="请输入学生姓名"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">班级</div>
-              <div>
-                <el-input v-model="student.class" placeholder="请输入学生班级"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel">年龄</div>
-              <div>
-                <el-input v-model="student.age" placeholder="请输入学生年龄"></el-input>
-              </div>
-            </div>
-
-            <div class="littleBlock">
-              <div class="dialogLabel" style="transform: translate(0,0);">项目组角色分工</div>
-              <div>
-                <el-input v-model="student.work" placeholder="请输入项目组角色分工"></el-input>
-              </div>
-            </div>
-
-
-            <div slot="footer" class="footer">
-              <el-button v-show="isAddStudent==1" type="primary" @click="commitStudent" class="AllDialogBtn" >确认提交</el-button>
-              <el-button v-show="isAddStudent==2" type="primary" @click="commitStudent2" class="AllDialogBtn" >确认修改</el-button>
-
-              <el-button @click="addStudentDialog=false" class="AllDialogBtn">取消</el-button>
-            </div>
-      </el-dialog>
-      <!-- 添加学生dialog对话框结束 -->
-       <!-- 删除教师对话框开始 -->
-      <el-dialog
-              title="删除教师"
-              :visible.sync="delMember"
-              width="600px"
-              class="delMemberDialog">
-              <span class="deleteContent">确定删除该教师?</span>
-              <span slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="commitDelMember" class="AllDialogBtn">确认删除</el-button>
-                <el-button @click="delMember=false" class="AllDialogBtn" >取消</el-button>
-              </span>
-      </el-dialog>
-      <!-- 删除教师对话框结束 -->
-      <!-- 删除学生成员对话框开始 -->
-            <el-dialog
-              title="删除学生成员"
-              :visible.sync="DelStudentDialog"
-              width="600px"
-              class="delMemberDialog">
-              <span class="deleteContent">确定删除该学生成员?</span>
-              <span slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="commitDelStudent" class="AllDialogBtn">确认删除</el-button>
-                <el-button @click="DelStudentDialog = false" class="AllDialogBtn" >取消</el-button>
-              </span>
-            </el-dialog>
-      <!-- 删除学生成员对话框结束 -->
-
-       <!-- 修改对话框开始 -->
-       <el-dialog
-          title="提示"
-          :visible.sync="submitHint"
-          width="600px"
-          class="projectApplicationfundAddDialog">
-          <div class="addDialogLogo">LOGO</div>
-          <div class="deleteContent">确定修改项目基本信息?</div>
-          <span slot="footer" class="dialog-footer">
-            <el-button type="primary" @click="submitAll" class="AllDialogBtn">确认提交</el-button>
-            <el-button @click="submitHint = false" size="small" class="AllDialogBtn">取消</el-button>
-          </span>
-        </el-dialog>
-      <!-- 修改对话框结束 -->
-  </div>
-</template>
-
-<script>
-  import BeUpload from "@/components/tool/beUpload.vue";
-    export default {
-      components: {
-        BeUpload,
-      },
-      data() {
-        return {
-          iid:'',
-          isUpload:'',
-          accept:"image/*",
-          isAddMember:1,
-          isAddStudent:1,
-          progress:{   //进度条
-                value:0,
-                show:false
-            },  
-          dialogImageUrl:'',  //图片地址
-          index:0,
-          delMember:false,
-          DelStudentDialog:false,
-          amendMemberDialog:false,
-          addMemberDialog:false,
-          addStudentDialog:false,
-          submitHint:false,
-          loading:false,
-          select:{    //数据详情框数据
-            project:'',   
-            person:'',
-            departmentData:"",  //部门框值
-            sort:[],     //分类值
-            tel:'',
-            Date:'',
-            Fund:'',
-            sortOptions: [],//分类
-            department:[],
-          },
-          textarea:'',   //项目简介
-
-          teacherData:[],   //成员列表数据
-          studentData:[],
-          addTabMember:{       //添加项目成员
-            // id:'',
-            name:'',
-            class:'',
-            phone:'',
-            score:0
-          },
-          teacher:{ //添加老师团队表
-            name:"",  //姓名
-            speciality:"",//专业
-            title:"",//职称
-            education:"",//学历
-            section:"",//所在教研室
-            work:"",//项目组角色分工
-          },
-          student:{ //添加学生团队表
-            name:"",//姓名
-            class:"",//班级
-            age:"",//年龄
-            work:'',//项目组任务分工
-          }
-        }
-      },
-      methods:{
-        addMemberStudent(){//添加项目组-学生成员
-          this.isAddStudent=1;
-          this.addStudentDialog = true;
-        },
-        commitStudent(){//确定添加学生
-            for(let i in this.student){if(this.student[i]==''||this.student[i]==undefined)return this.$message.error("请填完所有内容");}
-            let newData={};
-            for(let a in this.student)newData[a] = this.student[a];
-            this.studentData.push(newData);
-            this.$message.success("添加成功");
-            this.addStudentDialog = false;
-            //清空表单
-            for(let j in this.student)this.student[j]='';
-        },
-        updateStudent(val){ //修改学生信息
-          Object.assign(this.student,this.studentData[val]);
-          this.isAddStudent=2;
-          this.index=val;
-          this.addStudentDialog = true;
-        },
-        commitStudent2(){//确定修改学生
-            Object.assign(this.studentData[this.index],this.student)
-            this.addStudentDialog=false;
-            for(let k in this.student) this.student[k]=''
-            this.$message.success('修改成功')
-        },
-        DelStudent(val){//删除学生对话框
-          this.index = val;
-          this.DelStudentDialog=true;
-        },
-        commitDelStudent(){ //对话框确定删除学生成员
-          this.studentData.splice(this.index,1);
-          this.$message.success('删除成功');
-          this.DelStudentDialog=false;
-        },
-        addMember(){    //添加教师按钮，显示对话框
-            this.addMemberDialog=true;
-            this.isAddMember=1;
-        },
-        commit(){   //确定添加教师
-              for(let i in this.teacher){if(this.teacher[i]==''||this.teacher[i]==undefined)return this.$message.error("请填完所有内容");}
-              let newData = {};
-              for(let a in this.teacher)newData[a] = this.teacher[a];
-              this.teacherData.push(newData);
-              this.$message.success('添加成功');
-              this.addMemberDialog = false;
-              for(let j in this.teacher)this.teacher[j]='';
-        },
-        amendDialogData(val){   //修改项目成员信息对话框显示
-          Object.assign(this.teacher,this.teacherData[val])
-          this.isAddMember=2;
-          this.index=val;
-          this.addMemberDialog=true;
-        },
-        commit2(){   //确定修改老师
-            Object.assign(this.teacherData[this.index],this.teacher)
-            for(let k in this.teacher) this.teacher[k]=''
-            this.addMemberDialog=false;
-            this.$message.success('修改成功')
-        },
-        Del(val){ //删除老师按钮
-          this.index=val;   
-          this.delMember=true;
-        },
-        commitDelMember(){  //确定删除老师按钮
-          this.teacherData.splice(this.index,1)
-          this.$message.success('删除成功')
-          this.delMember=false;
-        },
-
-        ProgressFormat(value){        //进度条
-          return value ==100?'100%':`${value}%`
-        },
-        getFile(val) {       //上传封面
-            this.progress.show = false;
-            this.dialogImageUrl=val.url
-        },
-        audit(){    //立即修改对话框显示
-          this.submitHint=true
-        },
-        submitAll(){
-
-          let param = {
-            uid:this.$store.state.userInfo.userid,
-            pid:JSON.parse(localStorage.getItem('pid')),
-            title:this.select.project,
-            pro_leader:this.select.person,
-            lead_leader:this.select.lead_leader,
-            startTime:this.select.Date[0],
-            endTime:this.select.Date[1],
-            cid:this.select.departmentData,
-            fund:this.select.Fund,
-            img:this.dialogImageUrl,
-            teacher:JSON.stringify(this.teacherData),
-            student:JSON.stringify(this.studentData),
-            brief:this.textarea,
-          }
-          //判断数据
-          const cEmpty = /^\s*$/g;
-          for(let i in param){
-            switch(i){
-              case 'title':
-                if(cEmpty.test(param[i]))return this.$message.error("项目名称不能为空")
-                break;
-              case 'pro_leader':
-                if(cEmpty.test(param[i]))return this.$message.error("项目负责人不能为空")
-                break;
-              case 'startTime':
-                if(cEmpty.test(param[i]))return this.$message.error("请选择项目开始时间")
-                break;
-              case 'endTime':
-                if(cEmpty.test(param[i]))return this.$message.error("请选择项目计划结束时间")
-                break
-              case 'cid':
-                if(cEmpty.test(param[i]))return this.$message.error("请选择项目所属部门")
-                break;
-              case "lead_leader":
-                if(cEmpty.test(param[i]))return this.$message.error("请输入学院牵头领导")
-                break;
-              case 'img':
-                if(cEmpty.test(param[i]))return this.$message.error("请选择项目封面图片")
-                break;
-              case 'teacher':
-                if(JSON.parse(param[i]).length<3)return this.$message.error("需要教师团队3人以上，至少应包含1名教研室主任")
-                break;
-              case 'student':
-                if(JSON.parse(param[i]).length<5)return this.$message.error("需要学生团队5人以上")
-                break;
-              case 'brief':
-                if(param[i].length<200&&param[i]<=300)return this.$message.error("项目简介需要200-300字")
-                break;
-            }
-          }
-          this.ajax.post(this.$store.state.api+'/UpdateProjectMakerSpaceBase',param).then(res=>{
-            if(res.data==1){
-              this.$message.success("修改项目信息成功")
-            }else{
-              this.$message.error('修改项目信息失败')
-            }
-            this.submitHint = false;
-            this.getData();
-          }).catch(err=>{
-            console.log(err)
-          })
-        },
-        getData(){   //初始化完成获取基本数据进行填充
-          this.loading = true;
-          let param={
-            uid:this.$store.state.userInfo.userid,
-            pid:JSON.parse(localStorage.getItem('pid'))
-          }
-            this.ajax
-                  .get(this.$store.state.api+'/SelectProjectMakerSpace',param)
-                  .then(res=>{
-                    let data=res.data[0][0]
-                    this.select.project=data.title;
-                    this.select.Fund=data.fund;
-                    this.select.person=data.pro_leader;
-                    this.select.Date=[data.begintime,data.planTime];
-                    this.textarea=data.brief;
-                    this.dialogImageUrl=data.image;
-                    this.select.departmentData = data['classid']
-                    this.select.sort = [data['typeid'],data['typeName']]
-                    this.isUpload=data['isupload']
-                    this.select.lead_leader = data['lead_leader']
-                    this.teacherData = JSON.parse(data['course_teacher'])
-                    this.studentData = JSON.parse(data['course_student'])
-                    this.loading = false;
-                  },err=>{
-                    console.log(err);
-                  })
-        },
-        getProjectDepartmentData(){  //获取项目立项申请基础信息页面所在部门数据
-              let param={
-                uid:this.$store.state.userInfo.userid
-              }
-                this.ajax
-                      .get(this.$store.state.api+'/SelectAllDepartment',param)
-                      .then(res=>{
-                        this.select.department=res.data[0]
-                      },err=>{
-                        console.log(err);
-                      })
-            },
-        getProjectTypeData(){  //获取项目立项申请基础信息页面分类数据
-          let TypeList = [];
-          let param={
-            uid:this.$store.state.userInfo.userid
-          }
-            this.ajax
-                  .get(this.$store.state.api+'/SelectAllType',param)
-                  .then(res=>{
-                        //获取主分类
-                        let master = res.data[0].filter(item=>item['pid']=='');
-                        //获取子分类
-                        let minion = res.data[0].filter(item=>item['pid']!='');
-                        master.forEach(item=>{
-                          let type = {
-                            value:item['id'],
-                            label:item['name'],
-                            children:[],
-                          }
-                          minion.forEach(min=>{
-                            if(min['pid']==item['id']){
-                              let minType = {
-                                value:min['id'],
-                                label:min['name']
-                              }
-                              type['children'].push(minType);
-                            }
-                          })
-                          TypeList.push(type);
-                        })
-                        this.select.sortOptions = TypeList;
-                        console.log(this.select)
-                  },err=>{
-                    console.log(err);
-                  })
-        },
-      },
-      mounted(){    //数据加载完成后触发
-        this.getData();
-        this.getProjectDepartmentData();
-        this.getProjectTypeData();
-      },
-    }
-</script>
-
-<style lang="less">
-.projectApplication1{
-
-  .avatar-uploader .el-upload {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    // position: relative;
-    overflow: hidden;
-  }
-  .avatar-uploader .el-upload:hover {
-    border-color: #409EFF;
-  }
-  .avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 300px;
-    // height: 100%;
-    line-height: 178px;
-    text-align: center;
-  }
-  .avatar {
-    width: 300px;
-    height:178px !important;
-    display: block;
-  }
-
-
-  .delMemberDialog{      //删除对话框
-      .el-dialog{
-        border-radius: 5px;
-        overflow: hidden;
-      }
-      .deleteContent{
-        margin: 30px 0;
-        font-size: 22px;
-        color: #000;
-      }
-      .el-dialog__header{
-        background: #32455b;
-        display: flex;
-        justify-content: center;
-      }
-      .el-dialog__title{
-        color:#fff;
-        display: flex;
-        justify-content: center;
-        font-size: 18px;
-        position: relative;
-        top: -2px;
-      }
-      .el-dialog__body{
-        display: flex;
-        justify-content: center;
-      }
-      .dialog-footer{
-        display: flex;
-        justify-content: center;
-        box-sizing: border-box;
-
-      }
-    }
-
-
-  //项目修改对话框开始
-  .projectApplicationfundAddDialog{  
- 
-        .el-dialog__header{
-            background: #32455b;
-
-        }
-        .el-dialog{
-          border-radius:5px ;
-          overflow: hidden;
-        }
-        
-        .deleteContent{
-          width: 100%;
-          text-align: center;
-          font-size: 22px;
-          color: #000;
-        }
-        .addDialogLogo{
-                width: 60px;
-                height: 30px;
-                border-radius: 5px;
-                display: flex;
-                justify-content: center;
-                line-height: 30px;
-                background: #f2f2f2;
-                position: absolute;
-                left: 20px; top: 15px; 
-        }
-
-        .el-dialog__title{
-                color:#fff;
-                display: flex;
-                justify-content: center;
-                font-size: 18px;
-                position: relative;
-                top: -2px;
-        }
-        .addDialogMid{
-          box-sizing: border-box;
-          padding:0 60px 0 10px;
-          .addDialogTit{
-            display: flex;
-            span{
-              width: 80px;
-              line-height: 40px;
-              text-align: left;
-            }
-          }
-        .addDialogTit1{
-          display: flex;
-          justify-content: space-between;
-          margin-bottom: 15px;
-        }
-        .addDialogTit2{
-          margin-top: 10px;
-          font-size: 18px;
-          color: #000;
-          text-indent: 2em;
-        }
-        .addDialogCon{
-          margin-top: 20px;
-        }
-        }
-        .dialog-footer{
-        display: flex;
-        justify-content: center;
-
-        }
-    }
-}
-</style>

src/views/projectApply/components/projectApplicationMakerSpaceDetails2.vue

@@ -1,318 +0,0 @@
-<template>
-  <!-- 项目立项申请查看详细项目详细 -->
-    <div class="projectApplication2" v-loading="loading">
-      <!-- <div class="PA2textArea">
-        <div class="PA2textAreaTit">项目创新点</div>
-        <vue-editor  :editorToolbar="customToolbar" v-model="data[0][0]"></vue-editor>
-      </div> -->
-
-      <div class="PA2mid">项目建设内容及目标</div>
-      <div class="PA2textArea">
-        <div class="PA2textAreaTit PA2textAreaTit2">一、建设内容<span>（空间优化/场馆规划方面拟解决的关键问题及主要建设指标）</span></div>
-        <el-input
-          type="textarea"
-          :rows="6"
-          resize="none"
-          class="textArea"
-          placeholder="请输入内容"
-          v-model="data.Construction">
-        </el-input>
-        <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.Construction"></vue-editor> -->
-      </div>
-
-      <div class="PA2mid">预项目建设论证报告</div>
-      <div class="PA2textArea">
-        <div class="PA2textAreaTit PA2textAreaTit2">一、立项依据<span> （说明本项目的目的、意义以及国内外高校现状、市场预测和发展趋势，预期达到的目标，研究的预期效果分析，成果受益面）</span></div>
-        <el-input
-          type="textarea"
-          :rows="6"
-          resize="none"
-          class="textArea"
-          placeholder="请输入内容"
-          v-model="data.ProjectBasis">
-        </el-input>
-        <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.ProjectBasis"></vue-editor> -->
-      </div>
-
-      <div class="PA2mid">预期成果</div>
-      <div class="PA2textArea">
-        <div class="PA2textAreaTit PA2textAreaTit2">一、创客空间物理环境、制度建设及软件设施建设情况<span>（环境优化/制度完善/设施改造）</span></div>
-        <el-input
-          type="textarea"
-          :rows="6"
-          resize="none"
-          class="textArea"
-          placeholder="请输入内容"
-          v-model="data.development">
-        </el-input>
-        <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.development"></vue-editor> -->
-      </div>
-      <div class="PA2textArea">
-        <div class="PA2textAreaTit PA2textAreaTit2">二、学生创客工作室建设情况<span>（工作室数量及活动开展情况）</span></div>
-        <el-input
-          type="textarea"
-          :rows="6"
-          resize="none"
-          class="textArea"
-          placeholder="请输入内容"
-          v-model="data.studio">
-        </el-input>
-        <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.studio"></vue-editor> -->
-      </div>
-      <div class="PA2textArea">
-        <div class="PA2textAreaTit PA2textAreaTit2">三、学生创客团队（人才）培养预期成果、数量</div>
-        <el-input
-          type="textarea"
-          :rows="6"
-          resize="none"
-          class="textArea"
-          placeholder="请输入内容"
-          v-model="data.studentTeam">
-        </el-input>
-        <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.studentTeam"></vue-editor> -->
-      </div>
-      <div class="PA2textArea">
-        <div class="PA2textAreaTit PA2textAreaTit2">四、学生创客活动组织实施情况</div>
-        <el-input
-          type="textarea"
-          :rows="6"
-          resize="none"
-          class="textArea"
-          placeholder="请输入内容"
-          v-model="data.studentActivities">
-        </el-input>
-        <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.studentActivities"></vue-editor> -->
-      </div>
-      <div class="PA2textArea">
-        <div class="PA2textAreaTit PA2textAreaTit2">五、学生创客团队孵化、转化创业项目情况</div>
-        <el-input
-          type="textarea"
-          :rows="6"
-          resize="none"
-          class="textArea"
-          placeholder="请输入内容"
-          v-model="data.Transforming">
-        </el-input>
-        <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.Transforming"></vue-editor> -->
-      </div>
-
-      <div class="PA2mid">立项基础及条件</div>
-      <div class="PA2textArea">
-        <div class="PA2textAreaTit PA2textAreaTit2">一、基础条件<span>（物理环境/设备设施/项目实施/活动开展/技术力量/社会资源）</span></div>
-        <el-input
-          type="textarea"
-          :rows="6"
-          resize="none"
-          class="textArea"
-          placeholder="请输入内容"
-          v-model="data.condition">
-        </el-input>
-        <!-- <vue-editor  :editorToolbar="customToolbar" v-model="data.condition"></vue-editor> -->
-      </div>
-
-      <div class="baseBtn">
-        <div class="blockWidth">
-          <el-button type="primary" v-show="isUpload==0"  @click="submitHint=true">立即修改</el-button>
-          <el-button type="primary" disabled v-show="isUpload!=0" style="background: #ccc !important;border: none;">立即修改</el-button>
-          <!-- <el-button type="primary" disabled style="background: #ccc !important;border: none;" v-show="isUpload==2">立即修改</el-button> -->
-
-        </div>
-      </div>
-      <!-- 修改对话框开始 -->
-      <el-dialog
-          title="提示"
-          :visible.sync="submitHint"
-          width="600px"
-          class="projectApplicationfundAddDialog">
-          <div class="addDialogLogo">LOGO</div>
-          <div class="deleteContent">确定修改项目基本信息?</div>
-          <span slot="footer" class="dialog-footer">
-            <el-button type="primary" @click="submitAll" class="AllDialogBtn">确认提交</el-button>
-            <el-button @click="submitHint = false" class="AllDialogBtn" size="small">取消</el-button>
-          </span>
-        </el-dialog>
-      <!-- 修改对话框结束 -->
-    </div>
-  </template>
-  
-  <script>
-import { VueEditor } from "vue2-editor";
-
-      export default {
-        components:{
-          VueEditor
-        },
-        data() {
-          return {
-            isUpload:0,
-            loading:false,
-            submitHint:false,
-            customToolbar: [
-              ["bold", "italic", "underline"], [{ list: "ordered" }, { list: "bullet" }],
-              [{ align: "" }, { align: "center" }, { align: "right"}, { align: "justify"}],
-              [{header:[false,1,2,3,4]}]
-            ],
-            data:{
-                Construction:"",//建设内容
-                ProjectBasis:"",//立项依据
-                development:"",//创客空间物理环境、制度建设及软件设施建设情况
-                studio:"",//学生创客工作室建设情况
-                studentTeam:"",//学生创客团队（人才）培养预期成果、数量
-                studentActivities:"",//学生创客活动组织实施情况
-                Transforming:"",//学生创客团队孵化、转化创业项目情况
-                condition:"",//立 项基 础及条 件
-
-            },
-          }
-        },
-        methods:{
-          submitAll(){
-            let param={
-              uid:this.$store.state.userInfo.userid,
-              pid:JSON.parse(localStorage.getItem('pid')),
-              chapters:JSON.stringify(this.data)
-            }
-            this.ajax.post(this.$store.state.api+"/UpdateProjectChaptersMakerSpace",param).then(res=>{
-              if(res.data==1){
-                this.$message.success("修改成功")
-              }else{
-                this.$message.error("修改失败")
-              }
-              this.submitHint = false;
-              this.getData();
-            }).catch(err=>{
-              console.log(err)
-            })
-          },
-          getData(){   //初始化完成获取基本数据进行填充
-            this.loading = true;
-            let param={
-              uid:this.$store.state.userInfo.userid,
-              pid:JSON.parse(localStorage.getItem('pid'))
-            }
-              this.ajax
-                    .get(this.$store.state.api+'/SelectProjectChapterMakerSpace',param)
-                    .then(res=>{
-                      this.isUpload = res.data[0][0]['isupload']
-                      this.data = JSON.parse(res.data[0][0]['chapters']);
-                      console.log(this.data)
-                      this.loading = false;
-                    },err=>{
-                      console.log(err);
-                    })
-          },
-        },
-        mounted(){
-          this.getData();
-        }
-      }
-  </script>
-  
-  <style lang="less">
-  .projectApplication2{
-
- .projectApplicationfundAddDialog{    //项目修改对话框开始
- 
-
- .el-dialog{
-   border-radius:5px ;
-   overflow: hidden;
- }
- 
- .deleteContent{
-   width: 100%;
-   text-align: center;
-   font-size: 22px;
-   color: #000;
- }
- .addDialogLogo{
-  width: 60px;
-        height: 30px;
-        display: flex;
-        justify-content: center;
-        line-height: 30px;
-        border-radius: 5px;
-        background: #f2f2f2;
-        position: absolute;
-        left: 20px; top: 15px; 
- }
- .el-dialog__header{
- background: #32455b;
- }
- .el-dialog__title{
-  color:#fff;
-        display: flex;
-        justify-content: center;
-        font-size: 18px;
-        position: relative;
-        top: -2px;
- }
- .addDialogMid{
-   box-sizing: border-box;
-   padding:0 60px 0 10px;
-   .addDialogTit{
-     display: flex;
-     span{
-       width: 80px;
-       line-height: 40px;
-       text-align: left;
-     }
-   }
- .addDialogTit1{
-   display: flex;
-   justify-content: space-between;
-   margin-bottom: 15px;
- }
- .addDialogTit2{
-   margin-top: 10px;
-   font-size: 18px;
-   color: #000;
-   text-indent: 2em;
- }
- .addDialogCon{
-   margin-top: 20px;
- }
-}
-.dialog-footer{
- display: flex;
- justify-content: center;
-//  .btn5{
-//    height: 40px;
-//    font-size: 16px;
-//    background: #0e72e6;
-//    width: 200px;
-//  }
-}
-}
-//项目修改对话框结束
-    .PA2textArea{     //标题栏
-        margin: 15px 0;
-        .PA2textAreaTit{
-            width: 80%;
-            text-align: left;
-            font-size: 18px;
-            font-weight: 550;
-            margin-bottom: 15px;
-            color: #2387ff;
-        }
-        .ql-toolbar.ql-snow{
-          display: flex;
-        }
-        .PA2textAreaTit2{
-            font-size: 16px;
-        }
-        .el-textarea__inner{
-            background: #f2f2f2;
-        }
-    }
-    
-    .PA2mid{    //预期取得成果单独一栏
-        width: 100%;
-        text-align: left;
-        font-size: 18px;
-        font-weight: 550;
-        margin-bottom: 10px;
-        color: #2387ff;
-    }
-  }
-  </style>

src/views/projectApply/components/studentProjectWord.vue

@@ -0,0 +1,666 @@
+<template>
+    <div id="studentProjectWord">
+        <div id="title">
+            <div class="school">深圳技师学院</div>
+            <div class="wordTitle">学 生 创 客 项 目 申 报 书</div>
+            <div class="date">申请日期：{{wordData.applicationDate}}</div>
+        </div>
+        <table border="1" cellspacing="0" class="table">
+    
+          <tr id="projectName">
+            <td colspan="2" ref="projectName">项目名称</td><td colspan="5" >
+              <el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  
+                  placeholder="请输入项目名称"
+                  v-model="wordData.projectName">
+                </el-input>
+            </td>
+          </tr>
+          <tr id="radio">
+            <td rowspan="2" colspan="2" ref="radio">项目分组</td><td>
+              <el-radio v-model="wordData.radio" label="ed917c55-f51d-11ed-a3f6-509a4c5b67cf">创意组</el-radio>
+            </td>
+            <td colspan="4">立项项目为新立项项目，项目成果应具有较好的创意和较为成型的产品原型或能提供较好的商业模式，产生较好的社会效益。</td>
+          </tr> 
+          <tr>
+            <td>
+              <el-radio v-model="wordData.radio" label="f3068e26-f51d-11ed-a3f6-509a4c5b67cf">初创组</el-radio>
+            </td>
+            <td colspan="4">立项项目为学校已结题学生创客项目或已入驻学校创业孵化基地的学生初创企业项目（毕业两年内），项目成果应为原结题项目基础上的技术升级、企业注册、规模扩张。</td>
+          </tr> 
+          <tr id="checkList">
+            <td colspan="2" ref="checkList">优先支持项目（可多选）</td> <td colspan="5">
+              <el-checkbox-group v-model="wordData.checkList">
+                <el-checkbox label="1">大赛选拔项目</el-checkbox>
+                <el-checkbox label="2">落地注册项目</el-checkbox>
+                <el-checkbox label="3">社会征集项目</el-checkbox>
+                <el-checkbox label="4">产业命题项目</el-checkbox>
+              </el-checkbox-group>
+            </td>
+          </tr>
+          <tr id="schoolRadio">
+            <td colspan="2" ref="schoolRadio">美丽校园改造项目（特色项目）</td> <td colspan="5">
+              <el-radio v-model="wordData.schoolRadio" label="1">校园安全项目</el-radio>
+              <el-radio v-model="wordData.schoolRadio" label="2">环境治理项目</el-radio>
+              <el-radio v-model="wordData.schoolRadio" label="3">校园服务项目</el-radio>
+              <el-radio v-model="wordData.schoolRadio" label="4">文创装置项目</el-radio>
+            </td>
+          </tr>
+          <tr id="applyParsonRadio">
+            <td colspan="2" ref="applyParsonRadio" >项 目 申 请 人</td><td colspan="2">
+              <el-radio v-model="wordData.applyParsonRadio" label="1">在校学生</el-radio>
+            </td><td colspan="3">
+              <el-radio v-model="wordData.applyParsonRadio" label="2">入驻学校孵化基地的初创企业法人</el-radio>
+            </td>
+          </tr>
+          <tr id="applyParsonName">
+            <td colspan="2" ref="applyParsonName">申 请 人 姓 名</td><td colspan="1">
+              <el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="请输入姓名"
+                  v-model="wordData.applyParsonName">
+                </el-input>
+            </td>
+            <td ref="college">参与学院/公司</td>
+            <td>
+              <el-select v-model="wordData.college" style="width: 100%;" placeholder="请选择所在学院">
+                  <el-option
+                    v-for="item in DepartmentData"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+            </td><td ref="tel">联系电话</td><td>
+                <el-input type="number" v-model="wordData.tel"  @blur="getText(wordData.tel)" placeholder="请输入联系方式"></el-input>
+            </td>
+          </tr>
+          <tr id="beginTime">
+            <td colspan="2" ref="beginTime">项 目 起 始 时 间</td>
+            <td colspan="2">
+              <el-date-picker
+                  v-model="wordData.beginTime"
+                  type="date"
+                  placeholder="请选择项目计划完成时间"
+                  prefix-icon="none"
+                  value-format="yyyy-MM-dd HH:mm:ss">
+                  <!-- value-format="yyyy-MM-dd HH:mm:ss"> -->
+    
+                </el-date-picker></td>
+                <td ref="endTime">计划完成时间</td>
+                <td colspan="2">
+                  <el-date-picker
+                    v-model="wordData.endTime"
+                    type="date"
+                    placeholder="请选择项目计划完成时间"
+                    prefix-icon="none"
+                    value-format="yyyy-MM-dd HH:mm:ss">
+                    <!-- value-format="yyyy-MM-dd HH:mm:ss"> -->
+    
+                  </el-date-picker>
+              </td>
+          </tr>
+          <tr>
+            <td colspan="2">项 目 组 人 数</td>
+            <td>
+              
+                {{ wordData.studentS.length + wordData.teacherS.length }}
+    
+              </td>
+            <td>参与学生人数</td>
+            <td>
+              
+                {{ wordData.studentS.length }}
+              </td>
+              <td>参与教师人数</td>
+              <td>
+                {{ wordData.teacherS.length }}
+              </td>
+          </tr>
+          <tr id="studentS">
+            <td :rowspan="wordData.studentS.length+1" ref="studentS">项目组学生成员（至少2个学院以上学生构成，团队5人以上）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
+          </tr>
+          <tr style="position: relative;" v-for="(item,index) in wordData.studentS" :key="index+'a'">
+            <td>
+              <el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="请输入姓名"
+                  v-model="item.name">
+                </el-input>
+            </td>
+            <td colspan="2">
+              <el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="请输入所在学院/部门/专业"
+                  v-model="item.collage">
+                </el-input>
+            </td>
+            <td colspan="3">
+              <el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="请输入项目组角色分工"
+                  v-model="item.work">
+                </el-input>
+            </td>
+            <div class="operate">
+                    <el-button @click="addStudent" v-if="wordData.studentS.length==index+1" type="primary" size="mini">添加</el-button>
+                    <el-button v-if="wordData.studentS.length>6" @click="DelStudent(index)" type="primary" size="mini">删除</el-button>
+            </div>
+          </tr>
+          <tr id="teacherS">
+            <td :rowspan="wordData.teacherS.length+1" ref="teacherS">项目组指导教师（2个学院以上，团队2-3人）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
+          </tr>
+          <tr style="position: relative !important;" v-for="(item,index) in wordData.teacherS" :key="index+'b'">
+            <td>
+              <el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="请输入姓名"
+                  v-model="item.name">
+                </el-input>
+            </td>
+            <td colspan="2">
+              <el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="请输入所在学院/部门/专业"
+                  v-model="item.collage">
+                </el-input>
+            </td>
+            <td colspan="3">
+              <el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="请输入项目组角色分工"
+                  v-model="item.work">
+                </el-input>
+            </td>
+            <div class="operate">
+                    <el-button @click="addTeacher" v-if="wordData.teacherS.length==index+1" type="primary" size="mini">添加</el-button>
+                    <el-button v-if="wordData.teacherS.length!=2" @click="DelTeacher(index)" type="primary" size="mini">删除</el-button>
+            </div>
+            <!-- <div style="position: absolute;">
+              <div>+</div>
+              <div>_</div>
+            </div> -->
+          </tr>
+          <tr id="brief">
+            <td rowspan="5" ref="brief">研发内容</td><td style="text-align: left;position: relative;" colspan="6" class="textLeft">
+              <p>项目简介（200-300字）</p>
+                <el-input
+                  type="textarea"
+                  :rows="6"
+                  resize="none"
+                  placeholder="请输入项目简介"
+                  style="width: 100%;"
+                  v-model="wordData.brief">
+                </el-input>
+                <div style="color: #ccc;position: absolute;right: 60px;bottom: 10px;">{{ wordData.brief.length }}/300</div>
+            </td>
+          </tr>
+          <tr>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目研发背景</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.back">
+                </el-input>
+            </td>
+          </tr>
+          <tr>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目创新点</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.innovate">
+                </el-input>
+            </td>
+          </tr>
+          <tr>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>技术研发路线</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.path">
+                </el-input>
+            </td>
+          </tr>
+          <tr>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目应用场景 </p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.scene">
+                </el-input>
+            </td>
+          </tr>
+          <tr>
+            <td>商业模式及社会价值</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目商业模式/社会价值</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.worth">
+                </el-input>
+            </td>
+          </tr>
+          <tr>
+            <td>团队优势</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>团队构成及优势</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.team">
+                </el-input>
+            </td>
+          </tr>
+          <tr>
+            <td>研发成本</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>研发成本来源及构成</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.cost">
+                </el-input>
+            </td>
+          </tr>
+          <tr>
+            <td rowspan="3">预期成果</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目预期成果、数量及形式（产品原型/发明专利/双创竞赛/成果转化/社会效益）</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.expectResults">
+                </el-input>
+            </td>
+          </tr>
+          <tr class="textLeft">
+            <td style="text-align: left;" colspan="6">
+              <p>学生创客人才培养预期成果、数量（教师填写）</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.expectResultsTeacher">
+                </el-input>
+            </td>
+          </tr>
+          <tr class="textLeft">
+            <td style="text-align: left;" colspan="6">
+              <p>项目预期孵化、转化创业项目情况</p>
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.expectConversion">
+                </el-input>
+            </td>
+          </tr>
+          <tr>
+            <td>实施计划</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <el-input
+                  type="textarea"
+                  :autosize="{ minRows: 6, maxRows: 20}"
+                  style="width: 100%;"
+                  resize="none"
+                  v-model="wordData.introduce.plan">
+                </el-input>
+            </td>
+          </tr>
+          <tr id="fund">
+            <td rowspan="12" ref="fund">预算经费</td><td>总经费</td><td colspan="5">
+                      {{ reversedMessage==0?'':reversedMessage}}元
+            </td>
+          </tr>
+          <tr>
+            <td>支出类别</td><td colspan="2">支出项目</td><td>金额（元）</td><td colspan="4">备 注</td>
+          </tr>
+          <tr>
+            <td rowspan="5">直接费用</td>
+          </tr>
+          <tr>
+            <td colspan="2">小型仪器设备费</td>
+            <td>
+              <el-input
+                  type="number"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="小型仪器设备费"
+                  v-model="wordData.fund.facility">
+                </el-input>
+            </td><td colspan="2">
+              项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">材料费</td><td>
+              <el-input
+                  type="number"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="材料费"
+                  v-model="wordData.fund.materials">
+                </el-input>
+            </td><td colspan="2">
+              项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">测试化验加工费</td><td>
+              <el-input
+                  type="number"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="测试化验加工费"
+                  v-model="wordData.fund.process">
+                </el-input>
+            </td><td colspan="2">
+              项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">项目协作费</td><td>
+              <el-input
+                  type="number"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="项目协作费"
+                  v-model="wordData.fund.assist">
+                </el-input>
+            </td><td colspan="2">
+              按合同规定支付给协作单位的费用
+            </td>
+          </tr>
+    
+          <tr>
+            <td rowspan="5">间接费用</td>
+          </tr>
+          <tr>
+            <td colspan="2">项目成果鉴定费</td><td>
+              <el-input
+                  type="number"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="项目成果鉴定费"
+                  v-model="wordData.fund.authenticate">
+                </el-input>
+            </td><td colspan="2">
+              学术会务费、评审费、鉴定费、成果集制作费等费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">参展参赛费</td><td>
+              <el-input
+                  type="number"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="参展参赛费"
+                  v-model="wordData.fund.match">
+                </el-input>
+            </td><td colspan="2">
+              参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">创客交流活动费</td><td>
+              <el-input
+                  type="number"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="创客交流活动费"
+                  v-model="wordData.fund.activity">
+                </el-input>
+            </td><td colspan="2">
+              创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">知识产权事务费</td><td>
+              <el-input
+                  type="number"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder="知识产权事务费"
+                  v-model="wordData.fund.affair">
+                </el-input>
+            </td><td colspan="2">
+              论文版面费、专利及其他知识产权事务等费用。
+            </td>
+          </tr>
+          <tr>
+            <td>所在学院/部门意见</td><td colspan="6" class="textLeft" style="height:200px">
+                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+            </td>
+          </tr>
+          <tr>
+            <td>财务部门意见</td><td colspan="6" class="textLeft" style="height:200px">
+                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+            </td>
+          </tr>
+          <tr>
+            <td>创新创业学院审核意见</td><td colspan="6" class="textLeft" style="height:200px">
+                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+            </td>
+          </tr>
+        </table>
+          <div class="notes">
+            <span>备注：</span>
+            <span>1.表格可顺延或另附页。</span>
+            <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
+            <span>3.初创组已结题项目申请需提供结题验收证明、初创企业申请需提供入驻学校孵化基地协议书及公司营业执照。</span>
+          </div>
+    </div>
+    </template>
+      
+    <script>
+      export default {
+        props:["wordData",'reversedMessage'],
+        data() {
+          return {
+              DepartmentData:[], //部门学院
+            }
+        },
+        methods: {
+          addTeacher(){        //添加老师
+            if (this.wordData.teacherS.length>=3) return this.$message.error('指导老师最多三人')
+            this.wordData.teacherS.push({name:"",collage:"",work:""});
+          },
+          DelTeacher(index){   //删除老师
+            this.wordData.teacherS.splice(index,1)
+          },
+          addStudent(){   //添加学生
+            this.wordData.studentS.push({name:"",collage:"",work:""});
+          },
+          DelStudent(index){   //删除学生
+            this.wordData.studentS.splice(index,1)
+          },
+          getProjectDepartmentData(){  //获取项目立项申请基础信息页面所在部门数据
+            this.ajax.get(this.$store.state.api+'/SelectAllDepartment',{
+              uid:this.$store.state.userInfo.userid
+            }).then(res=>{
+              this.DepartmentData = res.data[0]
+            },err=>{
+              console.log(err);
+            })
+          },
+        },
+        computed:{   //经费总合
+
+        },
+        mounted(){
+          this.getProjectDepartmentData()
+        }
+      };
+    </script>
+      
+    <style lang="less" scoped>
+    #studentProjectWord{
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        background-color: #ffff;
+        margin: 0;
+        padding:40px 100px;
+        box-sizing:border-box;
+        #title{
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            position: relative;
+            // margin-top: 40px;
+            .school{
+                font-size: 2.5em;
+                font-weight: bold;
+                letter-spacing: 20px;
+            }
+            .wordTitle{
+                font-size: 2em;
+                letter-spacing: .15em;
+                margin-bottom:40px ;
+            }
+            .date{
+    
+                font-size: 1em;
+                position: absolute;
+                bottom: 0;
+                right: 100px;
+                font-weight: bold;
+            }
+        }
+        .table{
+            border: none;
+            border-top: solid 1px black;
+            border-right:  solid 1px black;
+            .textLeft{
+              :deep(.el-textarea__inner){
+                border: none ;
+                border-radius: 0px;
+                text-align: left !important;
+                font-size: 16px;
+              }
+            }
+            tr td{
+              border: none;
+              border-bottom: solid 1px black;
+              border-left: solid 1px black;
+              height: 50px;
+              text-align: center;
+              line-height: 30px;
+              width: 14.3%;
+              p{
+                font-weight: 600;
+              }
+              :deep(.el-select .el-input .el-select__caret){
+                display: none;
+              }
+              :deep(.el-textarea__inner){
+                // padding: 0;
+                border: none ;
+                border-radius: 0px;
+                text-align: center;
+                font-size: 16px;
+              }
+              :deep(.el-input__inner){
+                border: none ;
+                border-radius: 0px;
+                text-align: center;
+                font-size: 16px;
+              }
+              :deep(input)::-webkit-outer-spin-button,
+              :deep(input)::-webkit-inner-spin-button {
+                -webkit-appearance: none;
+              }
+              :deep(input)[type="number"]{
+                  -moz-appearance: textfield;
+              }
+            }
+            
+        }
+        .notes{
+          width: 100%;
+          display: flex;
+          flex-direction:column;
+        }
+        
+    }
+       
+    .operate{
+        right:-85px;
+        width:85px;
+        height: 50px;
+        display:flex;
+        justify-content:space-between;
+        align-items:center;
+        position:absolute;
+        .el-button{
+          max-width:10px;
+          display:flex;
+          justify-content:center;
+          align-items:center;
+          margin-left:10px;
+        }
+    }
+    
+    </style>

src/views/projectApply/components/studentProjectWordDetail.vue

@@ -1,541 +1,10 @@
 <template>
-    <div id="studentProjectWord">
-        <div id="title">
-            <div class="school">深圳技师学院</div>
-            <div class="wordTitle">学 生 创 客 项 目 申 报 书</div>
-            <div class="date">申请日期：{{wordData.applicationDate}}</div>
-        </div>
-        <table border="1" cellspacing="0" class="table">
-    
-          <tr id="projectName">
-            <td colspan="2" ref="projectName">项目名称</td><td colspan="5" >
-              <el-input
-                  type="textarea"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  
-                  placeholder="请输入项目名称"
-                  v-model="wordData.projectName">
-                </el-input>
-            </td>
-          </tr>
-          <tr id="radio">
-            <td rowspan="2" colspan="2" ref="radio">项目分组</td><td>
-              <el-radio v-model="wordData.radio" label="ed917c55-f51d-11ed-a3f6-509a4c5b67cf">创意组</el-radio>
-            </td>
-            <td colspan="4">立项项目为新立项项目，项目成果应具有较好的创意和较为成型的产品原型或能提供较好的商业模式，产生较好的社会效益。</td>
-          </tr> 
-          <tr>
-            <td>
-              <el-radio v-model="wordData.radio" label="f3068e26-f51d-11ed-a3f6-509a4c5b67cf">初创组</el-radio>
-            </td>
-            <td colspan="4">立项项目为学校已结题学生创客项目或已入驻学校创业孵化基地的学生初创企业项目（毕业两年内），项目成果应为原结题项目基础上的技术升级、企业注册、规模扩张。</td>
-          </tr> 
-          <tr id="checkList">
-            <td colspan="2" ref="checkList">优先支持项目（可多选）</td> <td colspan="5">
-              <el-checkbox-group v-model="wordData.checkList">
-                <el-checkbox label="1">大赛选拔项目</el-checkbox>
-                <el-checkbox label="2">大赛选拔项目</el-checkbox>
-                <el-checkbox label="3">社会征集项目</el-checkbox>
-                <el-checkbox label="4">产业命题项目</el-checkbox>
-              </el-checkbox-group>
-            </td>
-          </tr>
-          <tr id="schoolRadio">
-            <td colspan="2" ref="schoolRadio">美丽校园改造项目（特色项目）</td> <td colspan="5">
-              <el-radio v-model="wordData.schoolRadio" label="1">校园安全项目</el-radio>
-              <el-radio v-model="wordData.schoolRadio" label="2">环境治理项目</el-radio>
-              <el-radio v-model="wordData.schoolRadio" label="3">校园服务项目</el-radio>
-              <el-radio v-model="wordData.schoolRadio" label="4">文创装置项目</el-radio>
-            </td>
-          </tr>
-          <tr id="applyParsonRadio">
-            <td colspan="2" ref="applyParsonRadio" >项 目 申 请 人</td><td colspan="2">
-              <el-radio v-model="wordData.applyParsonRadio" label="1">在校学生</el-radio>
-            </td><td colspan="3">
-              <el-radio v-model="wordData.applyParsonRadio" label="2">入驻学校孵化基地的初创企业法人</el-radio>
-            </td>
-          </tr>
-          <tr id="applyParsonName">
-            <td colspan="2" ref="applyParsonName">申 请 人 姓 名</td><td colspan="1">
-              <el-input
-                  type="textarea"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="请输入姓名"
-                  v-model="wordData.applyParsonName">
-                </el-input>
-            </td>
-            <td ref="college">参与学院/公司</td>
-            <td>
-              <el-select v-model="wordData.college" style="width: 100%;" placeholder="请选择所在学院">
-                  <el-option
-                    v-for="item in DepartmentData"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id">
-                  </el-option>
-                </el-select>
-            </td><td ref="tel">联系电话</td><td>
-                <el-input type="number" v-model="wordData.tel"  @blur="getText(wordData.tel)" placeholder="请输入联系方式"></el-input>
-            </td>
-          </tr>
-          <tr id="beginTime">
-            <td colspan="2" ref="beginTime">项 目 起 始 时 间</td>
-            <td colspan="2">
-              <el-date-picker
-                  v-model="wordData.beginTime"
-                  type="date"
-                  placeholder="请选择项目计划完成时间"
-                  prefix-icon="none"
-                  value-format="yyyy-MM-dd HH:mm:ss">
-                  <!-- value-format="yyyy-MM-dd HH:mm:ss"> -->
-    
-                </el-date-picker></td>
-                <td ref="endTime">计划完成时间</td>
-                <td colspan="2">
-                  <el-date-picker
-                    v-model="wordData.endTime"
-                    type="date"
-                    placeholder="请选择项目计划完成时间"
-                    prefix-icon="none"
-                    value-format="yyyy-MM-dd HH:mm:ss">
-                    <!-- value-format="yyyy-MM-dd HH:mm:ss"> -->
-    
-                  </el-date-picker>
-              </td>
-          </tr>
-          <tr>
-            <td colspan="2">项 目 组 人 数</td>
-            <td>
-              
-                {{ wordData.studentS.length + wordData.teacherS.length }}
-    
-              </td>
-            <td>参与学生人数</td>
-            <td>
-              
-                {{ wordData.studentS.length }}
-              </td>
-              <td>参与教师人数</td>
-              <td>
-                {{ wordData.teacherS.length }}
-              </td>
-          </tr>
-          <tr id="studentS">
-            <td :rowspan="wordData.studentS.length+1" ref="studentS">项目组学生成员（至少2个学院以上学生构成，团队5人以上）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
-          </tr>
-          <tr style="position: relative;" v-for="(item,index) in wordData.studentS" :key="index+'a'">
-            <td>
-              <el-input
-                  type="textarea"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="请输入姓名"
-                  v-model="item.name">
-                </el-input>
-            </td>
-            <td colspan="2">
-              <el-input
-                  type="textarea"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="请输入所在学院/部门/专业"
-                  v-model="item.collage">
-                </el-input>
-            </td>
-            <td colspan="3">
-              <el-input
-                  type="textarea"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="请输入项目组角色分工"
-                  v-model="item.work">
-                </el-input>
-            </td>
-            <div class="operate">
-                    <el-button @click="addStudent" v-if="wordData.studentS.length==index+1" type="primary" size="mini">添加</el-button>
-                    <el-button v-if="wordData.studentS.length>6" @click="DelStudent(index)" type="primary" size="mini">删除</el-button>
-            </div>
-          </tr>
-          <tr id="teacherS">
-            <td :rowspan="wordData.teacherS.length+1" ref="teacherS">项目组指导教师（2个学院以上，团队2-3人）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
-          </tr>
-          <tr style="position: relative !important;" v-for="(item,index) in wordData.teacherS" :key="index+'b'">
-            <td>
-              <el-input
-                  type="textarea"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="请输入姓名"
-                  v-model="item.name">
-                </el-input>
-            </td>
-            <td colspan="2">
-              <el-input
-                  type="textarea"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="请输入所在学院/部门/专业"
-                  v-model="item.collage">
-                </el-input>
-            </td>
-            <td colspan="3">
-              <el-input
-                  type="textarea"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="请输入项目组角色分工"
-                  v-model="item.work">
-                </el-input>
-            </td>
-            <div class="operate">
-                    <el-button @click="addTeacher" v-if="wordData.teacherS.length==index+1" type="primary" size="mini">添加</el-button>
-                    <el-button v-if="wordData.teacherS.length!=2" @click="DelTeacher(index)" type="primary" size="mini">删除</el-button>
-            </div>
-            <!-- <div style="position: absolute;">
-              <div>+</div>
-              <div>_</div>
-            </div> -->
-          </tr>
-          <tr id="brief">
-            <td rowspan="5" ref="brief">研发内容</td><td style="text-align: left;position: relative;" colspan="6" class="textLeft">
-              <p>项目简介（200-300字）</p>
-                <el-input
-                  type="textarea"
-                  :rows="6"
-                  resize="none"
-                  placeholder="请输入项目简介"
-                  style="width: 100%;"
-                  v-model="wordData.brief">
-                </el-input>
-                <div style="color: #ccc;position: absolute;right: 60px;bottom: 10px;">{{ wordData.brief.length }}/300</div>
-            </td>
-          </tr>
-          <tr>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <p>项目研发背景</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.back">
-                </el-input>
-            </td>
-          </tr>
-          <tr>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <p>项目创新点</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.innovate">
-                </el-input>
-            </td>
-          </tr>
-          <tr>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <p>技术研发路线</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.path">
-                </el-input>
-            </td>
-          </tr>
-          <tr>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <p>项目应用场景 </p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.scene">
-                </el-input>
-            </td>
-          </tr>
-          <tr>
-            <td>商业模式及社会价值</td>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <p>项目商业模式/社会价值</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.worth">
-                </el-input>
-            </td>
-          </tr>
-          <tr>
-            <td>团队优势</td>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <p>团队构成及优势</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.team">
-                </el-input>
-            </td>
-          </tr>
-          <tr>
-            <td>研发成本</td>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <p>研发成本来源及构成</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.cost">
-                </el-input>
-            </td>
-          </tr>
-          <tr>
-            <td rowspan="3">预期成果</td>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <p>项目预期成果、数量及形式（产品原型/发明专利/双创竞赛/成果转化/社会效益）</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.expectResults">
-                </el-input>
-            </td>
-          </tr>
-          <tr class="textLeft">
-            <td style="text-align: left;" colspan="6">
-              <p>学生创客人才培养预期成果、数量（教师填写）</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.expectResultsTeacher">
-                </el-input>
-            </td>
-          </tr>
-          <tr class="textLeft">
-            <td style="text-align: left;" colspan="6">
-              <p>项目预期孵化、转化创业项目情况</p>
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.expectConversion">
-                </el-input>
-            </td>
-          </tr>
-          <tr>
-            <td>实施计划</td>
-            <td style="text-align: left;" colspan="6" class="textLeft">
-              <el-input
-                  type="textarea"
-                  :autosize="{ minRows: 6, maxRows: 20}"
-                  style="width: 100%;"
-                  resize="none"
-                  v-model="wordData.introduce.plan">
-                </el-input>
-            </td>
-          </tr>
-          <tr id="fund">
-            <td rowspan="12" ref="fund">预算经费</td><td>总经费</td><td colspan="5">
-                      {{ reversedMessage==0?'':reversedMessage}}元
-            </td>
-          </tr>
-          <tr>
-            <td>支出类别</td><td colspan="2">支出项目</td><td>金额（元）</td><td colspan="4">备 注</td>
-          </tr>
-          <tr>
-            <td rowspan="5">直接费用</td>
-          </tr>
-          <tr>
-            <td colspan="2">小型仪器设备费</td>
-            <td>
-              <el-input
-                  type="number"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="小型仪器设备费"
-                  v-model="wordData.fund.facility">
-                </el-input>
-            </td><td colspan="2">
-              项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">材料费</td><td>
-              <el-input
-                  type="number"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="材料费"
-                  v-model="wordData.fund.materials">
-                </el-input>
-            </td><td colspan="2">
-              项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">测试化验加工费</td><td>
-              <el-input
-                  type="number"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="测试化验加工费"
-                  v-model="wordData.fund.process">
-                </el-input>
-            </td><td colspan="2">
-              项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">项目协作费</td><td>
-              <el-input
-                  type="number"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="项目协作费"
-                  v-model="wordData.fund.assist">
-                </el-input>
-            </td><td colspan="2">
-              按合同规定支付给协作单位的费用
-            </td>
-          </tr>
-    
-          <tr>
-            <td rowspan="5">间接费用</td>
-          </tr>
-          <tr>
-            <td colspan="2">项目成果鉴定费</td><td>
-              <el-input
-                  type="number"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="项目成果鉴定费"
-                  v-model="wordData.fund.authenticate">
-                </el-input>
-            </td><td colspan="2">
-              学术会务费、评审费、鉴定费、成果集制作费等费用。
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">参展参赛费</td><td>
-              <el-input
-                  type="number"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="参展参赛费"
-                  v-model="wordData.fund.match">
-                </el-input>
-            </td><td colspan="2">
-              参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">创客交流活动费</td><td>
-              <el-input
-                  type="number"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="创客交流活动费"
-                  v-model="wordData.fund.activity">
-                </el-input>
-            </td><td colspan="2">
-              创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。
-            </td>
-          </tr>
-          <tr>
-            <td colspan="2">知识产权事务费</td><td>
-              <el-input
-                  type="number"
-                  autosize
-                  style="width: 100%;"
-                  resize="none"
-                  placeholder="知识产权事务费"
-                  v-model="wordData.fund.affair">
-                </el-input>
-            </td><td colspan="2">
-              论文版面费、专利及其他知识产权事务等费用。
-            </td>
-          </tr>
-          <tr>
-            <td>所在学院/部门意见</td><td colspan="6" class="textLeft">
-              <el-input
-                  type="textarea"
-                  :rows="7"
-                  resize="none"
-                  disabled
-                  style="width: 100%;"
-                  v-model="input">
-                </el-input>
-                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
-                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
-            </td>
-          </tr>
-          <tr>
-            <td>财务部门意见</td><td colspan="6" class="textLeft">
-              <el-input
-                  type="textarea"
-                  :rows="7"
-                  resize="none"
-                  disabled
-                  style="width: 100%;"
-                  v-model="input">
-                </el-input>
-                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
-                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
-            </td>
-          </tr>
-          <tr>
-            <td>创新创业学院审核意见</td><td colspan="6" class="textLeft">
-              <el-input
-                  type="textarea"
-                  :rows="7"
-                  style="background-color: #fff;width: 100%;"
-                  resize="none"
-                  disabled
-                  v-model="input">
-                </el-input>
-                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
-                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
-            </td>
-          </tr>
-        </table>
-          <div class="notes">
-            <span>备注：</span>
-            <span>1.表格可顺延或另附页。</span>
-            <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
-            <span>3.初创组已结题项目申请需提供结题验收证明、初创企业申请需提供入驻学校孵化基地协议书及公司营业执照。</span>
-            <div style="width: 300px;margin: 20px auto;display: flex;justify-content: space-between;">
-                <el-button style="width: 120px;margin: 20px auto;" @click="test" type="primary">立即修改</el-button>
-                <el-button style="width: 120px;margin: 20px auto;" @click="downloadDig=true" type="primary">下载文档</el-button>
-            </div>
+    <div id="studentProjectWordDetail">
+        <studentProjectWord v-if="isupload==0" :wordData="wordData" :reversedMessage="reversedMessage"/>
+        <studentProjectWordShow v-if="isupload==1" :downWordData="downWordData" :reversedMessage="reversedMessage"/>
+          <div style="width: 300px;margin: 20px auto;display: flex;justify-content: space-between;">
+              <el-button style="width: 120px;margin: 20px auto;" @click="test" type="primary" v-if="isupload==0">立即修改</el-button>
+              <el-button style="width: 120px;margin: 20px auto;" @click="downloadDig=true" type="primary">下载文档</el-button>
           </div>
           <!-- 立即修改开始 -->
                 <el-dialog
@@ -572,11 +41,13 @@
     <script>
     import {getNowDate} from '@/components/tool/Date.js'
     import { getWord } from '@/components/tool/getWord';
+    import studentProjectWord from './studentProjectWord.vue';
+    import studentProjectWordShow from './studentProjectWordShow.vue';
       export default {
+        components:{studentProjectWord,studentProjectWordShow},
         data() {
           return {
-      
-            input:"",
+            isupload:1,
             DepartmentData:[], //部门学院
             downloadDig:false,  //下载文档对话框
             updatedWordDig:false, //立即修改对话框
@@ -689,7 +160,8 @@
                     this.wordData.introduce=JSON.parse(data.chapters)
                     this.wordData.fund=JSON.parse(data.money)
                     this.downWordData={...this.wordData,...{etime:data.eTime,btime:data.bTime,dp:data.className}}
-                    console.log(this.wordData)
+                    this.isupload = data['isupload'];
+                    console.log(this.downWordData)
                 },err=>{
                     console.log(err);
                 })
@@ -883,113 +355,11 @@
     </script>
       
     <style lang="less" scoped>
-    #studentProjectWord{
+    #studentProjectWordDetail{
         width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
-        background-color: #ffff;
-        margin: 0;
-        padding:40px 100px;
-        box-sizing:border-box;
-        #title{
-            width: 100%;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            position: relative;
-            // margin-top: 40px;
-            .school{
-                font-size: 2.5em;
-                font-weight: bold;
-                letter-spacing: 20px;
-            }
-            .wordTitle{
-                font-size: 2em;
-                letter-spacing: .15em;
-                margin-bottom:40px ;
-            }
-            .date{
-    
-                font-size: 1em;
-                position: absolute;
-                bottom: 0;
-                right: 100px;
-                font-weight: bold;
-            }
-        }
-        .table{
-            border: none;
-            border-top: solid 1px black;
-            border-right:  solid 1px black;
-            .textLeft{
-              :deep(.el-textarea__inner){
-                border: none ;
-                border-radius: 0px;
-                text-align: left !important;
-                font-size: 16px;
-              }
-            }
-            tr td{
-              border: none;
-              border-bottom: solid 1px black;
-              border-left: solid 1px black;
-              height: 50px;
-              text-align: center;
-              line-height: 30px;
-              width: 14.3%;
-              p{
-                font-weight: 600;
-              }
-              :deep(.el-select .el-input .el-select__caret){
-                display: none;
-              }
-              :deep(.el-textarea__inner){
-                // padding: 0;
-                border: none ;
-                border-radius: 0px;
-                text-align: center;
-                font-size: 16px;
-              }
-              :deep(.el-input__inner){
-                border: none ;
-                border-radius: 0px;
-                text-align: center;
-                font-size: 16px;
-              }
-              :deep(input)::-webkit-outer-spin-button,
-              :deep(input)::-webkit-inner-spin-button {
-                -webkit-appearance: none;
-              }
-              :deep(input)[type="number"]{
-                  -moz-appearance: textfield;
-              }
-            }
-            
-        }
-        .notes{
-          width: 100%;
-          display: flex;
-          flex-direction:column;
-        }
-        
-    }
-       
-    .operate{
-        right:-85px;
-        width:85px;
-        height: 50px;
-        display:flex;
-        justify-content:space-between;
-        align-items:center;
-        position:absolute;
-        .el-button{
-          max-width:10px;
-          display:flex;
-          justify-content:center;
-          align-items:center;
-          margin-left:10px;
-        }
     }
     
     </style>

src/views/projectApply/components/studentProjectWordShow.vue

@@ -0,0 +1,396 @@
+<template>
+    <div id="studentProjectWord">
+        <div id="title">
+            <div class="school">深圳技师学院</div>
+            <div class="wordTitle">学 生 创 客 项 目 申 报 书</div>
+            <div class="date">申请日期：{{downWordData.applicationDate}}</div>
+        </div>
+        <table border="1" cellspacing="0" class="table">
+    
+          <tr id="projectName">
+            <td colspan="2" ref="projectName">项目名称</td><td colspan="5" v-text='downWordData.projectName'></td>
+          </tr>
+          <tr id="radio">
+            <td rowspan="2" colspan="2" ref="radio">项目分组</td><td v-text="downWordData.radio=='ed917c55-f51d-11ed-a3f6-509a4c5b67cf'?'√ 创意组':'□ 创意组'">
+            </td>
+            <td colspan="4">立项项目为新立项项目，项目成果应具有较好的创意和较为成型的产品原型或能提供较好的商业模式，产生较好的社会效益。</td>
+          </tr> 
+          <tr>
+            <td v-text="downWordData.radio=='ed917c55-f51d-11ed-a3f6-509a4c5b67cf'?'□ 初创组':'√ 初创组'">
+            </td>
+            <td colspan="4">立项项目为学校已结题学生创客项目或已入驻学校创业孵化基地的学生初创企业项目（毕业两年内），项目成果应为原结题项目基础上的技术升级、企业注册、规模扩张。</td>
+          </tr> 
+          <tr id="checkList" class="checkArea">
+            <td colspan="2" ref="checkList">优先支持项目（可多选）</td> <td colspan="5">
+              <span><span v-text="downWordData['checkList'].indexOf('1')!=-1?'√ ':'□ '"></span><span>大赛选拔项目</span></span>
+              <span><span v-text="downWordData['checkList'].indexOf('2')!=-1?'√ ':'□ '"></span><span>落地注册项目</span></span>
+              <span><span v-text="downWordData['checkList'].indexOf('3')!=-1?'√ ':'□ '"></span><span>社会征集项目</span></span>
+              <span><span v-text="downWordData['checkList'].indexOf('4')!=-1?'√ ':'□ '"></span><span>产业命题项目</span></span>
+              
+              <!-- <el-checkbox-group v-model="downWordData.checkList">
+                <el-checkbox label="1">大赛选拔项目</el-checkbox>
+                <el-checkbox label="2">大赛选拔项目</el-checkbox>
+                <el-checkbox label="3">社会征集项目</el-checkbox>
+                <el-checkbox label="4">产业命题项目</el-checkbox>
+              </el-checkbox-group> -->
+            </td>
+          </tr>
+          <tr id="schoolRadio" class="checkArea">
+            <td colspan="2" ref="schoolRadio">美丽校园改造项目（特色项目）</td> <td colspan="5">
+              <span><span v-text="downWordData['schoolRadio']=='1'?'√ ':'□ '"></span><span>校园安全项目</span></span>
+              <span><span v-text="downWordData['schoolRadio']=='2'?'√ ':'□ '"></span><span>环境治理项目</span></span>
+              <span><span v-text="downWordData['schoolRadio']=='3'?'√ ':'□ '"></span><span>校园服务项目</span></span>
+              <span><span v-text="downWordData['schoolRadio']=='4'?'√ ':'□ '"></span><span>文创装置项目</span></span>
+              <!-- <el-radio v-model="downWordData.schoolRadio" label="1">校园安全项目</el-radio>
+              <el-radio v-model="downWordData.schoolRadio" label="2">环境治理项目</el-radio>
+              <el-radio v-model="downWordData.schoolRadio" label="3">校园服务项目</el-radio>
+              <el-radio v-model="downWordData.schoolRadio" label="4">文创装置项目</el-radio> -->
+            </td>
+          </tr>
+          <tr id="applyParsonRadio">
+            <td colspan="2" ref="applyParsonRadio" >项 目 申 请 人</td><td colspan="2">
+              <span v-text="downWordData['applyParsonRadio']=='1'?'√ ':'□ '"></span><span>在校学生</span>
+              <!-- <el-radio v-model="downWordData.applyParsonRadio" label="1">在校学生</el-radio> -->
+            </td><td colspan="3">
+              <span v-text="downWordData['applyParsonRadio']=='2'?'√ ':'□ '"></span><span>入驻学校孵化基地的初创企业法人</span>
+              <!-- <el-radio v-model="downWordData.applyParsonRadio" label="2">入驻学校孵化基地的初创企业法人</el-radio> -->
+            </td>
+          </tr>
+          <tr id="applyParsonName">
+            <td colspan="2" ref="applyParsonName">申 请 人 姓 名</td><td colspan="1" v-text="downWordData.applyParsonName">
+            </td>
+            <td ref="college">参与学院/公司</td><td v-text="downWordData.dp">
+            </td><td ref="tel">联系电话</td><td v-text="downWordData.tel"></td>
+          </tr>
+          <tr id="beginTime">
+            <td colspan="2" ref="beginTime">项 目 起 始 时 间</td><td colspan="2" v-text="downWordData.beginTime.split(' ')[0]"></td>
+            <td ref="endTime">计划完成时间</td><td colspan="2" v-text="downWordData.endTime.split(' ')[0]"></td>
+          </tr>
+          <tr>
+            <td colspan="2">项 目 组 人 数</td><td v-text="downWordData.studentS.length + downWordData.teacherS.length"></td>
+            <td>参与学生人数</td><td v-text='downWordData.studentS.length'> </td>
+            <td>参与教师人数</td><td v-text="downWordData.teacherS.length"></td>
+          </tr>
+          <tr id="studentS">
+            <td :rowspan="downWordData.studentS.length+1" ref="studentS">项目组学生成员（至少2个学院以上学生构成，团队5人以上）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
+          </tr>
+          <tr style="position: relative;" v-for="(item,index) in downWordData.studentS" :key="index+'a'">
+            <td v-text="item.name"></td>
+            <td colspan="2" v-text="item.collage"></td>
+            <td colspan="3" v-text="item.work"></td>
+          </tr>
+          <tr id="teacherS">
+            <td :rowspan="downWordData.teacherS.length+1" ref="teacherS">项目组指导教师（2个学院以上，团队2-3人）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
+          </tr>
+          <tr style="position: relative !important;" v-for="(item,index) in downWordData.teacherS" :key="index+'b'">
+            <td v-text="item.name"></td>
+            <td colspan="2" v-text="item.collage"></td>
+            <td colspan="3" v-text="item.work"></td>
+          </tr>
+          <tr id="brief">
+            <td rowspan="5" ref="brief">研发内容</td><td style="text-align: left;position: relative;" colspan="6" class="textLeft">
+              <p>项目简介（200-300字）</p>
+              <span v-text="downWordData.brief"></span>
+            </td>
+          </tr>
+          <tr>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目研发背景</p>
+              <span v-text="downWordData.introduce.back"></span>
+            </td>
+          </tr>
+          <tr>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目创新点</p>
+              <span v-text="downWordData.introduce.innovate"></span>
+            </td>
+          </tr>
+          <tr>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>技术研发路线</p>
+              <span v-text="downWordData.introduce.path"></span>
+            </td>
+          </tr>
+          <tr>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目应用场景 </p>
+              <span v-text="downWordData.introduce.scene"></span>
+            </td>
+          </tr>
+          <tr>
+            <td>商业模式及社会价值</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目商业模式/社会价值</p>
+              <span v-text="downWordData.introduce.worth"></span>
+            </td>
+          </tr>
+          <tr>
+            <td>团队优势</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>团队构成及优势</p>
+              <span v-text='downWordData.introduce.team'></span>
+            </td>
+          </tr>
+          <tr>
+            <td>研发成本</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>研发成本来源及构成</p>
+              <span v-text="downWordData.introduce.cost"></span>
+            </td>
+          </tr>
+          <tr>
+            <td rowspan="3">预期成果</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <p>项目预期成果、数量及形式（产品原型/发明专利/双创竞赛/成果转化/社会效益）</p>
+              <span v-text="downWordData.introduce.expectResults"></span>
+            </td>
+          </tr>
+          <tr class="textLeft">
+            <td style="text-align: left;" colspan="6">
+              <p>学生创客人才培养预期成果、数量（教师填写）</p>
+              <span v-text="downWordData.introduce.expectResultsTeacher"></span>
+            </td>
+          </tr>
+          <tr class="textLeft">
+            <td style="text-align: left;" colspan="6">
+              <p>项目预期孵化、转化创业项目情况</p>
+              <span v-text="downWordData.introduce.expectConversion"></span>
+            </td>
+          </tr>
+          <tr>
+            <td>实施计划</td>
+            <td style="text-align: left;" colspan="6" class="textLeft">
+              <span v-text="downWordData.introduce.plan"></span>
+            </td>
+          </tr>
+          <tr id="fund">
+            <td rowspan="12" ref="fund">预算经费</td><td>总经费</td><td colspan="5" v-text="reversedMessage==0?'':reversedMessage"></td>
+          </tr>
+          <tr>
+            <td>支出类别</td><td colspan="2">支出项目</td><td>金额（元）</td><td colspan="4">备 注</td>
+          </tr>
+          <tr>
+            <td rowspan="5">直接费用</td>
+          </tr>
+          <tr>
+            <td colspan="2">小型仪器设备费</td>
+            <td v-text="downWordData.fund.facility">
+            </td><td colspan="2">
+              项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">材料费</td><td v-text="downWordData.fund.materials">
+            </td><td colspan="2">
+              项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">测试化验加工费</td><td v-text="downWordData.fund.process">
+            </td><td colspan="2">
+              项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">项目协作费</td><td v-text="downWordData.fund.assist">
+            </td><td colspan="2">
+              按合同规定支付给协作单位的费用
+            </td>
+          </tr>
+    
+          <tr>
+            <td rowspan="5">间接费用</td>
+          </tr>
+          <tr>
+            <td colspan="2">项目成果鉴定费</td><td v-text="downWordData.fund.authenticate">
+            </td><td colspan="2">
+              学术会务费、评审费、鉴定费、成果集制作费等费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">参展参赛费</td><td v-text="downWordData.fund.match">
+            </td><td colspan="2">
+              参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">创客交流活动费</td><td v-text="downWordData.fund.activity">
+            </td><td colspan="2">
+              创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">知识产权事务费</td><td v-text="downWordData.fund.affair">
+            </td><td colspan="2">
+              论文版面费、专利及其他知识产权事务等费用。
+            </td>
+          </tr>
+          <tr>
+            <td>所在学院/部门意见</td><td colspan="6" class="textLeft" style="height:200px">
+                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+            </td>
+          </tr>
+          <tr>
+            <td>财务部门意见</td><td colspan="6" class="textLeft" style="height:200px">
+                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+            </td>
+          </tr>
+          <tr>
+            <td>创新创业学院审核意见</td><td colspan="6" class="textLeft" style="height:200px">
+                <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+                <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+            </td>
+          </tr>
+        </table>
+          <div class="notes">
+            <span>备注：</span>
+            <span>1.表格可顺延或另附页。</span>
+            <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
+            <span>3.初创组已结题项目申请需提供结题验收证明、初创企业申请需提供入驻学校孵化基地协议书及公司营业执照。</span>
+          </div>
+    </div>
+    </template>
+      
+    <script>
+      export default {
+        props:['reversedMessage','downWordData'],
+        data() {
+          return {
+
+            }
+        },
+        methods: {
+
+        },
+        computed:{   //经费总合
+
+        },
+        mounted(){
+
+        }
+      };
+    </script>
+      
+    <style lang="less" scoped>
+    #studentProjectWord{
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        background-color: #ffff;
+        margin: 0;
+        padding:40px 100px;
+        box-sizing:border-box;
+        #title{
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            position: relative;
+            // margin-top: 40px;
+            .school{
+                font-size: 2.5em;
+                font-weight: bold;
+                letter-spacing: 20px;
+            }
+            .wordTitle{
+                font-size: 2em;
+                letter-spacing: .15em;
+                margin-bottom:40px ;
+            }
+            .date{
+    
+                font-size: 1em;
+                position: absolute;
+                bottom: 0;
+                right: 100px;
+                font-weight: bold;
+            }
+        }
+        .table{
+            border: none;
+            border-top: solid 1px black;
+            border-right:  solid 1px black;
+            .textLeft{
+              // align-items: flex-start;
+              text-align: start;
+              vertical-align: top;
+              padding: 0 10px 40px 10px;
+              height: 200px;
+            }
+            tr td{
+              border: none;
+              border-bottom: solid 1px black;
+              border-left: solid 1px black;
+              height: 50px;
+              text-align: center;
+              line-height: 30px;
+              width: 14.3%;
+              p{
+                font-weight: 600;
+              }
+              :deep(.el-select .el-input .el-select__caret){
+                display: none;
+              }
+              :deep(.el-textarea__inner){
+                // padding: 0;
+                border: none ;
+                border-radius: 0px;
+                text-align: center;
+                font-size: 16px;
+              }
+              :deep(.el-input__inner){
+                border: none ;
+                border-radius: 0px;
+                text-align: center;
+                font-size: 16px;
+              }
+              :deep(input)::-webkit-outer-spin-button,
+              :deep(input)::-webkit-inner-spin-button {
+                -webkit-appearance: none;
+              }
+              :deep(input)[type="number"]{
+                  -moz-appearance: textfield;
+              }
+            }
+            
+        }
+        .notes{
+          width: 100%;
+          display: flex;
+          flex-direction:column;
+        }
+        
+    }
+       
+    .operate{
+        right:-85px;
+        width:85px;
+        height: 50px;
+        display:flex;
+        justify-content:space-between;
+        align-items:center;
+        position:absolute;
+        .el-button{
+          max-width:10px;
+          display:flex;
+          justify-content:center;
+          align-items:center;
+          margin-left:10px;
+        }
+    }
+      .checkArea{
+        td{
+          span{
+          margin-left: 50px;
+          span{
+            margin: 0;
+          }
+        }
+        }
+
+      }
+    
+    </style>

src/views/projectApply/projectApplicationDetailMain.vue

@@ -18,14 +18,9 @@
 </template>
 
 <script>
-// import projectApplicationDetails from './components/projectApplicationDetails.vue'
-// import projectApplication2 from './components/projectApplication2.vue'
-// import projectApplicationMakerSpaceDetails from './components/projectApplicationMakerSpaceDetails.vue'
-// import projectApplicationMakerSpaceDetails2 from './components/projectApplicationMakerSpaceDetails2.vue'
 import MakerSpaceWordDetail from './components/MakerSpaceWordDetail.vue';
 import studentProjectWordDetail from './components/studentProjectWordDetail.vue'
     export default {
-        // components:{projectApplicationDetails,projectApplication2,projectApplicationMakerSpaceDetails,projectApplicationMakerSpaceDetails2},
         components:{MakerSpaceWordDetail,studentProjectWordDetail},
         data() {
             return {
@@ -34,9 +29,9 @@ import studentProjectWordDetail from './components/studentProjectWordDetail.vue'
             }
         },
         methods:{
-           
-            
-            
+           back(){
+            this.$router.push('/projectApplication')
+           }
         },
         mounted(){
             // console.log(this.$route.query['Id'])