fix : 单文件和多文件上传样式调整

src/components/AttachmentUpload.vue

@@ -12,15 +12,15 @@
           </template>
           <template
               v-else-if="!preview||JSON.stringify(singleFile) == '{}'||singleFile==null||formData.singleFile==null">
-            <file-upload @getFile="getAttachment"  :multiple="false" :maxSize="1"  :showFileList="showFileList" @delete="deleteAttachment"
-                         :disabled="isSingleFile" />
-<!--           -->
-<!--            <fvTable style="width: 100%;max-height: 80px;" v-if="showSingleTable" :tableConfig="singleTableConfig"-->
-<!--                     :data="singleFileList" :isSettingCol="false" :pagination="false">-->
-<!--              <template #empty>-->
-<!--                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>-->
-<!--              </template>-->
-<!--            </fvTable>-->
+            <file-upload @getFile="getAttachment" :multiple="false"
+                         :disabled="isSingleFile" ref="fileUploadRef"/>
+            <!--           :showFileList="showFileList" @delete="deleteAttachment"-->
+            <fvTable style="width: 100%;max-height: 80px;" v-if="showSingleTable" :tableConfig="singleTableConfig"
+                     :data="singleFileList" :isSettingCol="false" :pagination="false">
+              <template #empty>
+                <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
+              </template>
+            </fvTable>
           </template>
         </el-form-item>
       </el-col>
@@ -209,6 +209,7 @@ const singleTableConfig = reactive({
     }
   ]
 })
+const fileUploadRef=ref()
 const rules = reactive({
   attachment: [{required: true, message: '请上传附件', trigger: ['blur', 'change']}],
 })
@@ -216,6 +217,7 @@ const applyForm = ref()
 const singleFile = ref(props.formData.singleFile)
 const isSingleFile = ref(false)
 const allFileList = ref([])
+const deleteFileVal = ref({})
 const singleFileList = ref([])
 if (props.formData.fileList !== null && props.formData.fileList?.length > 0) {
   allFileList.value = props.formData.fileList
@@ -277,11 +279,14 @@ const handleDelete = (row,type) => {
   });
 }
 const handleSingleDelete = (row) => {
+  console.log('row',row)
+  // fileUploadRef.value.handleRemove(deleteFileVal.value.id)
   handleDelete(row, 'single')
 }
 const getAttachment = (val) => {
   console.log('getAttachment', val)
   isSingleFile.value = true
+  // deleteFileVal.value=val
   emit('getAttachment', val)
 }
 const getOtherFile = (val) => {

src/components/FileUpload.vue

@@ -44,10 +44,12 @@ const props = defineProps({
   showFileList: {
     type: Boolean,
     default: false
-  }, disabled: {
+  },
+  disabled: {
     type: Boolean,
     default: false
-  }, multiple: {
+  },
+  multiple: {
     type: Boolean,
     default: true
   }
@@ -98,7 +100,9 @@ const uploadError = () => {
     type: 'error'
   })
 }
-
+defineExpose({
+  handleRemove
+})
 </script>
 
 <style lang="scss" scoped>

vite.config.js

@@ -68,31 +68,31 @@ export default defineConfig({
     strictPort: false,
     open: true,
     proxy: {
-      // '/api/workflow': {
-      //   // target: 'http://frp.feashow.cn:31800/',
+      '/api/workflow': {
+        target: 'http://frp.feashow.cn:31800/',
         // target: 'http://clay.frp.feashow.cn/',
-      //   // target: 'http://192.168.31.175:8000',
-      //   changeOrigin: true,
-      //   rewrite: (path) => path.replace(/^\/api/, '')
-      // },
+        // target: 'http://192.168.31.175:8000',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, '')
+      },
       // '/api/admin': {
       //   // target: 'http://frp.feashow.cn:31800/',
       //   target: 'http://clay.frp.feashow.cn/',
       //   // target: 'http://192.168.31.175:8000',
       //   changeOrigin: true,
-      //   rewrite: (path) => path.replace(/^\/api/, '')
+      //   rewrite: (path) => path.replace(/^\/summary/, '')
       // },
       '/api': {
-        // target: 'http://mosr.feashow.cn/',
-        target: 'http://10.7.127.57:8000',
+        target: 'http://mosr.feashow.cn',
+        // target: 'http://clay.frp.feashow.cn',
         changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, '')
+        // rewrite: (path) => path.replace(/^\/api/, '')
       },
-      '/api/notice-ws': {
-        target: 'ws://mosr.feashow.cn/api/notice-ws',
-        ws: true,
-        changeOrigin: true,
-      }
+      // '/api/notice-ws': {
+      //   target: 'ws://mosr.feashow.cn/summary/notice-ws',
+      //   ws: true,
+      //   changeOrigin: true,
+      // }
     }
   }
 })