修改上传按钮文字

src/components/base/AppUpload.vue

@@ -85,7 +85,7 @@ const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
     emit(
       'update:modelValue',
       uploadFiles.map((item: any) => {
-        return { name: item.name, url: item.url || item.raw.url }
+        return { name: item.name, url: item.url || item.raw.url, size: item.size, type: item.type }
       })
     )
   } else {
@@ -116,6 +116,9 @@ const handlePreview: UploadProps['onPreview'] = uploadFile => {
       <template v-if="$attrs['list-type'] === 'picture-card'">
         <el-icon><Plus /></el-icon>
       </template>
+      <template v-else-if="props.beforeUploadFiles">
+        <el-button type="primary" size="default" round>上传图片/视频附件</el-button>
+      </template>
       <template v-else>
         <el-button type="primary" class="app-upload-btn">点击上传</el-button>
       </template>

src/modules/teach/posts/components/AddPostDialog.vue

@@ -180,7 +180,6 @@ const imgLimit = $computed(() => {
 })
 
 const beforeUploadFiles = (file: any) => {
-  console.log(file)
   if (file.type.includes('video/') && file.size > 104857600) {
     ElMessage.warning('视频大小不能超过100MB')
     return false
@@ -200,7 +199,7 @@ const beforeUploadFiles = (file: any) => {
 }
 </script>
 <template>
-  <el-dialog :model-value="isShowAddDialog" title="新建帖子" :before-close="handleCancel">
+  <el-dialog :model-value="isShowAddDialog" title="新建帖子" :before-close="handleCancel" width="40%">
     <div style="height: 65vh; overflow-y: auto">
       <el-form
         :model="form"
@@ -288,7 +287,6 @@ const beforeUploadFiles = (file: any) => {
         </el-form-item>
         <el-form-item prop="files">
           <AppUpload v-model="form.files" accept="image/*,video/*" :beforeUploadFiles="beforeUploadFiles">
-            <el-button size="default">上传图片/视频附件</el-button>
             <template #tip
               >支持最多上传10张图片，格式支持jpg，jpeg，png，2MB以内<br />视频最多上传1个，100Mb以内
             </template>

src/modules/teach/posts/components/ReplyPostDialog.vue

@@ -101,7 +101,6 @@ const handleConfirm = async (formEl: FormInstance | undefined) => {
         </el-form-item>
         <el-form-item prop="files">
           <AppUpload v-model="form.files" accept="image/*,video/*" :beforeUploadFiles="beforeUploadFiles">
-            <el-button size="default">上传图片/视频附件</el-button>
             <template #tip
               >支持最多上传10张图片，格式支持jpg，jpeg，png，2MB以内<br />视频最多上传1个，100Mb以内
             </template>