#

src/App.vue

@@ -955,6 +955,7 @@ hr {
     justify-content: center;
   }
 }
+
 .DialogBox{
   display: flex;
   justify-content: center;

src/router/index.js

@@ -216,6 +216,18 @@ const routes = [{
                 component:()=>import('@/views/system'),
                 meta:{isAuth:true,checkPower:true}
             },
+             {//代办公文
+                name:"commission",
+                path:"/commission",
+                component:()=>import('@/views/commission/commission.vue'),
+                meta:{isAuth:true,checkPower:true}
+            },
+            {//代办公文查看详情
+                name:"commissionDetailMain",
+                path:"/commissionDetailMain",
+                component:()=>import('@/views/commission/commissionDetailMain.vue'),
+                meta:{isAuth:true,checkPower:true}
+            },
         ]
     }
 ]

src/views/commission/commission.vue

@@ -0,0 +1,403 @@
+<template>
+    <!-- 代办公文 -->
+    <div v-loading="loading">
+      <div class="pAHeader">
+        <div class="pAHeader1">代办公文</div>
+      </div>
+      <hr>
+      
+      <!-- 搜索栏开始 -->
+      <div class="selectInp">
+        <div class="manageSelects" style="width: 100%;">
+        <div class="selectsBlock">
+          <span class="selectLabel">项目筛选</span>
+          <el-select v-model="pavalues.value" @change="getData" placeholder="我的项目">
+            <el-option label="所有项目" value=""/>
+            <el-option
+              v-for="item in options"
+              :key="item.courseId"
+              :label="item.title"
+              :value="item.courseId">
+            </el-option>
+          </el-select>
+        </div>
+  
+        <div class="selectsBlock">
+          <span class="selectLabel">部门</span>
+          <el-select v-model="pavalues.value1" @change="getData" placeholder="请选择">
+            <el-option label="所有部门" value=""/>
+            <el-option
+              v-for="item in options1"
+              :key="item.classid"
+              :label="item.name"
+              :value="item.classid">
+            </el-option>
+          </el-select>
+        </div>
+  
+        <div class="selectsBlock">
+          <span class="selectLabel">分类</span>
+          <el-select v-model="pavalues.value2" @change="getData" placeholder="请选择">
+            <el-option label="所有分类" value=""/>
+            <el-option
+              v-for="item in options2"
+              :key="item.typeid"
+              :label="item.name"
+              :value="item.typeid">
+            </el-option>
+          </el-select>
+        </div>
+  
+        <div class="selectsBlock">
+          <span class="selectLabel">负责人</span>
+          <el-select v-model="pavalues.value3" @change="getData" placeholder="请选择">
+            <el-option label="所有负责人" value=""/>
+            <el-option
+              v-for="item in options3"
+              :key="item.pro_leader"
+              :label="item.pro_leader"
+              :value="item.pro_leader">
+            </el-option>
+          </el-select>
+        </div>
+
+        <div class="selectsBlock">
+          <span class="selectLabel">状态</span>
+          <el-select v-model="pavalues.value2" @change="getData" placeholder="请选择">
+            <el-option label="所有分类" value=""/>
+            <el-option
+              v-for="item in options2"
+              :key="item.typeid"
+              :label="item.name"
+              :value="item.typeid">
+            </el-option>
+          </el-select>
+        </div>
+
+        <div class="selectsBlock">
+          <span class="selectLabel">送件时间</span>
+          <el-select v-model="pavalues.value4" @change="getData" placeholder="请选择">
+            <el-option label="所有年份" value=""/>
+            <el-option
+              v-for="item in options4"
+              :key="item.time"
+              :label="item.time+'年'"
+              :value="item.time">
+            </el-option>
+          </el-select>
+        </div>
+        </div>
+        <!-- <div class="ProjectManagementQuery">
+          <el-input v-model="input" style="width:240px" placeholder="请输入项目名称/编号"></el-input>
+          <el-button type="primary" class="btn" @click="getData" size="mini">查询</el-button>
+        </div> -->
+      </div>
+      <!-- 搜索栏结束 -->
+      
+      <!-- 表格开始 -->
+      <div>
+        <el-table
+          ref="multipleTable"
+          :data="items"
+          tooltip-effect="dark"
+          stripe
+          class="fontSize"
+          @selection-change="handleSelectionChange"
+          :header-cell-style="{ background: '#f2f2f2',color:'#000' }">
+          <el-table-column
+          type="selection"
+            prop="ProjectNo"
+            label="项目编号"
+            align="center"
+            min-width="9%">
+          </el-table-column>
+          <el-table-column
+            prop="title"
+            label="项目名称"
+            align="center"
+            min-width="10%">
+          </el-table-column>
+          <el-table-column
+            prop="pro_leader"
+            align="center"
+            label="项目负责人"
+            min-width="9%">
+          </el-table-column>
+  
+          
+
+          <el-table-column
+            prop="dName"
+            align="center"
+            label="所在学院"
+            min-width="10%">
+          </el-table-column>
+
+          <el-table-column
+            prop="tName"
+            align="center"
+            label="分类"
+            min-width="10%">
+          </el-table-column>
+
+          <el-table-column
+            prop="startTime"
+            align="center"
+            label="开始时间"
+            min-width="9%">
+            <template #default="scope">
+              <div>
+                {{ scope.row.startTime }}
+              </div>
+            </template>
+          </el-table-column>
+
+
+          <el-table-column
+            prop="tName"
+            align="center"
+            label="状态"
+            min-width="10%">
+          </el-table-column>
+          <!-- <el-table-column
+            prop="fund"
+            label="预算(万)"
+            align="center"
+            min-width="8%">
+            <template #default="scope">
+              <div>
+                {{ scope.row.fund/10000 }}
+              </div>
+            </template>
+          </el-table-column> -->
+          
+          <!-- <el-table-column
+            prop="endTime"
+            label="结项时间"
+            align="center"
+            min-width="9%">
+            <template #default="scope">
+                  <div>
+                    {{ scope.row.endTime}}
+                  </div>
+              </template>
+          </el-table-column> -->
+          <!-- <el-table-column
+            prop="phone"
+            align="center"
+            label="联系电话"
+            min-width="10%">
+            <template #default="scope">
+              <div>
+                {{ scope.row.phone!=null||scope.row.phone==''?scope.row.phone:"-" }}
+              </div>
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="operation"
+            width="200"
+            align="center"
+            label="操作"
+            >
+            <template #default="scope">
+                <div class="operations" style="justify-content: center;">
+                  <el-button type="primary" @click="rsBtn(scope.row['courseId'],scope.row['typeid'])">查看详情</el-button>
+                </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>  
+  
+        <!-- 分页 -->
+        <el-pagination
+            @current-change="handleCurrentChange"
+            :current-page="Page.currentPage"
+            :page-size="Page.lim"
+            layout=" prev, pager, next"
+            background
+            class="paginations"
+            :total="Page.total">
+          </el-pagination>
+        <!-- 分页结束 -->
+      
+  
+    </div>
+  </template>
+  
+  <script>
+      export default {
+        data() {
+          return {
+            input:'',
+            items:[], //项目展示小方块
+            options:[],
+            options1:[],
+            options2:[],
+            options3:[],
+            options4:[],
+            loading:false,
+            pavalues:{
+              value:'',
+              value1:'',
+              value2:'',
+              value3:'',
+              value4:new Date().getFullYear().toString(),
+            },
+            Page:{
+              currentPage:1,
+              total:0,
+              lim:8
+            },
+            multipleSelection: []//批量选择存放的数组
+          }
+        },
+        methods:{
+          handleCurrentChange(val) {   //当页数发生改变的时候调用获取列表数据请求
+            // console.log(`当前页: ${val}`);
+            this.Page.currentPage=val
+            this.getData()
+          },
+          rsBtn(pid,tid){
+            this.$router.push('/commissionDetailMain')
+          },
+          getData(){        //获取渲染数据
+            this.loading = true;
+            let param={
+              uid:this.$store.state.userInfo.userid,  //当前账号id
+              pid:this.pavalues.value,  //项目筛选
+              did:this.pavalues.value1,  //部门
+              tid:this.pavalues.value2,    //分类
+              leader:this.pavalues.value3,  //负责人
+              year:this.pavalues.value4,
+              textInp:this.input,
+              page:this.Page.currentPage,  //当前页
+              lim:this.Page.lim,  //限制获取几条数据
+            }
+            this.ajax    
+              .get(this.$store.state.api+'/GetProjectIsConclusion',param)
+                .then(res=>{
+                  let data = res.data;
+  
+                  console.log(data)
+                  if (data[0].length==0 && data[5][0]['total'] != 0&&this.Page.currentPage!=1) {
+                    this.Page.currentPage=1
+                    return this.getData()
+                  }
+                  this.items = data[0];
+                  this.options = data[1];
+                  this.options1 = data[2];
+                  this.options2 = data[3];
+                  this.options3 = data[4];
+                  this.options4 = data[6];
+                  if(this.options4.filter(item=>item['time']==new Date().getFullYear().toString()).length==0){
+                    this.options4.push({time:new Date().getFullYear().toString()})
+                  }
+                  this.Page.total = data[5][0]['total']
+  
+                  this.loading = false;
+                },err=>{
+                  console.log(err);
+                })  
+          },
+
+          handleSelectionChange(val) {
+            this.multipleSelection = val.courseId;
+            console.log( this.multipleSelection);
+          },
+    
+        },
+        mounted(){
+          this.getData();
+        }
+      }
+  </script>
+  
+  <style lang="less">
+//   .resultsShow{
+  
+//     // .pagination{
+//     //   float: right;
+//     //   margin: 0px 85px 10px;
+//     // }
+  
+//     // .classBlocks{   //循环列表大框
+//     //   width: 100%;
+//     //   display: flex;
+//     //   flex-wrap: wrap;
+//     //   overflow:auto;
+  
+//     //   .classBlock{   //独立小框
+//     //         flex-shrink: 0;
+//     //         overflow: hidden;
+//     //         position: relative;
+//     //         margin-right: 20px;
+//     //         margin-bottom: 5px;
+//     //         width: 320px;height: 260px;
+//     //         background-color: rgb(255, 255, 255);
+//     //         box-shadow: 1px 2px 3px #ccc;
+//     //         border: 1px solid #ccc;
+//     //         border-radius: 5px;
+//     //         display: flex;
+//     //         flex-direction: column;
+//     //     .projectBlockPosition{    //完成状态
+//     //         border-radius: 30px;
+//     //         position: absolute;
+//     //         top: 5px;
+//     //         left: 5px;
+//     //         width: 80px;
+//     //         height: 30px;
+//     //         display: flex;
+//     //         justify-content: center;
+//     //         align-items: center;
+//     //         background: #000;
+//     //         opacity: 0.7;
+//     //         font-size: 16px;
+//     //         color:#fff;
+//     //     }
+//     //     img{
+//     //       width: 100%;height: 120px;
+//     //       object-fit: cover;
+//     //     }
+  
+//     //     .classBlock1{   //中间栏
+//     //       margin-bottom: 10px;
+//     //       box-sizing: border-box;
+//     //       padding: 0 5px;
+//     //       margin-top: 5px;
+  
+//     //       .classBlock2{   //项目名称
+//     //             margin-left: 5px;
+//     //             margin-bottom: 4px;
+//     //             margin-top: 4px;
+//     //             text-align: left;
+//     //             font-size: 18px;
+//     //             white-space: nowrap;
+//     //             overflow: hidden;
+//     //             text-overflow: ellipsis;
+//     //       }
+//     //       .classBlock3{   //名字、学院
+        
+//     //         box-sizing: border-box;
+//     //             padding: 0 5px;
+//     //             font-size: 16px;
+//     //             width: 100%;
+//     //             margin-top: 4px;
+//     //             display: flex;
+//     //             justify-content: space-between;
+//     //       }
+//     //       .classBlock4{
+//     //         margin-top: 4px;
+//     //       }
+//     //     }
+//     //     .bt1{   //项目成果展示按钮
+//     //       width: 95%;
+//     //       background: #5190fd;
+//     //       height: 40px;
+//     //       margin-left: 8px;
+//     //       font-size: 14px;
+//     //     }
+//     //   }
+//     // }
+ 
+//     }
+  </style>

