中间支付申请

src/views/debit-pay/admin/components/middlepay/addModal.vue

@@ -61,7 +61,7 @@
                                 </el-col>
                                 <el-col :span="16">
                                     <el-form-item label="草图文件：">
-                                        <hc-form-upload :src="baseForm.pictureUrl" />
+                                        <hc-form-upload :src="baseForm.pictureUrl" @upload="formUpload" @change="formUploadChange" />
                                     </el-form-item>
                                 </el-col>
                                 <el-col :span="24">
@@ -128,7 +128,12 @@
     <HcBillBaseModal v-model="addBillBaseModalShow" :ids="billBaseIds" :idn="nodeId" :contract-id="cid" @finish="finishChange" />
 
     <!-- 文件上传组件 -->
-    <hc-upload-file ref="HcUploadFileRef" />
+    <hc-upload-file
+        ref="uploadFileRef"
+        :echo-params="uploadFileParams"
+        :options="uploadFileOptions"
+        @success="uploadFileSuccess"
+    />
 </template>
 
 <script setup>
@@ -136,6 +141,7 @@ import { nextTick, ref, watch } from 'vue'
 import { getStoreValue } from '~src/utils/storage'
 import HcBillBaseModal from './addBillBaseModal.vue'
 import { arrToId, getArrValue, getObjValue, getRandom } from 'js-fast-way'
+import { getHeader } from 'hc-vue3-ui'
 
 import unitApi from '~api/project/debit/contract/unit'
 import mainApi from '~api/debit-pay/admin/middlepay'
@@ -284,6 +290,18 @@ const setBasePeriodForm = (periodId) => {
     baseForm.value.businessDate = periodData.endDate ?? null
 }
 
+//草图文件上传
+const formUpload = () => {
+    uploadFileParams.value = { type: '草图文件' }
+    uploadFileOptions.value.accept = 'image/png,image/jpg,image/jpeg'
+    uploadFileOptions.value.accept_tip = '图片(png、jpg、jpeg)'
+    uploadFileOptions.value.size = 50
+    uploadFileRef.value?.selectFile()
+}
+const formUploadChange = (url) => {
+    baseForm.value.pictureUrl = url
+}
+
 //收方清单列表
 const addTableColumn = ref([
     { key: 'formNumber', name: '清单编号', width: '120' },
@@ -313,10 +331,21 @@ const finishChange = (data) => {
     }
 }
 
-
 //文件上传
-const HcUploadFileRef = ref(null)
+const uploadFileRef = ref(null)
+const uploadFileParams = ref({})
+const uploadFileOptions = ref({
+    headers: getHeader(),
+})
 
+// 文件上传成功的回调
+const uploadFileSuccess = ({ echoParams, resData }) => {
+    console.log('文件上传成功', resData)
+    if (echoParams.type === '草图文件') {
+        baseForm.value.pictureUrl = resData.link ?? ''
+        uploadFileRef.value?.setModalShow(false)
+    }
+}
 
 const addModalSave = () => {
     emit('finish')