v1.1

src/pages/resumeWorkForm/index.vue

@@ -1,7 +1,9 @@
 <template>
   <div>
+    <Image :src="headImg" width='100vw' />
     <h3>复工申请单</h3>
     <Form @submit="onSumbmit">
+      
       <CellGroup inset>
         <Field
           v-model="orgId"
@@ -38,9 +40,11 @@
           :rules="[{ required: true, message: '请选择抗原截图' }]"
         >
           <template #input>
+            <!-- deletable是否显示删除按钮 preview-full-image-->
             <Uploader
               v-model="antigenImage"
-              :max-count="1"
+              :max-count="1"        
+              :preview-size='40'      
               :after-read="antigenImageChange"
             />
           </template>
@@ -71,6 +75,7 @@
             <Uploader
               v-model="nucleicImage"
               :max-count="1"
+              :preview-size='40'
               :after-read="nucleicImageChange"
             />
           </template>
@@ -108,10 +113,11 @@
 <script setup>
 import { onMounted, reactive, ref } from 'vue';
 import { useRouter } from 'vue-router'
-import { Button, Form, Field, CellGroup, Uploader, RadioGroup, Radio, Switch, Popup, Picker, Toast } from 'vant';
+import { Button, Form, Field, CellGroup,Image, Uploader, RadioGroup, Radio, Switch, Popup, Picker, Toast } from 'vant';
 import { getOrgList } from '../../services/org'
 import { addResume } from '../../services/resume'
 import { upload } from '@/services/oss'
+import headImg from '../../assets/headImg.png'
 
 const orgId = ref('');
 const userName = ref('');
@@ -152,6 +158,7 @@ const antigenImageChange = (file) => {
     file.message = '上传失败请重试'
   })
 }
+
 const nucleicImageChange = (file) => {
   file.status = 'upLoading';
   file.message = '上传中';
@@ -191,4 +198,8 @@ h3 {
   font-weight: normal;
   text-align: center;
 }
+
+::v-deep .van-field__control--custom{
+  justify-content: end;
+}
 </style>

vite.config.js

@@ -25,5 +25,5 @@ export default defineConfig({
       resolves: [VantResolve()],
     }),
   ],
-  base:'./'
+  base:'./'//https://vitejs.cn/config/#base
 })