src/views/commission/commissionDetailMain.vue

@@ -0,0 +1,62 @@
+<template>
+    <div id="commissionDetailMain">
+        <div class="vfpHeader">
+            <div class="titleOne">待办公文</div>
+            <el-button type="primary" @click="$router.back()">返回</el-button>
+        </div>
+        <hr>
+
+    <!-- 跳转导航开始 -->
+        <div class="AppBar">
+            <div v-for="(item,index) in items" :key="index" @click="goto(index)" class="AppBarActive">
+                {{ item.tit }}
+                <div :class="index==show?item.cl:''"></div>
+            </div>
+        </div>
+        <projectBook v-if="this.show==0"></projectBook>
+        <projectDownload v-if="this.show==1"></projectDownload>
+        <projectLook v-if="this.show==2"></projectLook>
+    </div>
+</template>
+
+
+<script>
+import projectBook from './components/projectBook.vue'
+import projectDownload from './components/projectDownload.vue'
+import projectLook from './components/projectLook.vue'
+    export default {
+        components:{
+            projectBook,
+            projectDownload,
+            projectLook
+        },
+        data() {
+            return {
+                show:0,
+                items:[
+                    {tit:'项目申报书',cl:'pr1TitBass'},
+                    {tit:'项目查看',cl:'pr1TitBass'},
+                    {tit:'项目下载',cl:'pr1TitBass'},
+                ]
+            }
+        },
+        methods:{
+            goto(val,aid=''){
+                this.show = val
+                this.AidShow = aid;
+            },
+        },
+    }
+</script>
+
+<style lang="less" scoped> 
+#commissionDetailMain{
+    display: flex;
+    flex-direction: column;
+    .downBtn{
+        width: 100%;
+        display: flex;
+        justify-content: center;
+    }
+}
+</style>

src/views/home.vue

@@ -73,6 +73,7 @@
             {id:8,label:"创业公司登记",power:true,goto:"/firm",icon:"iconfont icon-zuzhijiegou",group:[]},
             {id:9,label:"消息通知",power:false,goto:"/messageNotification",icon:"iconfont icon-xiaoxitongzhi3",group:[]},
             {id:10,label:"数据监测",power:true,goto:"/echarts",icon:"iconfont icon-qushi",group:[]},
+            {id:11,label:"代办公文",power:true,goto:"/commission",icon:"el-icon-setting",group:[]},
             {id:11,label:"系统管理",power:true,goto:"/system",icon:"el-icon-setting",group:[]},
           ]
         }

src/views/projectApply/MakerSpaceApply.vue

@@ -5,7 +5,8 @@
         <div class="pAHeader1">创客空间申请</div>
       </div>
       <hr>
-      <MakerSpaceWord :wordData="wordData"/>
+      <MakerSpaceWord :wordData="wordData" :reversedMessage='reversedMessage'/>
+
       <div style="position: fixed;bottom: 5%;right: 2%;">
             <el-button  @click="test" type="primary">提交项目</el-button>
         </div>
@@ -61,8 +62,8 @@
               studentActivities:"",//学生创客活动组织实施情况
               Transforming:"",//学生创客团队孵化、转化创业项目情况
               condition:"",//立 项基 础及条 件
