feat:增加账本图片预览

src/views/ledger/detail[id].vue

@@ -40,18 +40,26 @@
                   show-word-limit :maxlength="10"/>
       </el-form-item>
 
-      <el-form-item label="供应商" prop="provider">
+      <el-form-item label="供应商">
         <el-input v-model="ledgerStore.currentLedgerRecord.provider"
                   placeholder="请输入供应商" clearable
                   show-word-limit :maxlength="10"/>
       </el-form-item>
 
-      <el-form-item label="图片" prop="provider">
+      <el-form-item label="图片">
         <upload-image v-model="ledgerStore.currentLedgerRecord.imageUrl"
                       :image-limit="1"
                       :service-url="fileServiceUrl"
                       :service-file-root-path="serviceFileRootPath"
                       :image-path="ledgerStore.ledgerImagePath"/>
+
+        <el-image
+            v-if="ledgerStore.currentLedgerRecord.imageUrl"
+            :src="serviceFileRootPath + ledgerStore.currentLedgerRecord.imageUrl"
+            :preview-src-list="[serviceFileRootPath + ledgerStore.currentLedgerRecord.imageUrl]"
+            show-progress
+            fit="cover"
+        />
       </el-form-item>
 
       <el-form-item label="备注">

vite.config.ts

@@ -6,7 +6,7 @@ import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 import { viteMockServe } from 'vite-plugin-mock'
 
 // const API_HOST = '14.103.235.151'
-const API_HOST = '127.0.0.1'
+const API_HOST = '100.66.1.3'
 
 // https://vitejs.dev/config/
 export default defineConfig({