|
|
@@ -16,52 +16,50 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 上传文件以及表格开始 -->
|
|
|
- <div class="ps2Inp">
|
|
|
- <el-button type="primary" class="btn" size="mini">上传文件</el-button>
|
|
|
+ <div class="pmInp">
|
|
|
+ <beUpload @getFile="getFile" :navName="'上传文件'" :accept="accept"></beUpload>
|
|
|
</div>
|
|
|
- <el-table
|
|
|
- :data="tableData"
|
|
|
+ <!-- 表格部分开始 -->
|
|
|
+ <el-table
|
|
|
+ :data="file"
|
|
|
tooltip-effect="dark"
|
|
|
stripe
|
|
|
class="fontSize"
|
|
|
:header-cell-style="{ background: '#f2f2f2',color:'#000' }"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- prop="projectName"
|
|
|
- label="项目结项材料"
|
|
|
+ prop="fileName"
|
|
|
+ label="项目中期报告"
|
|
|
align="center"
|
|
|
- >
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
-
|
|
|
+
|
|
|
<el-table-column
|
|
|
prop="size"
|
|
|
label="大小"
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
+
|
|
|
<el-table-column
|
|
|
- prop="date"
|
|
|
+ prop="uploadTime"
|
|
|
label="时间"
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
+
|
|
|
<el-table-column
|
|
|
prop="operation"
|
|
|
- label="操作"
|
|
|
align="center"
|
|
|
+ label="操作"
|
|
|
>
|
|
|
<template #default="scope">
|
|
|
<div class="operations">
|
|
|
- <!-- <el-button type="primary" > -->
|
|
|
- <el-button type="primary" size="mini" @click="edit(scope)" >详情查看</el-button>
|
|
|
- <!-- </el-button> -->
|
|
|
+ <el-button type="primary" size="mini" @click="checkFile(scope.row.url)" style="background: #477edd">明细查看</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- 上传文件以及表格结束 -->
|
|
|
+ </el-table>
|
|
|
|
|
|
<!-- 多行文本框区域开始 -->
|
|
|
<div class="PS2tabTit0">
|
|
|
@@ -78,7 +76,7 @@
|
|
|
resize="none"
|
|
|
class="textArea"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="AllRemark.kRem">
|
|
|
</el-input>
|
|
|
</div>
|
|
|
<div class="tabTit">
|
|
|
@@ -92,7 +90,7 @@
|
|
|
:rows="6"
|
|
|
resize="none"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="AllRemark.xRem">
|
|
|
</el-input>
|
|
|
</div>
|
|
|
<div class="tabTit">
|
|
|
@@ -106,38 +104,127 @@
|
|
|
resize="none"
|
|
|
class="textArea"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="AllRemark.bRem">
|
|
|
</el-input>
|
|
|
</div>
|
|
|
<!-- 多行文本框区域结束 -->
|
|
|
<div class="baseBtn">
|
|
|
<div class="blockWidth">
|
|
|
- <el-button type="primary" class="backBtn" @click="$router.back()">返回</el-button>
|
|
|
+ <el-button type="primary" class="backBtn" @click="submitRemark">提交</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- 提交对话框开始 -->
|
|
|
+ <el-dialog
|
|
|
+ title="提示"
|
|
|
+ :visible.sync="dialogVisible1"
|
|
|
+ width="600px"
|
|
|
+ class="submitDialog">
|
|
|
+ <div class="addDialogLogo">LOGO</div>
|
|
|
+ <span class="deleteContent">确定提交?</span>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="confirmSubmit" >确认提交</el-button>
|
|
|
+ <el-button @click="dialogVisible1=false" >取消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 提交对话框结束-->
|
|
|
+ <!-- 展示文档开始 -->
|
|
|
+ <el-dialog
|
|
|
+ title="展示文件"
|
|
|
+ :visible.sync="showFile"
|
|
|
+ width="80vw"
|
|
|
+ class="addDialog showDialog"
|
|
|
+ >
|
|
|
+ <div class="addDialogLogo">LOGO</div>
|
|
|
+ <div class="showFileArea">
|
|
|
+ <!-- <vpdf v-if="/^\s*$/g.test(showFileUrl)&&showFileUrl.split('.')[showFileUrl.split('.').length-1]=='pdf'" :pdfUrl="showFileUrl"></vpdf> -->
|
|
|
+ <vword v-if="showFileType == 0" :pdfUrl="showFileUrl"></vword>
|
|
|
+ <vpdf v-else :pdfUrl="showFileUrl"></vpdf>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import beUpload from '../../components/tool/beUpload'
|
|
|
+ import vpdf from "@/components/vpdf.vue";
|
|
|
+ import vword from "@/components/vword.vue";
|
|
|
export default {
|
|
|
+ components: { beUpload, vpdf, vword },
|
|
|
data() {
|
|
|
return {
|
|
|
- textarea:'',
|
|
|
- tableData:[{
|
|
|
- projectName:'创业孵化基地企业情况信息表',
|
|
|
- date:'2022年11月12日',
|
|
|
- size:'50k'
|
|
|
- },
|
|
|
- {
|
|
|
- projectName:'创业孵化基地企业情况信息表',
|
|
|
- size:'50k',
|
|
|
- date:'2022年11月12日',
|
|
|
+ accept:"*",
|
|
|
+ dialogVisible1:false,
|
|
|
+ showFile:false,
|
|
|
+ showFileType: 0,
|
|
|
+ showFileUrl: "",
|
|
|
+ // tableData:[],
|
|
|
+ file:[],
|
|
|
+ AllRemark:{
|
|
|
+ kRem:'',
|
|
|
+ xRem:'',
|
|
|
+ bRem:''
|
|
|
}
|
|
|
- ],
|
|
|
-
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
+ //展示文件
|
|
|
+ checkFile(url) {
|
|
|
+ // console.log(url);
|
|
|
+ if (
|
|
|
+ url.split(".")[url.split(".").length - 1].toLocaleUpperCase() == "PDF"
|
|
|
+ ) {
|
|
|
+ this.showFileUrl = url;
|
|
|
+ this.showFileType = 1;
|
|
|
+ } else {
|
|
|
+ this.showFileUrl =
|
|
|
+ "https://view.officeapps.live.com/op/view.aspx?src=" + url;
|
|
|
+ this.showFileType = 0;
|
|
|
+ }
|
|
|
+ this.showFile = true;
|
|
|
+ },
|
|
|
+ confirmSubmit(){ //确定提交
|
|
|
+ let param={
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ pid:JSON.parse(localStorage.getItem('pid')),
|
|
|
+ file:JSON.stringify(this.file),
|
|
|
+ remark:JSON.stringify(this.AllRemark)
|
|
|
+ }
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api+'/UpdateSettlementRemark',param)
|
|
|
+ .then(res=>{
|
|
|
+ console.log(res);
|
|
|
+ this.dialogVisible1=false
|
|
|
+ this.$message.success('提交成功')
|
|
|
+ },err=>{
|
|
|
+ console.log(err);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ submitRemark(){ //显示提交对话框
|
|
|
+ this.dialogVisible1=true;
|
|
|
+ },
|
|
|
+ getFile(val) { //上传文件
|
|
|
+ this.file.push(val);
|
|
|
+ },
|
|
|
+
|
|
|
+ getData(){ //获取基础信息
|
|
|
+ let param={
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ pid:JSON.parse(localStorage.getItem('pid')),
|
|
|
+ }
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api+'/SelectSettlementRemark',param)
|
|
|
+ .then(res=>{
|
|
|
+ console.log(res);
|
|
|
+ let data=res.data[0];
|
|
|
+ console.log(data);
|
|
|
+ this.file=JSON.parse(data[0].endFile)
|
|
|
+ this.AllRemark=JSON.parse(data[0].endProjectRemark)
|
|
|
+ },err=>{
|
|
|
+ console.log(err);
|
|
|
+ })
|
|
|
+ },
|
|
|
content(){
|
|
|
this.$router.push('/projectSettlement1')
|
|
|
},
|
|
|
@@ -156,45 +243,182 @@
|
|
|
|
|
|
back(){
|
|
|
this.$router.push('/projectSettlement')
|
|
|
- },
|
|
|
- // backBtn2(){
|
|
|
- // this.$router.push('/projectSettlement')
|
|
|
- // },
|
|
|
- handleSelectionChange(val) {
|
|
|
- this.multipleSelection = val;
|
|
|
- },
|
|
|
-
|
|
|
+ },
|
|
|
},
|
|
|
-
|
|
|
+ mounted(){
|
|
|
+ this.getData()
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
.projectSettlement2{
|
|
|
|
|
|
-
|
|
|
- .PS2tabTit0{
|
|
|
- width: 100%;
|
|
|
- text-align: left;
|
|
|
- margin: 20px 15px 20px 0px;
|
|
|
- color: #ccc;
|
|
|
- font-size: 22px;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .ps2Inp{
|
|
|
+ .pmInp{
|
|
|
width: 100%;
|
|
|
+ margin: 10px 0 10px 0;
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
- margin: 10px 0;
|
|
|
.btn{
|
|
|
height: 30px;
|
|
|
width: 100px;
|
|
|
- background: #477edd;
|
|
|
- margin-left: 10px;
|
|
|
font-size: 16px;
|
|
|
+ background: #477edd;
|
|
|
+ // margin-left: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .addDialog {
|
|
|
+ font-size: 18px;
|
|
|
+ .el-dialog {
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .deleteContent {
|
|
|
+ width: 100%;
|
|
|
+ margin: 30px 0;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .addDialogLogo {
|
|
|
+ width: 60px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ line-height: 30px;
|
|
|
+ background: #f2f2f2;
|
|
|
+ position: absolute;
|
|
|
+ left: 20px; top: 15px;
|
|
|
+ }
|
|
|
+ .el-dialog__header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ background: #32455b;
|
|
|
+ }
|
|
|
+ .el-dialog__title {
|
|
|
+ color:#fff;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+ .addDialogMid {
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 60px 0 10px;
|
|
|
+ .addDialogTit {
|
|
|
+ display: flex;
|
|
|
+ span {
|
|
|
+ width: 80px;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .addDialogTit1 {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .addDialogTit2 {
|
|
|
+ margin-top: 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #000;
|
|
|
+ text-indent: 2em;
|
|
|
+ }
|
|
|
+ .addDialogCon {
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .dialog-footer {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .btn5 {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .submitDialog{
|
|
|
+ font-size: 18px;
|
|
|
+ .el-dialog{
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .deleteContent{
|
|
|
+ font-size: 22px;
|
|
|
+ color: #000;
|
|
|
}
|
|
|
+ .el-dialog__body{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .addDialogLogo{
|
|
|
+ width: 60px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ line-height: 30px;
|
|
|
+ background: #f2f2f2;
|
|
|
+ position: absolute;
|
|
|
+ left: 20px; top: 15px;
|
|
|
+ }
|
|
|
+ .el-dialog__header{
|
|
|
+ background: #32455b;
|
|
|
+ }
|
|
|
+ .el-dialog__title{
|
|
|
+ color:#fff;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+ .addDialogMid{
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding:0 60px 0 10px;
|
|
|
+ .addDialogTit{
|
|
|
+ display: flex;
|
|
|
+ span{
|
|
|
+ width: 80px;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: left;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .addDialogTit1{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .addDialogTit2{
|
|
|
+ margin-top: 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #000;
|
|
|
+ text-indent: 2em;
|
|
|
+ text-align: left;
|
|
|
+ line-height: 1.7em;
|
|
|
+ }
|
|
|
+ .addDialogCon{
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .PS2tabTit0{
|
|
|
+ width: 100%;
|
|
|
+ text-align: left;
|
|
|
+ margin: 20px 15px 20px 0px;
|
|
|
+ color: #ccc;
|
|
|
+ font-size: 22px;
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
|
|
|
</style>
|
yuanyiming