+              total:"",
               fund:{
-                total:"",
                 device:"",
                 Material:"",
                 processing:"",
@@ -150,12 +151,7 @@
                       let num = 0;
                       this.wordData[i].forEach(item=>{
                         if(cEmpty.test(item['name']))num++;
-                        // for(let j in item){
-                        //   if(cEmpty.test(item[j])){
-                        //     num++;
-                        //   }
-                        // }
-                    
+                        
                       })
                       if(num>0){
                         this.$message.error("教师姓名请不要留空");
@@ -174,11 +170,7 @@
                       let num = 0;
                       this.wordData[i].forEach(item=>{
                         if(cEmpty.test(item['name']))num++;
-                        // for(let j in item){
-                        //   if(cEmpty.test(item[j])){
-                        //     num++;
-                        //   }
-                        // }
+                       
                       })
                       if(num>0){
                         this.$message.error("学生姓名请不要留空");
@@ -188,11 +180,14 @@
                     }
                     break;
                     case 'fund':
-                      if(this.wordData['fund']['total']==0){
-                        // console.log(document.querySelector('#fund'))
-                        document.querySelector('#fund').scrollIntoView({ behavior: "smooth" });
-                        return this.$message.error('请输入预算经费');
+                      let sum=0;
+                      for(let i in this.wordData['fund']){
+                        sum+=this.wordData['fund'][i]*1
                       }
+                      if (sum<=0) {
+                          document.querySelector('#fund').scrollIntoView({ behavior: "smooth" });
+                          return this.$message.error('请输入预算经费');
+                        }
                       break;
                     case 'brief':
                         if ( this.wordData[i].length>300 || this.wordData[i].length==0) {
@@ -201,6 +196,7 @@
                           return false
                         }
                     break;
+                    //#region 
                   // case "brief":
                   //   if(cEmpty.test(this.wordData[i])){
                   //     this.$message.error("请填写项目简介");
@@ -270,8 +266,12 @@
                   //     return false;
                   //   }
                   //   break
+                  //#endregion
                 }
               }
+              this.wordData['total']=this.wordData.fund.device*1 + this.wordData.fund.Material*1+this.wordData.fund.processing*1+ this.wordData.fund.Collaboration*1+this.wordData.fund.APPRAISAL*1+ this.wordData.fund.entery*1+this.wordData.fund.activities*1+this.wordData.fund.Transaction*1
+              console.log(this.wordData['total']);
+
               this.submitHint = true;
             },
             applyProject(){
@@ -287,7 +287,7 @@
                   cid:this.wordData['college'],//学院ID,
                   ct:JSON.stringify(this.wordData['teacher']),//教师组,
                   cs:JSON.stringify(this.wordData['student']),//学生组,
-                  f:this.wordData['fund']['total'],//总经费
+                  f:this.wordData['total'],//总经费
                   chp:JSON.stringify({
                       Construction:this.wordData['Construction'],//建设内容
                       ProjectBasis:this.wordData['ProjectBasis'],//立项依据
@@ -306,6 +306,7 @@
                   apply:this.wordData['applicationDate'],//申请日期
                   members:this.wordData['student'].length+this.wordData['teacher'].length
                 }
+                // return console.log(pram);
                 this.ajax.post(this.$store.state.api+'/MakerSpaceWordApply',pram).then(result=>{
                   console.log(result)
                   if(result['data']==1){
@@ -322,6 +323,11 @@
             })
             }
         },
+        computed:{
+          reversedMessage: function () {
+            return (this.wordData.fund.device*1 + this.wordData.fund.Material*1+this.wordData.fund.processing*1+ this.wordData.fund.Collaboration*1+this.wordData.fund.APPRAISAL*1+ this.wordData.fund.entery*1+this.wordData.fund.activities*1+this.wordData.fund.Transaction*1)
+          }
+        },
         mounted(){      //跳转到此页面立刻获取数据
         //   this.getData();     //获取表格数据
           // this.applyProject();

src/views/projectApply/components/MakerSpaceWord.vue

@@ -383,7 +383,7 @@
           <div class="fundTable">
             <div class="fundTotal">
               <div class="fundLabel">总经费</div>
-              <div class="fundValue">{{wordData['fund']['total']||0}}元</div>
+              <div class="fundValue">{{ reversedMessage==0?'':reversedMessage}}元</div>
             </div>
             <div class="fundHeader">
               <div class="HeaderLabel">支出类别</div>
@@ -403,7 +403,7 @@
                       resize="none"
                       placeholder="小型仪器设备费"
                       v-model.number="wordData['fund']['device']"
-                      @change="getTotal"></el-input>
+                      ></el-input>
                   </div>
                   <div class="fundDataValue"><span>项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。</span></div>
                 </div>
@@ -417,7 +417,7 @@
                       resize="none"
                       placeholder="材料费"
                       v-model.number="wordData['fund']['Material']"
-                      @change="getTotal"></el-input>
+                      ></el-input>
                   </div>
                   <div class="fundDataValue"><span>项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。</span></div>
                 </div>
@@ -431,7 +431,7 @@
                       resize="none"
                       placeholder="测试化验加工费"
                       v-model.number="wordData['fund']['processing']"
-                      @change="getTotal"></el-input>
+                      ></el-input>
                   </div>
                   <div class="fundDataValue"><span>项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。</span></div>
                 </div>
@@ -445,7 +445,7 @@
                       resize="none"
                       placeholder="项目协作费"
                       v-model.number="wordData['fund']['Collaboration']"
-                      @change="getTotal"></el-input>
+                      ></el-input>
                   </div>
                   <div class="fundDataValue"><span>按合同规定支付给协作单位的费用</span></div>
                 </div>
@@ -465,7 +465,7 @@
                       resize="none"
                       placeholder="项目成果鉴定费"
                       v-model.number="wordData['fund']['APPRAISAL']"
-                      @change="getTotal"></el-input>
+                      ></el-input>
                   </div>
                   <div class="fundDataValue"><span>学术会务费、评审费、鉴定费、成果集制作费等费用。</span></div>
                 </div>
@@ -479,7 +479,7 @@
                       resize="none"
                       placeholder="参展参赛费"
                       v-model.number="wordData['fund']['entery']"
-                      @change="getTotal"></el-input>
+                      ></el-input>
                   </div>
                   <div class="fundDataValue"><span>参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。</span></div>
                 </div>
@@ -493,7 +493,7 @@
                       resize="none"
                       placeholder="创客交流活动费"
                       v-model.number="wordData['fund']['activities']"
-                      @change="getTotal"></el-input>
+                      ></el-input>
                   </div>
                   <div class="fundDataValue"><span>创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。</span></div>
                 </div>
@@ -507,7 +507,7 @@
                       resize="none"
                       placeholder="知识产权事务费"
                       v-model.number="wordData['fund']['Transaction']"
-                      @change="getTotal">
+                      >
                     </el-input>
                   </div>
                   <div class="fundDataValue"><span>论文版面费、专利及其他知识产权事务等费用。</span></div>
@@ -558,7 +558,7 @@
   
 <script>
   export default {
-    props:['wordData'],
+    props:['wordData','reversedMessage'],
     data() {
       return {
         DepartmentData:[],
@@ -591,7 +591,7 @@
         this.wordData['student'].splice(index,1)
       },
       getTotal(){
-        this.wordData['fund']['total'] = Number(this.wordData['fund']['device'])+Number(this.wordData['fund']['Material'])+Number(this.wordData['fund']['processing'])+Number(this.wordData['fund']['Collaboration'])+Number(this.wordData['fund']['APPRAISAL'])+Number(this.wordData['fund']['entery'])+Number(this.wordData['fund']['activities'])+Number(this.wordData['fund']['Transaction'])
+        this.wordData['total'] = Number(this.wordData['fund']['device'])+Number(this.wordData['fund']['Material'])+Number(this.wordData['fund']['processing'])+Number(this.wordData['fund']['Collaboration'])+Number(this.wordData['fund']['APPRAISAL'])+Number(this.wordData['fund']['entery'])+Number(this.wordData['fund']['activities'])+Number(this.wordData['fund']['Transaction'])
       }
     },
     mounted(){

src/views/projectManage/ProjectManagement.vue

@@ -198,8 +198,8 @@
               <div class="operations">
                 <el-button type="primary" @click="scheduleDetail(scope.row.courseId,scope.row.typeid)"   size="mini" >进度详细</el-button>
                 <el-button type="primary" @click="fundStatus(scope.row.courseId)"  size="mini" >资金情况</el-button>
-                <el-button type="primary" v-show="scope.row.isupload==2"  @click="finish(scope.row.courseId,scope.row.title,scope.row)"   size="mini">提交结项</el-button>
-                <el-button type="primary" v-show="scope.row.isupload==3"  @click="amendFinish(scope.row.courseId,scope.row.title)" size="mini">修改结项</el-button>
+                <el-button type="primary" v-show="scope.row.isupload==2"  @click="finish(scope.row)"   size="mini">提交结项</el-button>
+                <el-button type="primary" v-show="scope.row.isupload==3"  @click="amendFinish(scope.row)" size="mini">修改结项</el-button>
                 <el-button type="primary" v-show="scope.row.isupload==4" disabled class="disa" size="mini">已结项</el-button>
               </div>
           </template>
@@ -208,18 +208,43 @@
     </div>
 <!-- 表格结束 -->
 
-    <!-- 完结对话框开始 -->
-    <el-dialog
+
+
+
+<!-- 提示哪些活动没有完成开始 -->
+  <el-dialog
       title="提示"
-      :visible.sync="endDialog"
+      :visible.sync="NoReportActivity"
       width="600px"
       class="endDialog"
-      :before-close="init">
+      >
       
-      <div class="deleteContent">"{{ tit }}"项目，是否确定完结？</div>
+      <div class="deleteContent">"{{ tit }}"项目</div>
+      <div class="download checkActivity" v-show="checkActivityFinishData.length>0">
+            <span style="color: black;">未完结活动:</span><span v-for="(item,index) in checkActivityFinishData" :key="index">{{ item.title }}</span>
+      </div>
+      <div class="download checkActivity" v-show="checkFundFinishData.length>0">
+            <span style="color: black;">未完结资金:</span>
+            <span style="cursor: pointer;" @click="fundDetail(item.id,item.title,item.pid)" v-for="(item,index) in checkFundFinishData" :key="index" >{{ item.title }}/{{ item.applyfund - item.actualuse }}（元）</span>
+      </div>
+      <div slot="footer" class="dialog-footer" style="display: flex;justify-content: center;">
+        <!-- <el-button type="primary" @click="init" class="AllDialogBtn">确认</el-button> -->
+        <el-button @click="NoReportActivity=false" class="AllDialogBtn">取消</el-button>
+      </div>
+    </el-dialog>
+<!-- 提示哪些活动没有完成结束 -->
+
+
+    <!-- 结项书开始 -->
+    <el-dialog
+      title="结项书"
+      :visible.sync="endDialog"
+      class="endDialogBlock"
+      >
+      
+      <!-- <div class="deleteContent">"{{ tit }}"项目，是否确定完结？</div>
       <div class="download checkActivity" v-show="checkFundEndData.length>0">
             <span style="color: black;">剩余资金:</span>
-            <!-- <span style="cursor: pointer;" @click="fundDetail(item.id)" v-for="(item,index) in checkFundEndData" :key="index" >{{ item.type }}/{{ item.fund - item.usedFund }}（元）</span> -->
       </div>
       <div class="deleteContent1">活动完结报告</div>
         <div class="download" v-for="item in file" :key="item.fid">
@@ -234,36 +259,20 @@
           <div id="upFile">
             <beUpload @getFile="getFile" :navName="'上传文件'" :accept="accept" :progress="progress"> </beUpload>
           </div>
-      </div>
+      </div> -->
+
+      <Closingstatement :myArrayProp="myArrayProp"></Closingstatement>
+      
       <div slot="footer" class="dialog-footer" style="display: flex;justify-content: center;">
         <el-button type="primary" @click="ending" class="AllDialogBtn">确认</el-button>
-        <el-button @click="init" class="AllDialogBtn">取消</el-button>
+        <el-button @click="endDialog=false" class="AllDialogBtn">取消</el-button>
       </div>
     </el-dialog>
+    <!-- 结项书结束 -->
+
+
 
 
-<!-- 提示哪些活动没有完成开始 -->
-  <el-dialog
-      title="提示"
-      :visible.sync="NoReportActivity"
-      width="600px"
-      class="endDialog"
-      :before-close="init">
-      
-      <div class="deleteContent">"{{ tit }}"项目</div>
-      <div class="download checkActivity" v-show="checkActivityFinishData.length>0">
-            <span style="color: black;">未完结活动:</span><span v-for="(item,index) in checkActivityFinishData" :key="index">{{ item.title }}</span>
-      </div>
-      <div class="download checkActivity" v-show="checkFundFinishData.length>0">
-            <span style="color: black;">未完结资金:</span>
-            <span style="cursor: pointer;" @click="fundDetail(item.id,item.title,item.pid)" v-for="(item,index) in checkFundFinishData" :key="index" >{{ item.title }}/{{ item.applyfund - item.actualuse }}（元）</span>
-      </div>
-      <div slot="footer" class="dialog-footer" style="display: flex;justify-content: center;">
-        <!-- <el-button type="primary" @click="init" class="AllDialogBtn">确认</el-button> -->
-        <el-button @click="init" class="AllDialogBtn">取消</el-button>
-      </div>
-    </el-dialog>
-<!-- 提示哪些活动没有完成结束 -->
 
     <!-- 分页 -->
     <el-pagination
@@ -282,8 +291,9 @@
 
 <script>
 import beUpload from '../../components/tool/beUpload'
+import Closingstatement from './components/Closingstatement.vue'
     export default {
-      components:{beUpload},
+      components:{beUpload,Closingstatement},
       data() {
         return {
           accept:"*",
@@ -342,13 +352,32 @@ import beUpload from '../../components/tool/beUpload'
             year:new Date().getFullYear().toString(),
           },
           file:[],
-          checkActivityFinishData:[],
-          checkFundFinishData:[],
-          checkFundEndData:[]
+          checkActivityFinishData:[],  //未完成活动
+          checkFundFinishData:[],  //未完成资金
+          // checkFundEndData:[],
+          submitData:{     //结项书要填写的数据
+            brief:'',
+            plan:'',
+            technology:'',
+            business:'',
+            innovate:'',
+            resultAccessory:[],
+            firmAccessory:[],
+            competitionAccessory:[],
+            exchangeAccessory:[],
+            conversionAccessory:[],
+            talentsAccessory:[],
+            targetPlan:'',
+            realityResult:'',
+            socialValue:'',
+            taskAccessory:[]
+          },
+          myArrayProp:[], //结项书-后端获取的数据
+          // amendFinishArrayProp:[]  //结项书-后端获取的修改结项数据
         }
       },
       methods:{
-        fundDetail(val,tit,pid){
+        fundDetail(val,tit,pid){   //跳转到未完结资金那里去
           // console.log(val);
           // window.open(`/#/makerfundDetails?Id=${val}`)
           this.$router.push(`/makerfundDetails?Id=${val}&tit=${tit}&paid=${pid}`);
@@ -364,48 +393,36 @@ import beUpload from '../../components/tool/beUpload'
           // console.log(this.file);
           this.progress.show = false;
         },
-        amendFinish(val,tit){         //修改结项
-          this.checkFundEndData=[];
-          this.ajax.post(this.$store.state.api+"/UpdateAmendFinish",{
-            uid:this.$store.state.userInfo.userid,
-            pid:val
-          }).then(res=>{
-            console.log(res);
-            console.log(res.data);
-            if (res.data[0].length>0) {
-                let data=JSON.parse(res.data[0][0].endFile)
-                this.file=data;
-            }
-            // let data=JSON.parse(res.data[0][0].endFile)
-            this.tit=tit;
-            this.iid=val;
-            this.endDialog=true;
-            // console.log(this.file);
-          }).catch(err=>{
-            console.log(err)
-          })
-        },
-        ending(){   //完结提交
-          // console.log(this.file.length);
-          // if(this.file.length<1)return this.$message.error("请上传完结报告");
-          this.ajax.post(this.$store.state.api+"/UploadProjectManageFile",{
+
+
+
+        ending(){   //结项书提交
+          console.log(
+            this.$store.state.userInfo.userid,
+            this.iid,
+            this.myArrayProp[0]['ClosingstatementData'],
+          );
+          this.ajax.post(this.$store.state.api+"/updateClosingstatementData",{
             uid:this.$store.state.userInfo.userid,
             cid:this.iid,
-            file:JSON.stringify(this.file),
+            submitData:JSON.stringify(this.myArrayProp[0]['ClosingstatementData']),
             state:3
           }).then(res=>{
+            console.log(res);
             if(res.data==1){
-              this.$message.success("待结项成功");
+              this.$message.success("提交成功");
               this.endDialog = false;
               this.progress.show = false;
             }else{
-              this.$message.error("待结项失败")
+              this.$message.error("提交失败")
             }
             this.getData();
           },err=>{
             console.log(err);
           })
+
           this.endDialog=false;
+
         },
         scheduleDetail(val,tid){//进度详情
           this.$router.push(`/ProjectManagementMain?Id=${tid}&pid=${val}`)
@@ -414,23 +431,20 @@ import beUpload from '../../components/tool/beUpload'
           // localStorage.setItem('pid',JSON.stringify(Id))
           this.$router.push(`/ProjectManagementFundDetail?pid=${Id}`)
         },
-        init(){       //对话框重置
-          this.endDialog=false;
-          this.NoReportActivity = false;
-        },
-        finish(val,tit,a){     //结项对话框显示
+
+        finish(val){     //结项对话框显示
           // return console.log(a);
           // return console.log(val,tit);
-          this.checkActivityFinishData = [];
-          this.checkFundFinishData=[];
-          this.checkFundEndData=[];
+          this.iid=val.courseId;          // 提交结项时候的用
+
+          this.checkActivityFinishData = [];  //未完成项目
+          this.checkFundFinishData=[];          //未完成资金
+          // this.checkFundEndData=[];
           this.ajax.get(this.$store.state.api+"/GetActivityNoReportByPId",{
             uid:this.$store.state.userInfo.userid,
-            pid:val
+            pid:val.courseId
           }).then(res=>{
-            console.log(res);
             if(res.data[0].length>0 || res.data[1].length>0){
-              // console.log(1111);
               this.checkActivityFinishData = res.data[0];
               if (res.data[1].length>0) {
                 let acsum=0
@@ -454,28 +468,123 @@ import beUpload from '../../components/tool/beUpload'
                 })
               }
               this.checkFundFinishData = res.data[1];
-              this.tit = tit;
+              this.tit = val.title;
               this.NoReportActivity = true;
             }else{
-              // console.log(995959);
-                this.checkFundEndData=res.data[2].filter(i=>{       //显示修改结项的时候的
-                return (i.fund !=i.usedFund)
-              })
-              // console.log('还有？');
-              this.iid=val;          // 提交结项时候的
-              this.tit=tit;
+              this.myArrayProp=[]
+
+            this.iid=val.courseId;
+
+            //提交结项书版本          
+            this.ajax.get(this.$store.state.api+"/getClosingstatementData",{
+              uid:this.$store.state.userInfo.userid,
+              pid:val.courseId,
+            }).then(res=>{
+              // console.log(res.data[0][0]);
+              let data=res.data[0]
+              console.log(data);
+
+              data[0].course_student=JSON.parse(data[0].course_student)
+              data[0].course_teacher=JSON.parse(data[0].course_teacher)
+              if (data[0].multiSelectProject!=null) {
+                data[0].multiSelectProject=JSON.parse(data[0].multiSelectProject)
+              }
+              
+              data[0].money=JSON.parse(data[0].money)
+
+              this.myArrayProp=data
+              // console.log(this.myArrayProp);
+              // this.myArrayProp[0]
+              
+              this.myArrayProp[0].ClosingstatementData=this.submitData
+              //  return console.log(this.myArrayProp);
+
+              console.log(this.myArrayProp);
               this.endDialog=true;
-              this.file=[];
-            }
+
+            }).catch(err=>{
+              console.log(err)
+            })
+
+    
+              }
+            }).catch(err=>{
+              console.log(err)
+          })
+        },  
+        amendFinish(val){         //修改结项按钮（获取结项时提交的文件）
+          console.log('修改结项');
+
+          //#region 上传文件版本结项
+          // this.checkFundEndData=[];  
+          // this.ajax.post(this.$store.state.api+"/UpdateAmendFinish",{
+          //   uid:this.$store.state.userInfo.userid,
+          //   pid:val
+          // }).then(res=>{
+          //   console.log(res);
+          //   console.log(res.data);
+          //   if (res.data[0].length>0) {
+          //       let data=JSON.parse(res.data[0][0].endFile)
+          //       this.file=data;
+          //   }
+          //   // let data=JSON.parse(res.data[0][0].endFile)
+          //   this.tit=tit;
+            // this.endDialog=true;
+            // this.ClosingstatementData=val
+          //   // console.log(this.file);
+          // }).catch(err=>{
+          //   console.log(err)
+          // })
+          //#endregion
+          this.submitData={
+            brief:'',
+            plan:'',
+            technology:'',
+            business:'',
+            innovate:'',
+            resultAccessory:[],
+            firmAccessory:[],
+            competitionAccessory:[],
+            exchangeAccessory:[],
+            conversionAccessory:[],
+            talentsAccessory:[],
+            targetPlan:'',
+            realityResult:'',
+            socialValue:'',
+            taskAccessory:[]
+          };
+          this.iid=val.courseId;
+
+          //      
+           this.ajax.get(this.$store.state.api+"/selectAmendFinish",{
+            uid:this.$store.state.userInfo.userid,
+            pid:val.courseId,
+          }).then(res=>{
+            // return console.log(res);
+            let data=res.data[0]
+            data[0].course_student=JSON.parse(data[0].course_student)
+            data[0].course_teacher=JSON.parse(data[0].course_teacher)
+            data[0].multiSelectProject=JSON.parse(data[0].multiSelectProject)
+            data[0].ClosingstatementData=JSON.parse(data[0].ClosingstatementData)
+            data[0].money=JSON.parse(data[0].money)
+            // data[0].multiSelectProject=JSON.parse(data[0].multiSelectProject)
+
+            this.myArrayProp=data
+            console.log(this.myArrayProp);
+            this.endDialog=true;
+
           }).catch(err=>{
             console.log(err)
           })
-        },  
+
+        },
+
         handleCurrentChange(val) {   //当页数发生改变的时候调用获取列表数据请求
           // console.log(`当前页: ${val}`);
           this.table.currentPage=val
           this.getData()
         },
+
         getData(){        //获取渲染数据
           this.loading = true;
           let param={
@@ -517,8 +626,7 @@ import beUpload from '../../components/tool/beUpload'
               })  
         }
      },
-     watch:{    //监视选择框的变化，实施刷新表格数据
-      },
+
      mounted(){
       this.getData()   //页面加载完成后自动获取渲染数据
      }
@@ -527,112 +635,112 @@ import beUpload from '../../components/tool/beUpload'
 
 <style lang="less">
 .ProjectManagement{
-  .pagination{
-    float: right;
-    margin: 0px 85px 10px;
-  }
-    .projectBlock{   //循环列表大框
-      width: 100%;
-      // height: 560px;
-      display: flex;
-      flex-wrap: wrap;
-      overflow:auto;
-      .classBlock{   //每个独立小框
-          flex-shrink: 0;
-          overflow: hidden;
-          position: relative;
-          margin-right: 20px;
-          margin-bottom: 5px;
-          width: 250px;
-          height: 300px;
-          background-color: rgb(255, 255, 255);
-          // box-shadow: 1px 2px 3px #ccc;
-          border: 1px solid #ccc;
-          border-radius: 5px;
-          display: flex;
-          flex-direction: column;
-          .projectBlockPosition{    //完成状态
-            border-radius: 30px;
-            position: absolute;
-            top: 5px;
-            left: 5px;
-            width: 80px;
-            height: 30px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            background: #000;
-            opacity: 0.7;
-            font-size: 16px;
-            color:#fff;
-            // font-size: 14px;
-          }
-          img{
-            width: 100%;
-            height: 140px;
-            object-fit: cover;
-          }
+  // .pagination{
+  //   float: right;
+  //   margin: 0px 85px 10px;
+  // }
+    // .projectBlock{   //循环列表大框
+    //   width: 100%;
+    //   // height: 560px;
+    //   display: flex;
+    //   flex-wrap: wrap;
+    //   overflow:auto;
+    //   .classBlock{   //每个独立小框
+    //       flex-shrink: 0;
+    //       overflow: hidden;
+    //       position: relative;
+    //       margin-right: 20px;
+    //       margin-bottom: 5px;
+    //       width: 250px;
+    //       height: 300px;
+    //       background-color: rgb(255, 255, 255);
+    //       // box-shadow: 1px 2px 3px #ccc;
+    //       border: 1px solid #ccc;
+    //       border-radius: 5px;
+    //       display: flex;
+    //       flex-direction: column;
+    //       .projectBlockPosition{    //完成状态
+    //         border-radius: 30px;
+    //         position: absolute;
+    //         top: 5px;
+    //         left: 5px;
+    //         width: 80px;
+    //         height: 30px;
+    //         display: flex;
+    //         justify-content: center;
+    //         align-items: center;
+    //         background: #000;
+    //         opacity: 0.7;
+    //         font-size: 16px;
+    //         color:#fff;
+    //         // font-size: 14px;
+    //       }
+    //       img{
+    //         width: 100%;
+    //         height: 140px;
+    //         object-fit: cover;
+    //       }
 
-          .classBlock1{   //中间栏
-            margin-bottom: 10px;
-            margin-top: 0px;
-            box-sizing: border-box;
-            padding: 0 5px;
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            justify-content: space-around;
-            .classBlock2{   //项目名称
-              margin-left: 5px;
-              margin-bottom: 4px;
-              margin-top: 4px;
-              text-align: left;
-              font-size: 16px;
-            }
-            .classBlock3{   //学校、姓名
-              box-sizing: border-box;
-              padding: 0 5px;
-              font-size: 14px;
-              width: 100%;
-              // margin-top: 10px;
-              display: flex;
-              flex-wrap: wrap;
-              color: #adacac;
-              margin: 10px 0 0;
-            }
-            .classBlock4{  //博客、编号
-              margin-top: 4px;
-            }
-          }
+    //       .classBlock1{   //中间栏
+    //         margin-bottom: 10px;
+    //         margin-top: 0px;
+    //         box-sizing: border-box;
+    //         padding: 0 5px;
+    //         flex: 1;
+    //         display: flex;
+    //         flex-direction: column;
+    //         justify-content: space-around;
+    //         .classBlock2{   //项目名称
+    //           margin-left: 5px;
+    //           margin-bottom: 4px;
+    //           margin-top: 4px;
+    //           text-align: left;
+    //           font-size: 16px;
+    //         }
+    //         .classBlock3{   //学校、姓名
+    //           box-sizing: border-box;
+    //           padding: 0 5px;
+    //           font-size: 14px;
+    //           width: 100%;
+    //           // margin-top: 10px;
+    //           display: flex;
+    //           flex-wrap: wrap;
+    //           color: #adacac;
+    //           margin: 10px 0 0;
+    //         }
+    //         .classBlock4{  //博客、编号
+    //           margin-top: 4px;
+    //         }
+    //       }
 
-          .classBlockBtn{  //按钮栏
-            box-sizing: border-box;
-            padding:0 6px;
-            display: flex;
-            flex: 1;
-            width: 100%;
-            max-height: 40px;
-            justify-content: space-around;
-            align-items: center;
-            background-color:#F5F4F4 ;
-            span{
-              font-size: 14px;
-              color: black;
-              transition: .1s;
-              cursor: pointer;
-              &:hover{
-                color: #79a2ff;
-              }
-            }
+    //       .classBlockBtn{  //按钮栏
+    //         box-sizing: border-box;
+    //         padding:0 6px;
+    //         display: flex;
+    //         flex: 1;
+    //         width: 100%;
+    //         max-height: 40px;
+    //         justify-content: space-around;
+    //         align-items: center;
+    //         background-color:#F5F4F4 ;
+    //         span{
+    //           font-size: 14px;
+    //           color: black;
+    //           transition: .1s;
+    //           cursor: pointer;
+    //           &:hover{
+    //             color: #79a2ff;
+    //           }
+    //         }
 
-            .bt1{
-              width: 100px;
-              height: 35px;
-              font-size: 14px;
-            }
-          }
-      }
-    }
+    //         .bt1{
+    //           width: 100px;
+    //           height: 35px;
+    //           font-size: 14px;
+    //         }
+    //       }
+    //   }
+    // }
 
   .endDialog{      //结项对话框的
     .el-dialog__header{
@@ -700,6 +808,46 @@ import beUpload from '../../components/tool/beUpload'
         left: 20px; top: 15px; 
     }
   }
+
+
+  .endDialogBlock{      //结项书弹框样式
+    .el-dialog__header{
+      display: flex;
+      justify-content: center;
+      box-sizing: border-box;
+      background: #32455b;
+    }
+    .el-dialog__title{
+      color:rgb(246, 247, 246);
+      display: flex;
+      font-size: 18px;
+      position: relative;
+      top: -2px;
+      justify-content: center;
+    }
+    .el-dialog{
+          width: 1300px;
+          border-radius: 5px;
+          overflow: hidden;
+        }
+    .el-dialog__body{
+      box-sizing: border-box;
+      padding: 30px 20px 0 20px;
+    }
+    .addDialogLogo{
+      width: 60px;
+        height: 30px;
+        display: flex;
+        justify-content: center;
+        line-height: 30px;
+        border-radius: 5px;
+        background: #f2f2f2;
+        position: absolute;
+        left: 20px; top: 15px; 
+    }
+  }
+
+
   }
   .checkActivity{
     // float:left;

src/views/projectManage/ProjectManagementMain.vue

@@ -83,7 +83,7 @@
     }
 </script>
 
-<style lang="less"> 
+<style lang="less" scoped> 
 #ProjectManagementMain{
     display: flex;
     flex-direction: column;

src/views/projectManage/components/Closingstatement.vue

@@ -0,0 +1,728 @@
+<template>    
+    <!-- 结项书组件 -->
+  <div>
+    <table border="1" cellspacing="0">
+        <div class="onePage">
+            <div class="titSchool">深圳技师学院</div>
+            <div class="title">校级创客项目结题申请书</div>
+            <div class="basicInformation">
+                <span>项目名称</span><div class="line">{{ myArrayProp[0].title }}</div>
+            </div>
+            <div class="basicInformation">
+                <span>负责人</span><div class="line">{{ myArrayProp[0].pro_leader }}</div>
+            </div>
+            <div class="basicInformation" style="color: red;">
+                <span>指导教师</span>
+                <div class="line" style="position: relative;">
+                    <span v-for="(item,index) in myArrayProp[0].course_teacher" :key="index">{{ item.name }}</span>
+                    <span style="position: absolute;right: -100px;">{{ myArrayProp[0].course_teacher.length }}(人)</span>
+                </div>
+            </div>
+            <div class="basicInformation">
+                <span>申请部门</span><div class="line">{{ myArrayProp[0].name }}</div>
+            </div>
+            <div class="basicInformation">
+                <span>申请日期</span>
+                <div class="line">{{ myArrayProp[0].applyProjectTime }}</div>
+            </div>
+
+            <div style="font-size: 22px;font-family: \4eff\5b8b;font-weight: bold;margin-bottom: 10px;">
+                创新创业学院制
+            </div>
+            <div style="font-size: 22px;font-family: \4eff\5b8b;font-weight: bold;">
+                {{ nowTime }}
+            </div>
+        </div>
+
+        <tr v-show="false">
+            <td v-for="i in 8" :key="i">i</td>
+        </tr>
+        <tr>
+            <td colspan="2">项目名称</td>
+            <td colspan="6">
+                {{ myArrayProp[0].title }}
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2">项目类型</td>
+            <td>学生申报</td>
+            <td colspan="2" style="text-align: justify;text-align-last: justify;padding: 0 30px;box-sizing: border-box;"> <span>{{ myArrayProp[0].typeName='f3068e26-f51d-11ed-a3f6-509a4c5b67cf'?'√':'□' }}创意组</span> <span>{{ myArrayProp[0].typeName='f3068e26-f51d-11ed-a3f6-509a4c5b67cf'?'□':'√' }}初创组</span> </td>
+            <td>学院申报</td><td colspan="2"> <span>□创客空间建设</span> </td>
+        </tr>
+        <tr style="color: red;">
+            <td colspan="2" >项目级别</td><td colspan="8"> □ 一般资助项目　　　□ 重点资助项目　　　 □ 特别申报项目</td>
+        </tr>
+        <tr>
+            <td colspan="2" style="color: red;">项目类别</td>
+            <td colspan="8">□技术创新项目　　　  □ 公益创新项目　　　  □ 非遗文创项目　　　   □ 乡村振兴项目</td>
+        </tr>
+        <tr>
+            <td colspan="2">优先支持项目 <br>（可多选）</td>
+            <td colspan="8" v-if="myArrayProp[0].multiSelectProject!=null">{{  myArrayProp[0].multiSelectProject.includes('1')?'√':'□' }}大赛选拔项目  {{  myArrayProp[0].multiSelectProject.includes('2')?'√':'□' }} 落地注册项目  {{  myArrayProp[0].multiSelectProject.includes('3')?'√':'□' }} 社会征集项目   {{  myArrayProp[0].multiSelectProject.includes('4')?'√':'□' }} 产业命题项目</td>
+            <td colspan="8" v-if="myArrayProp[0].multiSelectProject==null">□大赛选拔项目  □落地注册项目  □ 社会征集项目 □产业命题项目</td>
+        </tr>
+        <tr>
+            <td colspan="2">美丽校园改造项目 <br>（单选）</td>
+            <td colspan="8">{{ myArrayProp[0].schoolRemould=='1'?'√':'□' }}校园安全项目  {{ myArrayProp[0].schoolRemould=='2'?'√':'□' }}环境治理项目  {{ myArrayProp[0].schoolRemould=='3'?'√':'□' }} 校园服务项目   {{ myArrayProp[0].schoolRemould=='4'?'√':'□' }} 文创装置项目</td>
+        </tr>
+        <tr>
+            <td colspan="2">项目负责人身份 <br>（单选）</td>
+            <td colspan="8">□在校学生  □ 孵化基地创业学生  □ 二级学院项目负责人 </td>
+        </tr>
+        <tr>
+            <td colspan="2">项目负责人信息</td>
+            <td>姓名</td><td>
+                {{ myArrayProp[0].pro_leader }}
+            </td>
+            <td>所在学院</td><td><el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder=""
+                  v-model="myArrayProp[0].name">
+                </el-input></td>
+            <td>联系电话</td>
+            <td>
+                <!-- 16625153232 -->
+                {{ myArrayProp[0].phone }}
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2">项目组人数</td>
+            <td  colspan="2">{{ myArrayProp[0].course_student.length+myArrayProp[0].course_teacher.length }}人</td>
+            <td>学生人数</td><td>{{ myArrayProp[0].course_student.length }}</td>
+            <td>教师人数</td><td>{{ myArrayProp[0].course_teacher.length }}</td>
+        </tr>
+        <tr>
+            <td colspan="2">项目起始时间</td>
+            <td>{{ myArrayProp[0].begin_at }}</td>
+            <td colspan="2">项目完成时间</td>
+            <td>{{ myArrayProp[0].plannedEnd_at }}</td>
+            <td>预算经费</td><td>元</td>
+        </tr>
+        <tr>
+            <td :rowspan="myArrayProp[0].course_student.length+1">学<br>生<br> 团 <br>队 <br>成 <br>员</td>
+            <td>姓名</td><td>所在学院及专业</td><td colspan="5">项目分工</td>
+        </tr>
+        <tr v-for="(item,index) in myArrayProp[0].course_student" :key="index+'a'">
+            <td><span v-text="item.name"></span></td>
+            <td><span v-text="item.class"></span></td>
+            <td colspan="5"><span v-text="item.work"></span></td>
+        </tr>
+
+        <tr>
+            <td :rowspan="myArrayProp[0].course_teacher.length+1">项<br>目<br> 指 <br>导 <br>教 <br>师</td>
+        </tr>
+        <tr v-for="(item,index) in myArrayProp[0].course_teacher" :key="index+'b'">
+            <td><span v-text="item.name"></span></td>
+            <td></td>
+            <td colspan="5"><span v-text="item.work"></span></td>
+        </tr>
+
+        <tr>
+            <td rowspan="6">项 <br>目 <br>研 <br>发 <br>内 <br>容 <br>及 <br>目 <br>标 </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>一、项目研发内容简介（200字以内）</p>
+                <el-input
+                    type="textarea"
+                    maxlength="200"
+                    show-word-limit
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].brief">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>目标计划：</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].plan">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>二、拟解决的关键技术问题</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].technology">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>三、项目的商业（公益）价值评估</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].business">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>四、项目创新点评估</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].innovate">
+                </el-input>
+            </td>
+        </tr>
+
+
+        <tr>
+            <td rowspan="10">成 <br>果 <br>及 <br>社 <br>会 <br>价 <br>值</td>
+        </tr>
+        <tr>
+            <td colspan="7">
+                <p>一、成果（名称、数量及形式,开发产品及取得的专利等）</p>
+                <p>专利证书获得（提供专利申请或成果证书附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getFile" :navName="'上传文件'" :accept="accept" :progress="progress7"></beUpload>
+                <el-progress v-show="progress7.show" :percentage="progress7.value" :format="ProgressFormatresultAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].resultAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deleteFile(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].resultAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+                <!-- <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].brief">
+                </el-input> -->
+
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>企业应用实证（提供企业证明或合作协议证明等附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getfirmAccessory" :navName="'上传文件'" :accept="accept" :progress="progress1"></beUpload>
+                <el-progress v-show="progress1.show" :percentage="progress1.value" :format="ProgressFormatfirmAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].firmAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deletefirmAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].firmAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+                <!-- <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].brief">
+                </el-input> -->
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>双创竞赛成绩（提供参加师生名单、比赛取得的成绩等附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getcompetitionAccessory" :navName="'上传文件'" :accept="accept" :progress="progress2"></beUpload>
+                <el-progress v-show="progress2.show" :percentage="progress2.value" :format="ProgressFormatcompetitionAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].competitionAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deletecompetitionAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].competitionAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+                
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>参展或交流活动（提供参加师生名单、活动方案及照片等附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getexchangeAccessory" :navName="'上传文件'" :accept="accept" :progress="progress3"></beUpload>
+                <el-progress v-show="progress3.show" :percentage="progress3.value" :format="ProgressFormatexchangeAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].exchangeAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deleteexchangeAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].exchangeAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>创业公司转化（提供公司注册资料、营业执照等附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getconversionAccessory" :navName="'上传文件'" :accept="accept" :progress="progress4"></beUpload>
+                <el-progress v-show="progress4.show" :percentage="progress4.value" :format="ProgressFormatconversionAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].conversionAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deleteconversionAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].conversionAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>二、创客人才培养（提供成果、数量、学生名单等附件）</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="gettalentsAccessory" :navName="'上传文件'" :accept="accept" :progress="progress5"></beUpload>
+                <el-progress v-show="progress5.show" :percentage="progress5.value" :format="ProgressFormattalentsAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].talentsAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deletetalentsAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].talentsAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>目标计划：</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].targetPlan">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>实际结果：</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].realityResult">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>三、社会价值（项目实践运用情况及效果评价）</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].socialValue">
+                </el-input>
+            </td>
+        </tr>
+        
+        <tr>
+            <td>附件</td>
+            <td colspan="7" style="height: 200px;">
+                <p>附：课题研究报告、用户评价意见或专家鉴定意见等</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="gettaskAccessory" :navName="'上传文件'" :accept="accept" :progress="progress6"></beUpload>
+                <el-progress v-show="progress6.show" :percentage="progress6.value" :format="ProgressFormattaskAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].taskAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deletetaskAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].taskAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+
+        <tr>
+            <td rowspan="12">经 <br><br>费 <br><br>使 <br><br>用</td>
+            <td colspan="2">预算总经费</td><td colspan="2">{{ myArrayProp[0].fund }}元</td>
+            <td>实际使用</td><td colspan="2">元</td>
+        </tr>
+        <tr>
+            <td>经费大类</td><td>经费小类</td><td>支出科目</td><td>金额（元）</td><td colspan="3">计算依据及理由</td>
+        </tr>
+        <tr>
+            <td rowspan="5">直接经费</td>
+        </tr>
+                <!-- total：总经费     
+              小型仪器设备费：device        deviceRemarks
+              材料费：Material             MaterialRemarks
+              测试化验加工费：processing    processingRemarks
+              项目协作费：Collaboration     CollaborationRemarks
+              项目成果鉴定费：APPRAISAL     APPRAISALRemarks
+              参展参赛费：entery            enteryRemarks
+              创客交流活动费：activities    activitiesRemarks
+              知识产权事务费：Transaction   TransactionRemarks -->
+        <tr>
+            <td>小型仪器设备费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].device  }}</td>
+            <td colspan="3">项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。</td>
+        </tr>
+        <tr>
+            <td>材料费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].Material }}</td>
+            <td colspan="3">项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。</td>
+        </tr>
+        <tr>
+            <td>测试化验加工费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].processing }}</td>
+            <td colspan="3">项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。</td>
+        </tr>
+        <tr>
+            <td>项目协作费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].Collaboration }}</td>
+            <td colspan="3">按合同规定支付给协作单位的费用</td>
+        </tr>
+        <tr>
+            <td rowspan="5">间接经费</td>
+        </tr>
+        <tr>
+            <td>项目成果鉴定费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].APPRAISAL }}</td>
+            <td colspan="3">学术会务费、评审费、鉴定费、成果集制作费等费用。</td>
+        </tr>
+        <tr>
+            <td>参展参赛费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].entery }}</td>
+            <td colspan="3">参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。</td>
+        </tr>
+        <tr>
+            <td>创客交流活动费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].activities }}</td>
+            <td colspan="3">创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。</td>
+        </tr>
+        <tr>
+            <td>知识产权事务费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].Transaction }}</td>
+            <td colspan="3">论文版面费、专利及其他知识产权事务等费用。</td>
+        </tr>
+
+        <tr>
+           <td> 所 <br>在 <br>学 <br>院/ <br>部 <br>门 <br>意 <br>见</td>
+           <td colspan="7">
+            <el-input
+                type="textarea"
+                :autosize="{minRows: 6}"
+                placeholder="请输入内容"
+                v-model="textarea">
+            </el-input>
+            <div style="width: 200px;float: right;margin: 10px 300px; ">负责人签章：</div>
+            <div style="width: 200px;float: right;margin: 10px 100px; ">年   月   日</div>
+           </td>
+        </tr>
+
+        <tr>
+           <td> 专 <br>家 <br>验 <br>收 <br>结 <br>论</td>
+           <td colspan="7">
+            <el-input
+                type="textarea"
+                :autosize="{minRows: 6}"
+                placeholder="请输入内容"
+                v-model="textarea">
+            </el-input>
+            <div style="width: 200px;float: right;margin: 10px 300px; ">负责人签章：</div>
+            <div style="width: 200px;float: right;margin: 10px 100px; ">年   月   日</div>
+           </td>
+        </tr>
+
+        <tr>
+           <td> 双 <br>创 <br>学 <br>院 <br>意 <br>见</td>
+           <td colspan="7">
+            <el-input
+                type="textarea"
+                :autosize="{minRows: 6}"
+                placeholder="请输入内容"
+                v-model="textarea">
+            </el-input>
+            <div style="width: 200px;float: right;margin: 10px 300px; ">负责人签章：</div>
+            <div style="width: 200px;float: right;margin: 10px 100px; ">年   月   日</div>
+           </td>
+        </tr>
+
+        <tr>
+           <td> 学 <br>校 <br>审 <br>批 <br>意 <br>见</td>
+           <td colspan="7">
+            <el-input
+                type="textarea"
+                :autosize="{minRows: 6}"
+                placeholder="请输入内容"
+                v-model="textarea">
+            </el-input>
+            <div style="width: 200px;float: right;margin: 10px 300px; ">负责人签章：</div>
+            <div style="width: 200px;float: right;margin: 10px 100px; ">年   月   日</div>
+           </td>
+        </tr>
+        <div class="ending">
+            <p>备注：1、本表一式三份，专家验收后交双创学院</p>
+            <p style="text-indent: 3em;">2、各栏目若不够填写，可自行加页，加页需紧附该栏目之后。</p>
+        </div>
+    </table>
+    
+  </div>
+</template>
+
+<script>
+  import {getNowDate} from '@/components/tool/Date.js'
+  import beUpload from '@/components/tool/beUpload'
+
+    export default {
+        props: {
+            myArrayProp: {
+                type: Array,
+                required: true
+            }
+        },
+        components:{beUpload},
+        data() {
+            return {
+                accept:"*",
+                nowTime:getNowDate(1),
+                file:'',
+                progress1:{
+                    value:0,
+                    show:false
+                },
+                progress2:{
+                    value:0,
+                    show:false
+                },
+                progress3:{
+                    value:0,
+                    show:false
+                },
+                progress4:{
+                    value:0,
+                    show:false
+                },
+                progress5:{
+                    value:0,
+                    show:false
+                },
+                progress6:{
+                    value:0,
+                    show:false
+                },
+                progress7:{
+                    value:0,
+                    show:false
+                },
+                textarea:''
+            }
+        },
+        methods:{
+            getFile(val) {    //上传成果文件
+                console.log(val);
+                this.progress7.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].resultAccessory.push(val)
+            },
+            deleteFile(val){
+                console.log(val);
+                this.myArrayProp[0]['ClosingstatementData'].resultAccessory.splice(val,1)
+            },
+            getfirmAccessory(val){  //上传企业应用实证
+                this.progress1.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].firmAccessory.push(val)
+            },
+            deletefirmAccessory(val){
+                this.myArrayProp[0]['ClosingstatementData'].firmAccessory.splice(val,1)
+            },
+            getcompetitionAccessory(val){  //双创竞赛成绩
+                this.progress2.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].competitionAccessory.push(val)
+            },
+            deletecompetitionAccessory(val){
+                this.myArrayProp[0].competitionAccessory.splice(val,1)
+            },
+            getexchangeAccessory(val){   //参展或交流活动
+                this.progress3.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].exchangeAccessory.push(val)
+            },
+            deleteexchangeAccessory(val){
+                this.myArrayProp[0]['ClosingstatementData'].exchangeAccessory.splice(val,1)
+            },
+            getconversionAccessory(val){  //创业公司转化
+                this.progress4.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].conversionAccessory.push(val)
+            },
+            deleteconversionAccessory(val){
+                console.log(val);
+                this.myArrayProp[0]['ClosingstatementData'].conversionAccessory.splice(val,1)
+            },
+            gettalentsAccessory(val){  //创客人才培养
+                this.progress5.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].talentsAccessory.push(val)
+            },
+            deletetalentsAccessory(val){
+                this.myArrayProp[0]['ClosingstatementData'].talentsAccessory.splice(val,1)
+
+            },
+            gettaskAccessory(val){  //
+                this.progress6.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].taskAccessory.push(val)
+            },
+            deletetaskAccessory(val){
+                this.myArrayProp[0]['ClosingstatementData'].taskAccessory.splice(val,1)
+            },
+
+            ProgressFormattaskAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormattalentsAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatconversionAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatexchangeAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatcompetitionAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatfirmAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatresultAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+        },
+        mounted(){
+            // console.log(this.myArrayProp);
+        //    this.getData();
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    table{
+        position: relative;
+        color: black;
+        width: 1200px;
+        margin: 0 auto;
+        margin-top: 800px;
+        margin-bottom: 100px;
+        font-size: 16px;
+        font-family: \5b8b\4f53;
+        .onePage{
+            height: 300px;
+            width: 100%;
+            position: absolute;
+            text-align: center;
+            top: -700px;
+            .titSchool{
+                font-weight: 600;
+                font-size: 25px;
+                margin-bottom: 30px;
+                font-family: \6977\4f53;
+            }
+            .title{
+                font-weight: 600;
+                font-size: 32px;
+                margin-bottom: 30px;
+                font-family:  \9ed1\4f53;
+                margin-bottom: 100px;
+            }
+            .line{
+                width: 300px;
+                border-bottom: 1px black solid;
+            }
+            .basicInformation{
+                display: flex;justify-content: center;font-size: 22px;
+                font-family: \4eff\5b8b;
+                font-weight: bold;
+                margin-bottom: 50px;
+
+                span{
+                    width: 100px;
+                    text-align: justify;
+                    text-align-last: justify;
+                    /*兼容ie*/
+                    text-justify: distribute-all-lines;
+                    margin-right: 10px;
+                }
+            }
+        }
+        tr{
+            width: 100%;
+            border: none;
+        }
+        tr td{
+            height: 60px;
+            width: 10%;text-align: center;
+            box-sizing: border-box;
+            padding: 10px;
+            position: relative;
+            .bigBlock{
+                width: 100%;min-height: 200px;display: flex;
+                .fileBlock{
+                    width: 100px;height: 100px;margin-right: 20px;
+                    position: relative;
+                    border-radius: 5%;
+                    // overflow: hidden;
+                    .titName{
+                        position: absolute;
+                        bottom: -90px;
+                    }
+                }
+                .masking-out{
+                    width: 100px;height: 100px;
+                    position: absolute;
+                    top: 0;left: 0;
+                    display: none;
+                    border-radius: 5%;
+                    background: #00000053;
+                    .delete{
+                        cursor: pointer;
+                        margin-left: 50%;
+                        margin-top: 50%;
+                        transform: translate(-50%,-50%);
+                    }
+                    .delete:hover{
+                        color: #fff;
+                    }
+                }
+                .fileBlock:hover .masking-out{
+                    display: block;
+                }
+            }
+            p{
+                text-align: left;
+            }
+            :deep(.el-textarea__inner){
+                border: none;
+                resize: none;
+                font-size: 18px;
+            }
+        }
+    }
+    .ending{
+        position: absolute;
+        left: 0;
+        bottom: -60px;
+        p{
+            line-height: 1.5em;
+        }
+    }
+</style>

src/views/projectSettlement/components/projectSettlementBook.vue

@@ -0,0 +1,755 @@
+<template>    
+    <!-- 结项书组件 -->
+  <div>
+    <table border="1" cellspacing="0">
+        <div class="onePage">
+            <div class="titSchool">深圳技师学院</div>
+            <div class="title">校级创客项目结题申请书</div>
+            <div class="basicInformation">
+                <span>项目名称</span><div class="line">{{ myArrayProp[0].title }}</div>
+            </div>
+            <div class="basicInformation">
+                <span>负责人</span><div class="line">{{ myArrayProp[0].pro_leader }}</div>
+            </div>
+            <div class="basicInformation" style="color: red;">
+                <span>指导教师</span>
+                <div class="line" style="position: relative;">
+                    <span v-for="(item,index) in myArrayProp[0].course_teacher" :key="index">{{ item.name }}</span>
+                    <span style="position: absolute;right: -100px;">{{ myArrayProp[0].course_teacher.length }}(人)</span>
+                </div>
+            </div>
+            <div class="basicInformation">
+                <span>申请部门</span><div class="line">{{ myArrayProp[0].name }}</div>
+            </div>
+            <div class="basicInformation">
+                <span>申请日期</span>
+                <div class="line">{{ myArrayProp[0].applyProjectTime }}</div>
+            </div>
+
+            <div style="font-size: 22px;font-family: \4eff\5b8b;font-weight: bold;margin-bottom: 10px;">
+                创新创业学院制
+            </div>
+            <div style="font-size: 22px;font-family: \4eff\5b8b;font-weight: bold;">
+                {{ nowTime }}
+            </div>
+        </div>
+
+        <tr v-show="false">
+            <td v-for="i in 8" :key="i">i</td>
+        </tr>
+        <tr>
+            <td colspan="2">项目名称</td>
+            <td colspan="6">
+                {{ myArrayProp[0].title }}
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2">项目类型</td>
+            <td>学生申报</td>
+            <td colspan="2" style="text-align: justify;text-align-last: justify;padding: 0 30px;box-sizing: border-box;"> <span>{{ myArrayProp[0].typeName='f3068e26-f51d-11ed-a3f6-509a4c5b67cf'?'√':'□' }}创意组</span> <span>{{ myArrayProp[0].typeName='f3068e26-f51d-11ed-a3f6-509a4c5b67cf'?'□':'√' }}初创组</span> </td>
+            <td>学院申报</td><td colspan="2"> <span>□创客空间建设</span> </td>
+        </tr>
+        <tr style="color: red;">
+            <td colspan="2" >项目级别</td><td colspan="8"> □ 一般资助项目　　　□ 重点资助项目　　　 □ 特别申报项目</td>
+        </tr>
+        <tr>
+            <td colspan="2" style="color: red;">项目类别</td>
+            <td colspan="8">□技术创新项目　　　  □ 公益创新项目　　　  □ 非遗文创项目　　　   □ 乡村振兴项目</td>
+        </tr>
+        <tr>
+            <td colspan="2">优先支持项目 <br>（可多选）</td>
+            <td colspan="8" v-if="myArrayProp[0].multiSelectProject!=null">{{  myArrayProp[0].multiSelectProject.includes('1')?'√':'□' }}大赛选拔项目  {{  myArrayProp[0].multiSelectProject.includes('2')?'√':'□' }} 落地注册项目  {{  myArrayProp[0].multiSelectProject.includes('3')?'√':'□' }} 社会征集项目   {{  myArrayProp[0].multiSelectProject.includes('4')?'√':'□' }} 产业命题项目</td>
+            <td colspan="8" v-if="myArrayProp[0].multiSelectProject==null">□大赛选拔项目  □落地注册项目  □ 社会征集项目 □产业命题项目</td>
+        </tr>
+        <tr>
+            <td colspan="2">美丽校园改造项目 <br>（单选）</td>
+            <td colspan="8">{{ myArrayProp[0].schoolRemould=='1'?'√':'□' }}校园安全项目  {{ myArrayProp[0].schoolRemould=='2'?'√':'□' }}环境治理项目  {{ myArrayProp[0].schoolRemould=='3'?'√':'□' }} 校园服务项目   {{ myArrayProp[0].schoolRemould=='4'?'√':'□' }} 文创装置项目</td>
+        </tr>
+        <tr>
+            <td colspan="2">项目负责人身份 <br>（单选）</td>
+            <td colspan="8">□在校学生  □ 孵化基地创业学生  □ 二级学院项目负责人 </td>
+        </tr>
+        <tr>
+            <td colspan="2">项目负责人信息</td>
+            <td>姓名</td><td>
+                {{ myArrayProp[0].pro_leader }}
+            </td>
+            <td>所在学院</td><td><el-input
+                  type="textarea"
+                  autosize
+                  style="width: 100%;"
+                  resize="none"
+                  placeholder=""
+                  v-model="myArrayProp[0].name">
+                </el-input></td>
+            <td>联系电话</td>
+            <td>
+                <!-- 16625153232 -->
+                {{ myArrayProp[0].phone }}
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2">项目组人数</td>
+            <td  colspan="2">{{ myArrayProp[0].course_student.length+myArrayProp[0].course_teacher.length }}人</td>
+            <td>学生人数</td><td>{{ myArrayProp[0].course_student.length }}</td>
+            <td>教师人数</td><td>{{ myArrayProp[0].course_teacher.length }}</td>
+        </tr>
+        <tr>
+            <td colspan="2">项目起始时间</td>
+            <td>{{ myArrayProp[0].begin_at }}</td>
+            <td colspan="2">项目完成时间</td>
+            <td>{{ myArrayProp[0].plannedEnd_at }}</td>
+            <td>预算经费</td><td>元</td>
+        </tr>
+        <tr>
+            <td :rowspan="myArrayProp[0].course_student.length+1">学<br>生<br> 团 <br>队 <br>成 <br>员</td>
+            <td>姓名</td><td>所在学院及专业</td><td colspan="5">项目分工</td>
+        </tr>
+        <tr v-for="(item,index) in myArrayProp[0].course_student" :key="index+'a'">
+            <td><span v-text="item.name"></span></td>
+            <td><span v-text="item.class"></span></td>
+            <td colspan="5"><span v-text="item.work"></span></td>
+        </tr>
+
+        <tr>
+            <td :rowspan="myArrayProp[0].course_teacher.length+1">项<br>目<br> 指 <br>导 <br>教 <br>师</td>
+        </tr>
+        <tr v-for="(item,index) in myArrayProp[0].course_teacher" :key="index+'b'">
+            <td><span v-text="item.name"></span></td>
+            <td></td>
+            <td colspan="5"><span v-text="item.work"></span></td>
+        </tr>
+
+        <tr>
+            <td rowspan="6">项 <br>目 <br>研 <br>发 <br>内 <br>容 <br>及 <br>目 <br>标 </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>一、项目研发内容简介（200字以内）</p>
+                <el-input
+                    type="textarea"
+                    maxlength="200"
+                    show-word-limit
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].brief">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>目标计划：</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].plan">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>二、拟解决的关键技术问题</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].technology">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>三、项目的商业（公益）价值评估</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].business">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>四、项目创新点评估</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].innovate">
+                </el-input>
+            </td>
+        </tr>
+
+
+        <tr>
+            <td rowspan="10">成 <br>果 <br>及 <br>社 <br>会 <br>价 <br>值</td>
+        </tr>
+        <tr>
+            <td colspan="7">
+                <p>一、成果（名称、数量及形式,开发产品及取得的专利等）</p>
+                <p>专利证书获得（提供专利申请或成果证书附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getFile" :navName="'上传文件'" :accept="accept" :progress="progress7"></beUpload>
+                <el-progress v-show="progress7.show" :percentage="progress7.value" :format="ProgressFormatresultAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].resultAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deleteFile(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].resultAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+                <!-- <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].brief">
+                </el-input> -->
+
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>企业应用实证（提供企业证明或合作协议证明等附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getfirmAccessory" :navName="'上传文件'" :accept="accept" :progress="progress1"></beUpload>
+                <el-progress v-show="progress1.show" :percentage="progress1.value" :format="ProgressFormatfirmAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].firmAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deletefirmAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].firmAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+                <!-- <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].brief">
+                </el-input> -->
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>双创竞赛成绩（提供参加师生名单、比赛取得的成绩等附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getcompetitionAccessory" :navName="'上传文件'" :accept="accept" :progress="progress2"></beUpload>
+                <el-progress v-show="progress2.show" :percentage="progress2.value" :format="ProgressFormatcompetitionAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].competitionAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deletecompetitionAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].competitionAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+                
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>参展或交流活动（提供参加师生名单、活动方案及照片等附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getexchangeAccessory" :navName="'上传文件'" :accept="accept" :progress="progress3"></beUpload>
+                <el-progress v-show="progress3.show" :percentage="progress3.value" :format="ProgressFormatexchangeAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].exchangeAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deleteexchangeAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].exchangeAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>创业公司转化（提供公司注册资料、营业执照等附件）：</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="getconversionAccessory" :navName="'上传文件'" :accept="accept" :progress="progress4"></beUpload>
+                <el-progress v-show="progress4.show" :percentage="progress4.value" :format="ProgressFormatconversionAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].conversionAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deleteconversionAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].conversionAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>二、创客人才培养（提供成果、数量、学生名单等附件）</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="gettalentsAccessory" :navName="'上传文件'" :accept="accept" :progress="progress5"></beUpload>
+                <el-progress v-show="progress5.show" :percentage="progress5.value" :format="ProgressFormattalentsAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].talentsAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deletetalentsAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].talentsAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>目标计划：</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].targetPlan">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>实际结果：</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].realityResult">
+                </el-input>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="7" style="height: 200px;">
+                <p>三、社会价值（项目实践运用情况及效果评价）</p>
+                <el-input
+                    type="textarea"
+                    :autosize="{minRows: 6}"
+                    placeholder="请输入内容"
+                    v-model="myArrayProp[0].socialValue">
+                </el-input>
+            </td>
+        </tr>
+        
+        <tr>
+            <td>附件</td>
+            <td colspan="7" style="height: 200px;">
+                <p>附：课题研究报告、用户评价意见或专家鉴定意见等</p>
+                <beUpload style="position: absolute;left:450px;top:0px;"  @getFile="gettaskAccessory" :navName="'上传文件'" :accept="accept" :progress="progress6"></beUpload>
+                <el-progress v-show="progress6.show" :percentage="progress6.value" :format="ProgressFormattaskAccessory"></el-progress>
+
+                <div class="bigBlock">
+                    <div class="fileBlock" v-for="(item,index) in myArrayProp[0]['ClosingstatementData'].taskAccessory" :key="index+'a'">
+                        <div class="masking-out">
+                            <div class="delete" @click="deletetaskAccessory(index)">×</div>
+                        </div>
+                        <img style="width: 100%;height: 100%;" v-show="myArrayProp[0]['ClosingstatementData'].taskAccessory.length>0" src="../../../assets/img/zzpic426.jpg" alt="">
+                        <div class="titName">{{ item.fileName }}</div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+
+        <tr>
+            <td rowspan="12">经 <br><br>费 <br><br>使 <br><br>用</td>
+            <td colspan="2">预算总经费</td><td colspan="2">{{ myArrayProp[0].fund }}元</td>
+            <td>实际使用</td><td colspan="2">元</td>
+        </tr>
+        <tr>
+            <td>经费大类</td><td>经费小类</td><td>支出科目</td><td>金额（元）</td><td colspan="3">计算依据及理由</td>
+        </tr>
+        <tr>
+            <td rowspan="5">直接经费</td>
+        </tr>
+                <!-- total：总经费     
+              小型仪器设备费：device        deviceRemarks
+              材料费：Material             MaterialRemarks
+              测试化验加工费：processing    processingRemarks
+              项目协作费：Collaboration     CollaborationRemarks
+              项目成果鉴定费：APPRAISAL     APPRAISALRemarks
+              参展参赛费：entery            enteryRemarks
+              创客交流活动费：activities    activitiesRemarks
+              知识产权事务费：Transaction   TransactionRemarks -->
+        <tr>
+            <td>小型仪器设备费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].device  }}</td>
+            <td colspan="3">项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。</td>
+        </tr>
+        <tr>
+            <td>材料费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].Material }}</td>
+            <td colspan="3">项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。</td>
+        </tr>
+        <tr>
+            <td>测试化验加工费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].processing }}</td>
+            <td colspan="3">项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。</td>
+        </tr>
+        <tr>
+            <td>项目协作费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].Collaboration }}</td>
+            <td colspan="3">按合同规定支付给协作单位的费用</td>
+        </tr>
+        <tr>
+            <td rowspan="5">间接经费</td>
+        </tr>
+        <tr>
+            <td>项目成果鉴定费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].APPRAISAL }}</td>
+            <td colspan="3">学术会务费、评审费、鉴定费、成果集制作费等费用。</td>
+        </tr>
+        <tr>
+            <td>参展参赛费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].entery }}</td>
+            <td colspan="3">参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。</td>
+        </tr>
+        <tr>
+            <td>创客交流活动费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].activities }}</td>
+            <td colspan="3">创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。</td>
+        </tr>
+        <tr>
+            <td>知识产权事务费</td>
+            <td></td><td>{{ myArrayProp[0]['money'].Transaction }}</td>
+            <td colspan="3">论文版面费、专利及其他知识产权事务等费用。</td>
+        </tr>
+
+        <tr>
+           <td> 所 <br>在 <br>学 <br>院/ <br>部 <br>门 <br>意 <br>见</td>
+           <td colspan="7">
+            <el-input
+                type="textarea"
+                :autosize="{minRows: 6}"
+                placeholder="请输入内容"
+                v-model="textarea">
+            </el-input>
+            <div style="width: 200px;float: right;margin: 10px 300px; ">负责人签章：</div>
+            <div style="width: 200px;float: right;margin: 10px 100px; ">年   月   日</div>
+           </td>
+        </tr>
+
+        <tr>
+           <td> 专 <br>家 <br>验 <br>收 <br>结 <br>论</td>
+           <td colspan="7">
+            <el-input
+                type="textarea"
+                :autosize="{minRows: 6}"
+                placeholder="请输入内容"
+                v-model="textarea">
+            </el-input>
+            <div style="width: 200px;float: right;margin: 10px 300px; ">负责人签章：</div>
+            <div style="width: 200px;float: right;margin: 10px 100px; ">年   月   日</div>
+           </td>
+        </tr>
+
+        <tr>
+           <td> 双 <br>创 <br>学 <br>院 <br>意 <br>见</td>
+           <td colspan="7">
+            <el-input
+                type="textarea"
+                :autosize="{minRows: 6}"
+                placeholder="请输入内容"
+                v-model="textarea">
+            </el-input>
+            <div style="width: 200px;float: right;margin: 10px 300px; ">负责人签章：</div>
+            <div style="width: 200px;float: right;margin: 10px 100px; ">年   月   日</div>
+           </td>
+        </tr>
+
+        <tr>
+           <td> 学 <br>校 <br>审 <br>批 <br>意 <br>见</td>
+           <td colspan="7">
+            <el-input
+                type="textarea"
+                :autosize="{minRows: 6}"
+                placeholder="请输入内容"
+                v-model="textarea">
+            </el-input>
+            <div style="width: 200px;float: right;margin: 10px 300px; ">负责人签章：</div>
+            <div style="width: 200px;float: right;margin: 10px 100px; ">年   月   日</div>
+           </td>
+        </tr>
+        <div class="ending">
+            <p>备注：1、本表一式三份，专家验收后交双创学院</p>
+            <p style="text-indent: 3em;">2、各栏目若不够填写，可自行加页，加页需紧附该栏目之后。</p>
+        </div>
+    </table>
+    
+  </div>
+</template>
+
+<script>
+  import {getNowDate} from '@/components/tool/Date.js'
+
+    export default {
+        // props: {
+        //     myArrayProp: {
+        //         type: Array,
+        //         required: true
+        //     }
+        // },
+        data() {
+            return {
+               nowTime:getNowDate(1),
+            //    ClosingstatementData:[],
+               accept:"*",
+                content:[
+                    {tit:'一、项目研发内容简介（200字以内）'},
+                    {tit:'目标计划：'},
+                    {tit:'实际结果：'},
+                    {tit:'二、拟解决的关键技术问题'},
+                    {tit:'三、项目的商业（公益）价值评估'},
+                    {tit:'四、项目创新点评估'},
+
+                ],
+                textarea:'',
+                myArrayProp:[],     //数据库获取的结项书数据
+                progress1:{
+                    value:0,
+                    show:false
+                },
+                progress2:{
+                    value:0,
+                    show:false
+                },
+                progress3:{
+                    value:0,
+                    show:false
+                },
+                progress4:{
+                    value:0,
+                    show:false
+                },
+                progress5:{
+                    value:0,
+                    show:false
+                },
+                progress6:{
+                    value:0,
+                    show:false
+                },
+                progress7:{
+                    value:0,
+                    show:false
+                },
+            }
+        },
+        methods:{
+            getData(){
+                this.ajax.get(this.$store.state.api+"/selectAmendFinish",{
+                    uid:this.$store.state.userInfo.userid,
+                    pid:this.$route.query['pid'],
+                }).then(res=>{
+                    // return console.log(res);
+                    let data=res.data[0]
+                    data[0].course_student=JSON.parse(data[0].course_student)
+                    data[0].course_teacher=JSON.parse(data[0].course_teacher)
+                    data[0].multiSelectProject=JSON.parse(data[0].multiSelectProject)
+                    data[0].ClosingstatementData=JSON.parse(data[0].ClosingstatementData)
+                    data[0].money=JSON.parse(data[0].money)
+                    this.myArrayProp=data
+                    console.log(this.myArrayProp);
+                }).catch(err=>{
+                    console.log(err)
+                })
+            },
+            getFile(val) {    //上传成果文件
+                console.log(val);
+                this.progress7.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].resultAccessory.push(val)
+            },
+            deleteFile(val){
+                console.log(val);
+                this.myArrayProp[0]['ClosingstatementData'].resultAccessory.splice(val,1)
+            },
+            getfirmAccessory(val){  //上传企业应用实证
+                this.progress1.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].firmAccessory.push(val)
+            },
+            deletefirmAccessory(val){
+                this.myArrayProp[0]['ClosingstatementData'].firmAccessory.splice(val,1)
+            },
+            getcompetitionAccessory(val){  //双创竞赛成绩
+                this.progress2.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].competitionAccessory.push(val)
+            },
+            deletecompetitionAccessory(val){
+                this.myArrayProp[0].competitionAccessory.splice(val,1)
+            },
+            getexchangeAccessory(val){   //参展或交流活动
+                this.progress3.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].exchangeAccessory.push(val)
+            },
+            deleteexchangeAccessory(val){
+                this.myArrayProp[0]['ClosingstatementData'].exchangeAccessory.splice(val,1)
+            },
+            getconversionAccessory(val){  //创业公司转化
+                this.progress4.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].conversionAccessory.push(val)
+            },
+            deleteconversionAccessory(val){
+                console.log(val);
+                this.myArrayProp[0]['ClosingstatementData'].conversionAccessory.splice(val,1)
+            },
+            gettalentsAccessory(val){  //创客人才培养
+                this.progress5.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].talentsAccessory.push(val)
+            },
+            deletetalentsAccessory(val){
+                this.myArrayProp[0]['ClosingstatementData'].talentsAccessory.splice(val,1)
+
+            },
+            gettaskAccessory(val){  //
+                this.progress6.show = false;
+                this.myArrayProp[0]['ClosingstatementData'].taskAccessory.push(val)
+            },
+            deletetaskAccessory(val){
+                this.myArrayProp[0]['ClosingstatementData'].taskAccessory.splice(val,1)
+            },
+
+            ProgressFormattaskAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormattalentsAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatconversionAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatexchangeAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatcompetitionAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatfirmAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+            ProgressFormatresultAccessory(value){        //进度条
+                return value ==100?'100%':`${value}%`
+            },
+        },
+        mounted(){
+            // console.log(this.myArrayProp);
+            this.getData();
+            console.log(this.$route.query['tid']);
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+       table{
+        position: relative;
+        color: black;
+        width: 1200px;
+        margin: 0 auto;
+        margin-top: 800px;
+        margin-bottom: 100px;
+        font-size: 16px;
+        font-family: \5b8b\4f53;
+        .onePage{
+            height: 300px;
+            width: 100%;
+            position: absolute;
+            text-align: center;
+            top: -700px;
+            .titSchool{
+                font-weight: 600;
+                font-size: 25px;
+                margin-bottom: 30px;
+                font-family: \6977\4f53;
+            }
+            .title{
+                font-weight: 600;
+                font-size: 32px;
+                margin-bottom: 30px;
+                font-family:  \9ed1\4f53;
+                margin-bottom: 100px;
+            }
+            .line{
+                width: 300px;
+                border-bottom: 1px black solid;
+            }
+            .basicInformation{
+                display: flex;justify-content: center;font-size: 22px;
+                font-family: \4eff\5b8b;
+                font-weight: bold;
+                margin-bottom: 50px;
+
+                span{
+                    width: 100px;
+                    text-align: justify;
+                    text-align-last: justify;
+                    /*兼容ie*/
+                    text-justify: distribute-all-lines;
+                    margin-right: 10px;
+                }
+            }
+        }
+        tr{
+            width: 100%;
+            border: none;
+        }
+        tr td{
+            height: 60px;
+            width: 10%;text-align: center;
+            box-sizing: border-box;
+            padding: 10px;
+            position: relative;
+            .bigBlock{
+                width: 100%;min-height: 200px;display: flex;
+                .fileBlock{
+                    width: 100px;height: 100px;margin-right: 20px;
+                    position: relative;
+                    border-radius: 5%;
+                    // overflow: hidden;
+                    .titName{
+                        position: absolute;
+                        bottom: -90px;
+                    }
+                }
+                .masking-out{
+                    width: 100px;height: 100px;
+                    position: absolute;
+                    top: 0;left: 0;
+                    display: none;
+                    border-radius: 5%;
+                    background: #00000053;
+                    .delete{
+                        cursor: pointer;
+                        margin-left: 50%;
+                        margin-top: 50%;
+                        transform: translate(-50%,-50%);
+                    }
+                    .delete:hover{
+                        color: #fff;
+                    }
+                }
+                .fileBlock:hover .masking-out{
+                    display: block;
+                }
+            }
+            p{
+                text-align: left;
+            }
+            :deep(.el-textarea__inner){
+                border: none;
+                resize: none;
+                font-size: 18px;
+            }
+        }
+        }
+        .ending{
+            position: absolute;
+            left: 0;
+            bottom: -60px;
+            p{
+                line-height: 1.5em;
+            }
+        }
+</style>

src/views/projectSettlement/projectSettlementDetailMain.vue

@@ -10,10 +10,11 @@
         </div>
         <hr>
         <div class="AppBar">
-            <!-- <div @click="pageState=0">项目基本内容<div v-if="pageState==0" class="pr1TitBass"></div></div> -->
             <div @click="pageState=0">项目详情<div v-if="pageState==0" class="pr1TitBass"></div></div>
-            <!-- <div @click="pageState=2">项目附件<div v-if="pageState==2" class="pr1TitBass"></div></div> -->
+            <div @click="pageState=2">项目结项书<div v-if="pageState==2" class="pr1TitBass"></div></div>
             <div @click="pageState=1">项目结题附件<div v-if="pageState==1" class="pr1TitBass"></div></div>
+            <!-- <div @click="pageState=2">项目附件<div v-if="pageState==2" class="pr1TitBass"></div></div> -->
+            <!-- <div @click="pageState=0">项目基本内容<div v-if="pageState==0" class="pr1TitBass"></div></div> -->
             <!-- <div @click="pageState=4">结项评语<div v-if="pageState==4" class="pr1TitBass"></div></div> -->
         </div>
         <!-- 特色创客空间建设 -->
@@ -21,6 +22,9 @@
         <!-- <projectSettlementDetailBase_MakerSpace v-if="pageState==0 && $route.query['tid']=='5f7a66d5-c206-11ed-a4cd-509a4c5b67cf'"/> -->
         <!-- <projectSettlementDetail_MakerSpace v-if="pageState==1 && $route.query['tid']=='5f7a66d5-c206-11ed-a4cd-509a4c5b67cf'"/> -->
         
+        <!-- 项目结项书 -->
+        <projectSettlementBook v-if="pageState==2 && $route.query['tid']"></projectSettlementBook>
+
         <!-- 学生创业项目 -->
         <studentProjectWordShowNew ref="student" v-if="pageState==0 && $route.query['tid']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf'"/>
         <!-- <studentProjectWordShow ref="student" v-if="pageState==0 && $route.query['tid']=='5e21b204-c206-11ed-a4cd-509a4c5b67cf'"/> -->
@@ -45,6 +49,9 @@
     import studentProjectWordShow from './components/studentProjectWordShow.vue';
     import studentProjectWordShowNew from './components/studentProjectWordShowNew.vue';
 
+    // 结项书
+    import projectSettlementBook from './components/projectSettlementBook.vue';
+
     //特色创客空间建设项目
     import MakerSpaceWordShowVue from './components/MakerSpaceWordShow.vue';
 
@@ -59,13 +66,14 @@
           MakerSpaceWordShowVue,
           studentProjectWordShow,
           studentProjectWordShowNew,
-            // projectSettlementDetailBase_MakerSpace,
-            // projectSettlementDetail_MakerSpace,
-            // projectSettlementDetailAnnex,
-            projectSettlementDetailConclusion,
-            // projectSettlementDetailComment,
-            // projectSettlementDetailBase_StudentVue,
-            // projectSettlementDetail_Student
+          projectSettlementBook,
+          // projectSettlementDetailBase_MakerSpace,
+          // projectSettlementDetail_MakerSpace,
+          // projectSettlementDetailAnnex,
+          projectSettlementDetailConclusion,
+          // projectSettlementDetailComment,
+          // projectSettlementDetailBase_StudentVue,
+          // projectSettlementDetail_Student
         },
         data() {
           return {

src/views/resultShow/resultsShow.vue

@@ -310,94 +310,94 @@
 </script>
 
 <style lang="less">
-.resultsShow{
+// .resultsShow{
 
-  .pagination{
-    float: right;
-    margin: 0px 85px 10px;
-  }
+//   .pagination{
+//     float: right;
+//     margin: 0px 85px 10px;
+//   }
 
-  .classBlocks{   //循环列表大框
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    overflow:auto;
+//   .classBlocks{   //循环列表大框
+//     width: 100%;
+//     display: flex;
+//     flex-wrap: wrap;
+//     overflow:auto;
 
-    .classBlock{   //独立小框
-          flex-shrink: 0;
-          overflow: hidden;
-          position: relative;
-          margin-right: 20px;
-          margin-bottom: 5px;
-          width: 320px;height: 260px;
-          background-color: rgb(255, 255, 255);
-          box-shadow: 1px 2px 3px #ccc;
-          border: 1px solid #ccc;
-          border-radius: 5px;
-          display: flex;
-          flex-direction: column;
-      .projectBlockPosition{    //完成状态
-          border-radius: 30px;
-          position: absolute;
-          top: 5px;
-          left: 5px;
-          width: 80px;
-          height: 30px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          background: #000;
-          opacity: 0.7;
-          font-size: 16px;
-          color:#fff;
-      }
-      img{
-        width: 100%;height: 120px;
-        object-fit: cover;
-      }
+//     .classBlock{   //独立小框
+//           flex-shrink: 0;
+//           overflow: hidden;
+//           position: relative;
+//           margin-right: 20px;
+//           margin-bottom: 5px;
+//           width: 320px;height: 260px;
+//           background-color: rgb(255, 255, 255);
+//           box-shadow: 1px 2px 3px #ccc;
+//           border: 1px solid #ccc;
+//           border-radius: 5px;
+//           display: flex;
+//           flex-direction: column;
+//       .projectBlockPosition{    //完成状态
+//           border-radius: 30px;
+//           position: absolute;
+//           top: 5px;
+//           left: 5px;
+//           width: 80px;
+//           height: 30px;
+//           display: flex;
+//           justify-content: center;
+//           align-items: center;
+//           background: #000;
+//           opacity: 0.7;
+//           font-size: 16px;
+//           color:#fff;
+//       }
+//       img{
+//         width: 100%;height: 120px;
+//         object-fit: cover;
+//       }
 
-      .classBlock1{   //中间栏
-        margin-bottom: 10px;
-        box-sizing: border-box;
-        padding: 0 5px;
-        margin-top: 5px;
+//       .classBlock1{   //中间栏
+//         margin-bottom: 10px;
+//         box-sizing: border-box;
+//         padding: 0 5px;
+//         margin-top: 5px;
 
-        .classBlock2{   //项目名称
-              margin-left: 5px;
-              margin-bottom: 4px;
-              margin-top: 4px;
-              text-align: left;
-              font-size: 18px;
-              white-space: nowrap;
-              overflow: hidden;
-              text-overflow: ellipsis;
-        }
-        .classBlock3{   //名字、学院
+//         .classBlock2{   //项目名称
+//               margin-left: 5px;
+//               margin-bottom: 4px;
+//               margin-top: 4px;
+//               text-align: left;
+//               font-size: 18px;
+//               white-space: nowrap;
+//               overflow: hidden;
+//               text-overflow: ellipsis;
+//         }
+//         .classBlock3{   //名字、学院
       
-          box-sizing: border-box;
-              padding: 0 5px;
-              font-size: 16px;
-              width: 100%;
-              margin-top: 4px;
-              display: flex;
-              justify-content: space-between;
-        }
-        .classBlock4{
-          margin-top: 4px;
-        }
-      }
-      .bt1{   //项目成果展示按钮
-        width: 95%;
-        background: #5190fd;
-        height: 40px;
-        margin-left: 8px;
-        font-size: 14px;
-      }
-    }
-  }
+//           box-sizing: border-box;
+//               padding: 0 5px;
+//               font-size: 16px;
+//               width: 100%;
+//               margin-top: 4px;
+//               display: flex;
+//               justify-content: space-between;
+//         }
+//         .classBlock4{
+//           margin-top: 4px;
+//         }
+//       }
+//       .bt1{   //项目成果展示按钮
+//         width: 95%;
+//         background: #5190fd;
+//         height: 40px;
+//         margin-left: 8px;
+//         font-size: 14px;
+//       }
+//     }
+//   }
   
    
 
     
-  }
+//   }
 </style>