v1.1

jsconfig.json

@@ -4,6 +4,8 @@
     "paths": {
       "@/assets": ["src/assets"],
       "@/components": ["src/components"],
+      "@/services": ["src/services"],
+      "@/utils": ["src/utils"],
     }
   },
   "exclude": ["node_modules", "dist"]

src/pages/resumeWorkForm/index.vue

@@ -1,9 +1,8 @@
 <template>
   <div>
-    <Image :src="headImg" width='100vw' />
+    <Image :src="headImg" width="100vw" />
     <h3>复工申请单</h3>
     <Form @submit="onSumbmit">
-      
       <CellGroup inset>
         <Field
           v-model="orgId"
@@ -40,13 +39,20 @@
           :rules="[{ required: true, message: '请选择抗原截图' }]"
         >
           <template #input>
-            <!-- deletable是否显示删除按钮 preview-full-image-->
             <Uploader
               v-model="antigenImage"
-              :max-count="1"        
               :preview-size='40'      
               :after-read="antigenImageChange"
-            />
+              :preview-image="false"
+            >
+            <i v-if="!antigenImageurl" class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon"></i>
+            <Image
+                v-else
+                :src="antigenImageurl"
+                width="40px"
+                height="40px"
+              />              
+            </Uploader>
           </template>
         </Field>
         <Field
@@ -64,7 +70,7 @@
         </Field>
       </CellGroup>
       <!-- <v-spacer /> -->
-      <CellGroup inset title="核酸">
+      <CellGroup inset title="核酸">        
         <Field
           name="nucleicImage"
           label="截图"
@@ -74,10 +80,18 @@
           <template #input>
             <Uploader
               v-model="nucleicImage"
-              :max-count="1"
-              :preview-size='40'
+              :preview-size="40"
               :after-read="nucleicImageChange"
-            />
+              :preview-image="false"
+            >
+            <i v-if="!nucleicimageurl" class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon"></i>
+            <Image
+                v-else
+                :src="nucleicimageurl"
+                width="40px"
+                height="40px"
+              />
+            </Uploader>
           </template>
         </Field>
         <Field
@@ -113,28 +127,32 @@
 <script setup>
 import { onMounted, reactive, ref } from 'vue';
 import { useRouter } from 'vue-router'
-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 { 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'
+import headImg from '@/assets/headImg.png'
+
+const fileList = ref();
 
 const orgId = ref('');
 const userName = ref('');
 const antigenImage = ref();
-let antigenImageurl = ''
+const antigenImageurl = ref();
 const antigenIsNormal = ref('');
 const nucleicImage = ref();
-let nucleicimageurl = ''
+const nucleicimageurl = ref();
 const nucleicIsNormal = ref('');
 const showPicker = ref(false);
 let columns = ref([]);
 let orgList = ref([]);
 let loading = ref(false);
 
+
 const router = useRouter()
 
 onMounted(() => {
+  console.log(antigenImageurl);
   getOrgList({ pageSize: 500 }).then((res) => {
     orgList.value = res.records;
     columns.value = res.records.map(item => item.orgName);
@@ -151,7 +169,7 @@ const antigenImageChange = (file) => {
   upload(file.file).then(
     (url) => {
       file.status = 'done';
-      antigenImageurl = url;
+      antigenImageurl.value = url;
     }
   ).catch(err => {
     file.stetus = 'failed';
@@ -165,7 +183,7 @@ const nucleicImageChange = (file) => {
   upload(file.file).then(
     (url) => {
       file.status = 'done';
-      nucleicimageurl = url;
+      nucleicimageurl.value = url;
     }
   ).catch(err => {
     file.stetus = 'failed';
@@ -179,7 +197,7 @@ const onConfirm = (value) => {
 const onSumbmit = (values) => {
   let orgid = orgList.value.filter(item => item.orgName = values.orgId)[0].orgId;
   loading.value = true;
-  addResume({ ...values, orgId: orgid, antigenImage: antigenImageurl, nucleicImage: nucleicimageurl }).then(res => {
+  addResume({ ...values, orgId: orgid, antigenImage: antigenImageurl.value, nucleicImage: nucleicimageurl.value }).then(res => {
     router.replace({
       path: '/result'
     })
@@ -199,7 +217,7 @@ h3 {
   text-align: center;
 }
 
-::v-deep .van-field__control--custom{
+::v-deep .van-field__control--custom {
   justify-content: end;
 }
 </style>