Mon Nov 20 15:48:00 CST 2023 inscode

src/component/contractManagement/contractList/add/addMain.vue

@@ -106,7 +106,8 @@
                 </el-col>
                 <el-col :span="8">
                     <el-form-item label-width="120px" label="合同签订时间" prop="field126">
-                        <el-date-picker v-model="formData.field126" type="date" placeholder="请输入合同签订时间" :size="size" clearable :style="{ width: '100%' }"/>
+                        <el-date-picker v-model="formData.field126" type="date" placeholder="请输入合同签订时间" size="default"
+                            clearable :style="{ width: '100%' }" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="8">
@@ -131,9 +132,11 @@
                 </el-col>
             </el-row>
             <el-row>
-                <el-form-item label-width="0" prop="field130">
-                    <el-button type="success" icon="el-icon-plus" size="default"> 附件上传 </el-button>
-                </el-form-item>
+                <el-upload ref="uploadSS" style="display: flex;" class="upload-demo" action="https://mock.presstime.cn/mock/6544c7fa0b55a9004047b473/project/upload" :limit="1" :on-exceed="handleExceed" :auto-upload="true">
+                    <el-form-item label-width="0" prop="field130">
+                        <el-button type="success" icon="el-icon-plus" size="default"> 附件上传 </el-button>
+                    </el-form-item>
+                </el-upload>
             </el-row>
             <el-row>
                 <el-form-item label-width="0" label="" prop="field131" :style="{ flexGrow: 1 }">
@@ -290,6 +293,12 @@ export default {
         resetForm() {
             this.$refs['elForm'].resetFields()
         },
+        handleExceed(files) {
+            this.$refs['uploadSS'].clearFiles()
+            const file = files[0] 
+            file.uid = genFileId()
+            this.$refs['uploadSS'].handleStart(file)
+        }
     }
 }