From 4afadb73e74e859bc7d6f38eb3bf639ac26e915a Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Fri, 21 Nov 2025 16:28:23 +0800
Subject: [PATCH] v1.9 优化装修 上传视频失败问题 修复

---
 src/api/fee/listApplyRoomDiscountRecordApi.js     |   2 +-
 src/components/contract/contractDetailReceipt.vue |   6 ++++--
 src/components/fee/applyRoomDiscountRecord.vue    |   2 +-
 src/components/fee/uploadVedio.vue                | 107 -----------------------------------------------------------------------------------------------------------
 src/components/upload/uploadVedio.vue             |  96 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/owePayFeeOrderList.vue              |   2 +-
 6 files changed, 103 insertions(+), 112 deletions(-)
 delete mode 100644 src/components/fee/uploadVedio.vue
 create mode 100644 src/components/upload/uploadVedio.vue

diff --git a/src/api/fee/listApplyRoomDiscountRecordApi.js b/src/api/fee/listApplyRoomDiscountRecordApi.js
index 73c5699..65cfeb8 100644
--- a/src/api/fee/listApplyRoomDiscountRecordApi.js
+++ b/src/api/fee/listApplyRoomDiscountRecordApi.js
@@ -81,7 +81,7 @@ export function uploadImage(data) {
 export function uploadVedio(data, config) {
   return new Promise((resolve, reject) => {
     request({
-      url: '/uploadVedio',
+      url: '/callComponent/upload/uploadVedio/upload',
       method: 'post',
       headers: {
         'Content-Type': 'multipart/form-data'
diff --git a/src/components/contract/contractDetailReceipt.vue b/src/components/contract/contractDetailReceipt.vue
index 09aaae0..8b28830 100644
--- a/src/components/contract/contractDetailReceipt.vue
+++ b/src/components/contract/contractDetailReceipt.vue
@@ -27,8 +27,8 @@
         <el-table-column prop="feeName" :label="$t('contractDetailReceipt.feeItem')" align="center"></el-table-column>
         <el-table-column :label="$t('contractDetailReceipt.feePeriod')" align="center" width="200">
           <template slot-scope="scope">
-            {{ $dayjs(scope.row.startTime).format('YYYY-MM-DD') }}~<br />
-            {{ $dayjs(scope.row.endTime).format('YYYY-MM-DD') }}
+            {{ dateFormat(scope.row.startTime) }}~<br />
+            {{ dateFormat(scope.row.endTime) }}
           </template>
         </el-table-column>
         <el-table-column prop="amount" :label="$t('contractDetailReceipt.totalAmount')" align="center">
@@ -57,6 +57,7 @@
 <script>
 import { queryFeeReceipt, listFeePrintPage } from '@/api/contract/contractDetailReceiptApi'
 import { getCommunityId } from '@/api/community/communityApi'
+import {dateFormat} from '@/utils/dateUtil'
 
 export default {
   name: 'ContractDetailReceipt',
@@ -91,6 +92,7 @@ export default {
     }
   },
   methods: {
+    dateFormat,
     open(data) {
       this.contractDetailReceiptInfo.payObjId = data.ownerId
       this._listContractDetailReceipt(this.currentPage, this.pageSize)
diff --git a/src/components/fee/applyRoomDiscountRecord.vue b/src/components/fee/applyRoomDiscountRecord.vue
index 5f95cfe..a39ce64 100644
--- a/src/components/fee/applyRoomDiscountRecord.vue
+++ b/src/components/fee/applyRoomDiscountRecord.vue
@@ -36,7 +36,7 @@
 <script>
 import { addApplyRoomDiscountRecord } from '@/api/fee/listApplyRoomDiscountRecordApi'
 import UploadImageUrl from '@/components/upload/UploadImageUrl'
-import UploadVedio from './uploadVedio'
+import UploadVedio from '@/components/upload/uploadVedio'
 import { getCommunityId } from '@/api/community/communityApi'
 
 export default {
diff --git a/src/components/fee/uploadVedio.vue b/src/components/fee/uploadVedio.vue
deleted file mode 100644
index beaee5c..0000000
--- a/src/components/fee/uploadVedio.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<template>
-  <div class="upload-vedio-container">
-    <div v-if="progress > 0" class="progress-container">
-      <el-progress :percentage="progress" :stroke-width="2"></el-progress>
-      <div class="file-name">{{ fileName }}</div>
-    </div>
-    
-    <el-button 
-      type="primary" 
-      size="small" 
-      @click="triggerUpload"
-      :disabled="uploading"
-    >
-      <i class="el-icon-upload"></i>
-      {{ $t('uploadVedio.uploadButton') }}
-    </el-button>
-    <input 
-      type="file" 
-      ref="fileInput" 
-      accept="video/*" 
-      style="display: none" 
-      @change="handleFileChange"
-    />
-  </div>
-</template>
-
-<script>
-import { uploadVedio } from '@/api/fee/listApplyRoomDiscountRecordApi'
-import { getCommunityId } from '@/api/community/communityApi'
-
-export default {
-  name: 'UploadVedio',
-  data() {
-    return {
-      fileName: '',
-      realFileName: '',
-      progress: 0,
-      uploading: false
-    }
-  },
-  methods: {
-    triggerUpload() {
-      this.$refs.fileInput.click()
-    },
-    async handleFileChange(event) {
-      const file = event.target.files[0]
-      if (!file) return
-
-      if (file.size > 500 * 1024 * 1024) {
-        this.$message.error(this.$t('uploadVedio.sizeError'))
-        return
-      }
-
-      this.fileName = file.name
-      this.uploading = true
-      this.progress = 0
-
-      try {
-        const formData = new FormData()
-        formData.append('uploadFile', file)
-        formData.append('communityId', getCommunityId())
-
-        const res = await uploadVedio(formData, {
-          onUploadProgress: (progressEvent) => {
-            this.progress = Math.round((progressEvent.loaded * 90) / progressEvent.total)
-          }
-        })
-
-        if (res.code === 0) {
-          this.progress = 100
-          this.realFileName = res.data.realFileName
-          this.$message.success(this.$t('common.operationSuccess'))
-        }
-      } catch (error) {
-        this.$message.error(this.$t('uploadVedio.uploadFailed'))
-      } finally {
-        this.uploading = false
-        event.target.value = null
-      }
-    },
-    getVideoName() {
-      return this.realFileName
-    },
-    clear() {
-      this.fileName = ''
-      this.realFileName = ''
-      this.progress = 0
-      this.uploading = false
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.upload-vedio-container {
-  .progress-container {
-    margin-bottom: 10px;
-    
-    .file-name {
-      font-size: 12px;
-      color: #606266;
-      margin-top: 5px;
-      word-break: break-all;
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/components/upload/uploadVedio.vue b/src/components/upload/uploadVedio.vue
new file mode 100644
index 0000000..7eb4482
--- /dev/null
+++ b/src/components/upload/uploadVedio.vue
@@ -0,0 +1,96 @@
+<template>
+  <div class="upload-vedio-container">
+    <div v-if="progress > 0" class="progress-container">
+      <el-progress :percentage="progress" :stroke-width="2"></el-progress>
+      <div class="file-name">{{ fileName }}</div>
+    </div>
+
+    <el-button type="primary" size="small" @click="triggerUpload" :disabled="uploading">
+      <i class="el-icon-upload"></i>
+      {{ $t('uploadVedio.uploadButton') }}
+    </el-button>
+    <input type="file" ref="fileInput" accept="video/*" style="display: none" @change="handleFileChange" />
+  </div>
+</template>
+
+<script>
+import { uploadVedio } from '@/api/fee/listApplyRoomDiscountRecordApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'UploadVedio',
+  data() {
+    return {
+      fileName: '',
+      realFileName: '',
+      progress: 0,
+      uploading: false
+    }
+  },
+  methods: {
+    triggerUpload() {
+      this.$refs.fileInput.click()
+    },
+    async handleFileChange(event) {
+      const file = event.target.files[0]
+      if (!file) return
+
+      if (file.size > 500 * 1024 * 1024) {
+        this.$message.error(this.$t('uploadVedio.sizeError'))
+        return
+      }
+
+      this.fileName = file.name
+      this.uploading = true
+      this.progress = 0
+
+      try {
+        const formData = new FormData()
+        formData.append('uploadFile', file)
+        formData.append('communityId', getCommunityId())
+
+        const res = await uploadVedio(formData, {
+          onUploadProgress: (progressEvent) => {
+            this.progress = Math.round((progressEvent.loaded * 90) / progressEvent.total)
+          }
+        })
+
+        if (res.realFileName) {
+          this.progress = 100
+          this.realFileName = res.realFileName
+          this.$message.success(this.$t('common.operationSuccess'))
+        }
+      } catch (error) {
+        this.$message.error(this.$t('uploadVedio.uploadFailed'))
+      } finally {
+        this.uploading = false
+        event.target.value = null
+      }
+    },
+    getVideoName() {
+      return this.realFileName
+    },
+    clear() {
+      this.fileName = ''
+      this.realFileName = ''
+      this.progress = 0
+      this.uploading = false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.upload-vedio-container {
+  .progress-container {
+    margin-bottom: 10px;
+
+    .file-name {
+      font-size: 12px;
+      color: #606266;
+      margin-top: 5px;
+      word-break: break-all;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/fee/owePayFeeOrderList.vue b/src/views/fee/owePayFeeOrderList.vue
index e2c2365..5c6db50 100644
--- a/src/views/fee/owePayFeeOrderList.vue
+++ b/src/views/fee/owePayFeeOrderList.vue
@@ -148,7 +148,7 @@ export default {
         payType: 'common',
         authCode: '',
         orderId: '',
-        printUrl: '/#/pages/fee/printPayFee',
+        printUrl: '/#/pages/property/printPayFee',
         detailIds: '',
         paymentPoolId: ''
       },
--
libgit2 0.21.4