Pre Merge pull request !138 from exiace/N/A

ruoyi-ui/src/components/FileUpload/index.vue

@@ -13,15 +13,17 @@
       class="upload-file-uploader"
       ref="upload"
     >
-      <!-- 上传按钮 -->
+    
-      <el-button size="mini" type="primary">选取文件</el-button>
+      <el-popover placement="right" width="250" trigger="hover" :disabled="!showTip">
-      <!-- 上传提示 -->
+        <div style="font-size:12px" >
-      <div class="el-upload__tip" slot="tip" v-if="showTip">
+          请上传
-        请上传
+          <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> <br> </template>
-        <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
+          <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.replaceAll(".","") }}</b> </template>
-        <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
+          的文件
-        的文件
+        </div>
-      </div>
+        <el-button size="mini" type="primary" slot="reference">选取文件</el-button>
+      </el-popover>
+
     </el-upload>
 
     <!-- 文件列表 -->