From a81784463f06d04e3b94b6ae6b03f12927973808 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期四, 20 六月 2024 16:19:44 +0800
Subject: [PATCH] 申请记录页面
---
policy/reportDetails/reportDetails.vue | 109 +++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 103 insertions(+), 6 deletions(-)
diff --git a/policy/reportDetails/reportDetails.vue b/policy/reportDetails/reportDetails.vue
index 8183fd0..ad98574 100644
--- a/policy/reportDetails/reportDetails.vue
+++ b/policy/reportDetails/reportDetails.vue
@@ -1,6 +1,53 @@
<template>
- <view>
-
+ <view class="page-box">
+ <view class="box">
+ <view class="form">
+ <view class="form-item">
+ <view class="label">鎵ф硶涓婚</view>
+ <view class="input">24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="form-item">
+ <view class="label">鎵ф硶瀵硅薄</view>
+ <view class="input">24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="form-item">
+ <view class="label">鎵ф硶鏃堕棿</view>
+ <view class="input">24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="form-item">
+ <view class="label">鎵ф硶绫诲瀷</view>
+ <view class="input">24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="form-item">
+ <view class="label">鎵ф硶浜哄憳</view>
+ <view class="input">24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ <view class="form-item">
+ <view class="label">鎵ф硶閮ㄩ棬</view>
+ <view class="input">24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
+ </view>
+ </view>
+ </view>
+ <view class="box">
+ <view class="form-input">
+ <view class="form-input-item">
+ <view class="form-label require">鎵ф硶缁撴灉</view>
+ <u-textarea count v-model="form.reasoon" maxlength="500"></u-textarea>
+ </view>
+ <view class="form-input-item">
+ <view class="form-label require">鎵ф硶鐓х墖</view>
+ <view>
+ <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+ :maxCount="10"></u-upload>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="down">
+ <view class="button">
+ 涓婃姤璁板綍
+ </view>
+ </view>
</view>
</template>
@@ -8,15 +55,65 @@
export default {
data() {
return {
-
+ form: {
+ reasoon: ''
+ },
+ fileList1: []
}
},
methods: {
-
+ // 鍒犻櫎鍥剧墖
+ deletePic(event) {
+ this[`fileList${event.name}`].splice(event.index, 1)
+ },
+ // 鏂板鍥剧墖
+ async afterRead(event) {
+ // 褰撹缃� multiple 涓� true 鏃�, file 涓烘暟缁勬牸寮忥紝鍚﹀垯涓哄璞℃牸寮�
+ let lists = [].concat(event.file)
+ let fileListLen = this[`fileList${event.name}`].length
+ lists.map((item) => {
+ this[`fileList${event.name}`].push({
+ ...item,
+ status: 'uploading',
+ message: '涓婁紶涓�'
+ })
+ })
+ for (let i = 0; i < lists.length; i++) {
+ const result = await this.uploadFilePromise(lists[i].url)
+ let item = this[`fileList${event.name}`][fileListLen]
+ this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
+ status: 'success',
+ message: '',
+ url: result
+ }))
+ fileListLen++
+ }
+ },
+ uploadFilePromise(url) {
+ return new Promise((resolve, reject) => {
+ let a = uni.uploadFile({
+ url: 'http://192.168.2.21:7001/upload', // 浠呬负绀轰緥锛岄潪鐪熷疄鐨勬帴鍙ｅ湴鍧�
+ filePath: url,
+ name: 'file',
+ formData: {
+ user: 'test'
+ },
+ success: (res) => {
+ setTimeout(() => {
+ resolve(res.data.data)
+ }, 1000)
+ }
+ });
+ })
+ },
}
}
</script>
-
<style>
-
+ page {
+ background-color: #F4F4F4;
+ }
</style>
+<style lang="scss" scoped>
+ @import "./reportDetails.scss";
+</style>
\ No newline at end of file
--
Gitblit v1.9.1