李志伟 3 年 前
コミット
c34436fad0
共有1 個のファイルを変更した22 個の追加4 個の削除を含む
  1. 22
    4
      src/pages/resumeWorkForm/index.vue

+ 22
- 4
src/pages/resumeWorkForm/index.vue ファイルの表示

1
 <template>
1
 <template>
2
-  <div style="padding-bottom:32px">
2
+  <div style="padding-bottom: 32px">
3
     <Image :src="headImg" width="100vw" />
3
     <Image :src="headImg" width="100vw" />
4
     <h3>复工申请单</h3>
4
     <h3>复工申请单</h3>
5
     <Form @submit="onSumbmit">
5
     <Form @submit="onSumbmit">
41
         >
41
         >
42
           <template #input>
42
           <template #input>
43
             <Uploader
43
             <Uploader
44
+              result-type="file"
44
               v-model="antigenImage"
45
               v-model="antigenImage"
45
               :preview-size="40"
46
               :preview-size="40"
46
               :after-read="antigenImageChange"
47
               :after-read="antigenImageChange"
84
         >
85
         >
85
           <template #input>
86
           <template #input>
86
             <Uploader
87
             <Uploader
88
+              result-type="file"
87
               v-model="nucleicImage"
89
               v-model="nucleicImage"
88
               :preview-size="40"
90
               :preview-size="40"
89
               :after-read="nucleicImageChange"
91
               :after-read="nucleicImageChange"
135
 <script setup>
137
 <script setup>
136
 import { onMounted, reactive, ref } from 'vue';
138
 import { onMounted, reactive, ref } from 'vue';
137
 import { useRouter } from 'vue-router'
139
 import { useRouter } from 'vue-router'
138
-import { Button, Form, Field, CellGroup, Image, Uploader, RadioGroup, Radio, Switch, Popup, Picker, Toast } from 'vant';
140
+import { Button, Form, Field, CellGroup, Image, Uploader, RadioGroup, Radio, Switch, Popup, Picker, Loading, Toast } from 'vant';
139
 import { getOrgList } from '@/services/org'
141
 import { getOrgList } from '@/services/org'
140
 import { addResume } from '@/services/resume'
142
 import { addResume } from '@/services/resume'
141
 import { upload } from '@/services/oss'
143
 import { upload } from '@/services/oss'
173
 const antigenImageChange = (file) => {
175
 const antigenImageChange = (file) => {
174
   file.status = 'upLoading';
176
   file.status = 'upLoading';
175
   file.message = '上传中';
177
   file.message = '上传中';
178
+  Toast.loading({
179
+    message: '加载中...',
180
+    forbidClick: true,
181
+    loadingType: 'spinner',
182
+    duration:9000
183
+  });
176
   upload(file.file).then(
184
   upload(file.file).then(
177
     (url) => {
185
     (url) => {
178
       file.status = 'done';
186
       file.status = 'done';
179
       antigenImageurl.value = url;
187
       antigenImageurl.value = url;
188
+      Toast.clear();
180
     }
189
     }
181
   ).catch(err => {
190
   ).catch(err => {
182
     file.stetus = 'failed';
191
     file.stetus = 'failed';
183
-    file.message = '上传失败请重试'
192
+    file.message = '上传失败请重试';
193
+    Toast.clear();
184
   })
194
   })
185
 }
195
 }
186
 
196
 
187
 const nucleicImageChange = (file) => {
197
 const nucleicImageChange = (file) => {
188
   file.status = 'upLoading';
198
   file.status = 'upLoading';
189
   file.message = '上传中';
199
   file.message = '上传中';
200
+   Toast.loading({
201
+    message: '加载中...',
202
+    forbidClick: true,
203
+    loadingType: 'spinner',
204
+    duration:9000
205
+  });
190
   upload(file.file).then(
206
   upload(file.file).then(
191
     (url) => {
207
     (url) => {
192
       file.status = 'done';
208
       file.status = 'done';
193
       nucleicimageurl.value = url;
209
       nucleicimageurl.value = url;
210
+      Toast.clear();
194
     }
211
     }
195
   ).catch(err => {
212
   ).catch(err => {
196
     file.stetus = 'failed';
213
     file.stetus = 'failed';
197
-    file.message = '上传失败请重试'
214
+    file.message = '上传失败请重试';
215
+    Toast.clear();
198
   })
216
   })
199
 }
217
 }
200
 const onConfirm = (value) => {
218
 const onConfirm = (value) => {