上传文件

frontEndMobile/package.json

@@ -23,6 +23,7 @@
     "pinia": "^2.1.7",
     "qs": "^6.13.0",
     "vant": "^4.9.8",
+    "vconsole": "^3.15.1",
     "vue": "^3.5.12",
     "vue-router": "^4.4.5",
     "vue3-hash-calendar": "^1.1.3"

frontEndMobile/src/api/http.ts

@@ -5,6 +5,7 @@ import router from '@/router';
 
 // 创建一个 Axios 实例
 const http: AxiosInstance = axios.create({
+  // baseURL: window.origin, // 替换为你的 API 基础 URL
   baseURL: 'http://127.0.0.1:3000', // 替换为你的 API 基础 URL
   timeout: 10000, // 请求超时时间
   headers: {

frontEndMobile/src/main.ts

@@ -7,12 +7,19 @@ import VueHashCalendar from 'vue3-hash-calendar';
 import 'vant/lib/index.css'
 import 'vue3-hash-calendar/es/index.css';
 
+import VConsole from 'vconsole';
+
 import { createPinia } from 'pinia'
 
 import {setupRouter} from './router'
 
 import { setupStore } from './store'
 
+const vConsole = new VConsole();
+// or init with options
+// const vConsole = new VConsole({ theme: 'dark' });
+vConsole.setSwitchPosition(20, 20);
+
 import './style.css'
 import App from './App.vue'
 

frontEndMobile/src/views/AddAccountLogPage.vue

@@ -63,12 +63,16 @@ const totalFee = ref(0)
 const message = ref('')
 
 const afterRead = async (file) => {
+  console.log(66, file);
+
   // 将文件上传至服务器
   let formData = new FormData()
   formData.append('sampleFile', file.file)
   const res = await uploadFile(formData)
   files.value.push({
-    url: `http://127.0.0.1:3000/api/v1/files/${res.file_id}`,
+    // url: window.origin + `/api/v1/files/${res.file_id}`,
+    url: file.objectUrl,
+    file_id: res.file_id,
     isImage: true
   })
 }
@@ -77,11 +81,18 @@ const newTime = ref(dayjs().format('YYYY-MM-DD'))
 const showCalendar = ref(false)
 
 const onConfirm = (date) => {
-  newTime.value = `${date.getMonth() + 1}/${date.getDate()}`
+  // newTime.value = `${date.getMonth() + 1}/${date.getDate()}`
+  newTime.value = dayjs(date).format('YYYY-MM-DD')
   showCalendar.value = false
 }
 const filesDelete = (file) => {
   files.value = files.value.filter((elm) => elm.url !== file.url)
 }
-const onSubmit = () => {}
+const onSubmit = () => {
+  // 金额
+  // 附件
+  // 时间
+  console.log(95, newTime.value);
+  // 留言
+}
 </script>

frontEndMobile/yarn.lock

@@ -19,6 +19,13 @@
   dependencies:
     "@babel/types" "^7.26.0"
 
+"@babel/runtime@^7.17.2":
+  version "7.26.0"
+  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.26.0.tgz#8600c2f595f277c60815256418b85356a65173c1"
+  integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/types@^7.26.0":
   version "7.26.0"
   resolved "https://registry.npmmirror.com/@babel/types/-/types-7.26.0.tgz#deabd08d6b753bc8e0f198f8709fb575e31774ff"
@@ -573,6 +580,16 @@ copy-anything@^2.0.1:
   dependencies:
     is-what "^3.14.1"
 
+copy-text-to-clipboard@^3.0.1:
+  version "3.2.0"
+  resolved "https://registry.npmmirror.com/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz#0202b2d9bdae30a49a53f898626dcc3b49ad960b"
+  integrity sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==
+
+core-js@^3.11.0:
+  version "3.39.0"
+  resolved "https://registry.npmmirror.com/core-js/-/core-js-3.39.0.tgz#57f7647f4d2d030c32a72ea23a0555b2eaa30f83"
+  integrity sha512-raM0ew0/jJUqkJ0E6e8UDtl+y/7ktFivgWvqw8dNSQeNWoSDLvQ1H/RN3aPXB9tBd4/FhyR4RDPGhsNIMsAn7g==
+
 csstype@^3.1.3:
   version "3.1.3"
   resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
@@ -871,6 +888,11 @@ muggle-string@^0.4.1:
   resolved "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.4.1.tgz#3b366bd43b32f809dc20659534dd30e7c8a0d328"
   integrity sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==
 
+mutation-observer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/mutation-observer/-/mutation-observer-1.0.3.tgz#42e9222b101bca82e5ba9d5a7acf4a14c0f263d0"
+  integrity sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA==
+
 nanoid@^3.3.7:
   version "3.3.7"
   resolved "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
@@ -976,6 +998,11 @@ readdirp@^4.0.1:
   resolved "https://registry.npmmirror.com/readdirp/-/readdirp-4.0.2.tgz#388fccb8b75665da3abffe2d8f8ed59fe74c230a"
   integrity sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==
 
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
 rollup@^4.20.0:
   version "4.25.0"
   resolved "https://registry.npmmirror.com/rollup/-/rollup-4.25.0.tgz#74dff4b5c2777dfc490f9711393925da50171787"
@@ -1270,6 +1297,16 @@ varint@^6.0.0:
   resolved "https://registry.npmmirror.com/varint/-/varint-6.0.0.tgz#9881eb0ce8feaea6512439d19ddf84bf551661d0"
   integrity sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==
 
+vconsole@^3.15.1:
+  version "3.15.1"
+  resolved "https://registry.npmmirror.com/vconsole/-/vconsole-3.15.1.tgz#569a8ab15f353259527bbcf004f02946b4482cff"
+  integrity sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==
+  dependencies:
+    "@babel/runtime" "^7.17.2"
+    copy-text-to-clipboard "^3.0.1"
+    core-js "^3.11.0"
+    mutation-observer "^1.0.3"
+
 vite@^5.4.10:
   version "5.4.10"
   resolved "https://registry.npmmirror.com/vite/-/vite-5.4.10.tgz#d358a7bd8beda6cf0f3b7a450a8c7693a4f80c18"