wangmengwei 1 개월 전
부모
커밋
81f2f9d3f2
3개의 변경된 파일27개의 추가작업 그리고 17개의 파일을 삭제
  1. 15 4
      src/components/FileUploads/index.vue
  2. 2 2
      src/main.js
  3. 10 11
      src/views/project/firstInfoForm.vue

+ 15 - 4
src/components/FileUploads/index.vue

@@ -17,14 +17,15 @@
       v-if="!disabled"
     >
       <!-- 上传按钮 -->
+	  <el-tooltip class="item" effect="dark" :content="'大小不超过' + fileSize +'MB,格式为' + slgegse  " placement="top">
       <el-button size="mini" type="primary">上传</el-button>
+	   </el-tooltip>
       <!-- 上传提示 -->
-      <!-- <div class="el-upload__tip" slot="tip" v-if="showTip">
-        请上传
+      <div class="el-upload__tip" slot="tip" v-if="isShowTip">
         <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
         <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
         的文件
-      </div> -->
+      </div>
     </el-upload>
 
     <!-- 文件列表 -->
@@ -99,9 +100,13 @@ export default {
       headers: {
         Authorization: "Bearer " + getToken(),
       },
-      fileList: []
+      fileList: [],
+	  slgegse:''
     }
   },
+  created() {
+  	this.slgegse = this.fileType.join(',')
+  },
   mounted() {
     if (this.drag && !this.disabled) {
       this.$nextTick(() => {
@@ -190,6 +195,7 @@ export default {
     handleUploadSuccess(res, file) {
       if (res.code === 200) {
         this.uploadList.push({ name: res.fileName, url: res.fileName })
+		this.isShowTip = false
         this.uploadedSuccessfully()
       } else {
         this.number--
@@ -202,6 +208,11 @@ export default {
     // 删除文件
     handleDelete(index) {
       this.fileList.splice(index, 1)
+	  if(this.fileList.length != 0){
+		  this.isShowTip = false
+	  }else{
+		  this.isShowTip = true
+	  }
       this.$emit("input", this.listToString(this.fileList))
     },
     // 上传结束处理

+ 2 - 2
src/main.js

@@ -30,7 +30,7 @@ import Editor from "@/components/Editor"
 import FileUpload from "@/components/FileUpload"
 import projectPagination from "@/components/projectPagination"
 import dragFileUpload from "@/components/dragFileUpload"
-import FileUploadt from "@/components/FileUploadt"
+import FileUploads from "@/components/FileUploads"
 // 图片上传组件
 import ImageUpload from "@/components/ImageUpload"
 // 图片预览组件
@@ -58,7 +58,7 @@ Vue.component('Paginations', Paginations)
 Vue.component('RightToolbar', RightToolbar)
 Vue.component('Editor', Editor)
 Vue.component('FileUpload', FileUpload)
-Vue.component('FileUploadt', FileUploadt)
+Vue.component('FileUploads', FileUploads)
 Vue.component('ImageUpload', ImageUpload)
 Vue.component('ImagePreview', ImagePreview)
 Vue.component('dragFileUpload', dragFileUpload)

+ 10 - 11
src/views/project/firstInfoForm.vue

@@ -172,12 +172,10 @@
         </div>
         <div class="rowbox">
             <el-table  :data="tableData" border style="width: 100%;margin-bottom: 15px;">
-                <el-table-column align="center" prop="fjlx" label="附件类型"  width="20%"> </el-table-column>
-                <el-table-column align="center" prop="name" label="文件名称"  width="20%"> </el-table-column>
-                <el-table-column align="center" prop="dx" label="附件大小"  width="15%"> </el-table-column>
-                <el-table-column align="center" prop="time" label="上传时间"  width="15%"> </el-table-column>
+				<el-table-column align="center" prop="index" label="序号" width="10%"></el-table-column>
+                <el-table-column align="center" prop="fjlx" label="附件类型"  width="30%"> </el-table-column>
                 <el-table-column align="center" label="操作" width="30%">
-                  <template slot-scope="scope">
+                  <template slot-scope="scope"> 
                    <div class="flexcc">
                      <div class="btna flexc coa">
                        <!-- <div class="imgs">
@@ -186,21 +184,21 @@
 					    <fileUploads  v-model="form.reportUrl" />
 					   <!-- <file-upload :limit="1" v-model="form.staffImage"/> -->
                      </div>
-                     <div class="btna flexc cob">
+                     <!-- <div class="btna flexc cob">
                        <div class="imgs">
                          <img class="imgb" src="@/assets/images/project/upb.png"/>
                        </div>预览
-                     </div>
-                     <div class="btna flexc coc">
+                     </div> -->
+                     <!-- <div class="btna flexc coc">
                        <div class="imgs">
                          <img class="imga" src="@/assets/images/project/upc.png"/>
                        </div>下载
-                     </div>
-                     <div class="btna flexc cod">
+                     </div> -->
+                    <!-- <div class="btna flexc cod">
                        <div class="imgs">
                          <img class="imgc" src="@/assets/images/project/upd.png"/>
                        </div>删除
-                     </div>
+                     </div> -->  
                    </div>
                   </template>
                 </el-table-column>
@@ -236,6 +234,7 @@ export default {
                 name: '项目可行性研究报告.pdf',
                 dx: '11.8 MB',
                 time: '2025-06-16 16:57',
+				index:1
       }],
 	  form:{},
       rules: {