请假附件上传

src/pages/humanResources/absence/apply.vue

@@ -15,9 +15,9 @@
 		</wd-navbar>
 		<wd-form ref="form" :model="model">
 			<wd-cell-group border>
-				<wd-input label="职工姓名" prop="username" v-model="userStore.userInfo.realname" readonly
+				<!-- 				<wd-input label="职工姓名" prop="username" v-model="userStore.userInfo.realname" readonly
 					:rules="[{ required: true, message: '请输入职工姓名' }]" />
-				<wd-input label="工作单位" prop="department" v-model="model.department" readonly
+				<wd-input label="工作单位" prop="sysOrgCode" v-model="userStore.userInfo.department" readonly
 					:rules="[{ required: true, message: '请输入工作单位' }]" />
 				<wd-input label="联系方式" prop="phone" v-model="model.phone" readonly
 					:rules="[{ required: true, message: '请输入联系方式' }]" />
@@ -36,17 +36,23 @@
 				<wd-input label="目的地" prop="destination" v-model="model.destination"
 					:rules="[{ required: true, message: '请输入目的地' }]" />
 				<wd-input label="请假事由" prop="reason" v-model="model.reason"
-					:rules="[{ required: true, message: '请输入请假事由' }]" />
+					:rules="[{ required: true, message: '请输入请假事由' }]" /> -->
+				<wd-cell title="附件" title-width="100px" prop="path">
+					<wd-upload v-model:file-list="model.path" :action="uploadUrl" multiple></wd-upload>
+				</wd-cell>
 			</wd-cell-group>
 			<view class="footer">
 				<wd-button type="primary" size="large" @click="handleSubmit" block>提交</wd-button>
 			</view>
 		</wd-form>
+		<wd-message-box />
 	</view>
-
 </template>
 
 <script setup>
+	import {
+		useMessage
+	} from 'wot-design-uni'
 	import {
 		useAppStore
 	} from '@/store';
@@ -64,13 +70,17 @@
 	import {
 		queryPostByUserIdApi
 	} from '@/api/system/user'
+	import {
+		getEnvBaseUrl
+	} from '@/utils/index'
 
+	const message = useMessage()
 	const appStore = useAppStore();
 	const userStore = useUserStore();
 	const model = reactive({
 		contractNumber: userStore.userInfo.workNo,
+		sysOrgCode: userStore.userInfo.orgCode,
 		username: userStore.userInfo.username,
-		department: userStore.userInfo.department,
 		phone: userStore.userInfo.phone,
 		type: [], //用[]、0无法正常被验证  就是不选请假类型时也能通过表单验证 所以在form中使用自定义验证
 		begintime: null,
@@ -79,6 +89,7 @@
 		departure: appStore.location,
 		destination: '',
 		reason: '',
+		path: []
 	})
 	const form = ref()
 	const data = ref([])
@@ -92,7 +103,8 @@
 	const minEndtime = ref(0)
 	/**返回的最新一条请假结束时间*/
 	const resDate = ref('')
-	/**返回的最新一条请假结束时间*/
+	const uploadUrl = ref(getEnvBaseUrl() + '/sys/common/upload?appPath=职工请假/' + userStore.userInfo.department + '/' +
+		userStore.userInfo.realname)
 	const handleClickLeft = () => {
 		uni.navigateBack();
 	};
@@ -150,20 +162,30 @@
 			errors
 		}) => {
 			if (valid) {
+				console.log('---1', model)
 				const submitData = {
 					...model,
 					type: model.type[model.type.length - 1], // 取最后一级
 					begintime: formatDate(model.begintime),
 					endtime: formatDate(model.endtime),
-					zwmc: zwmc.value
+					zwmc: zwmc.value,
+					path: model.path.map(item => {
+						const response = JSON.parse(item.response);
+						return response.message;
+					}).join(',')
 				}
-				addApi(submitData).then(res => {
-					console.log('----', res)
-				})
-				// uni.showToast({
-				// 	title: '成功',
-				// 	icon: 'success'
-				// })
+				console.log('---2', submitData)
+				message
+					.confirm({
+						msg: '确认提交请假申请？',
+						title: '提示',
+					})
+					.then(() => {
+						addApi(submitData).then(res => {
+							console.log('----', res.message)
+						})
+					})
+					.catch(() => {})
 			}
 		})
 	}
@@ -239,10 +261,8 @@
 						ifOk.value = true;
 					}
 				}
-
 				resDate.value = res.resumptiontime ? dateStringToTimestamp(res.resumptiontime) :
 					res.endtime ? dateStringToTimestamp(res.endtime, 1) : null
-				console.log('---', resDate.value)
 				queryMinDate();
 			});
 		})