From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
h5/pages/staff/snapshot.vue | 211 +++++++++++++++++++++++++++++++++++-----------------
1 files changed, 142 insertions(+), 69 deletions(-)
diff --git a/h5/pages/staff/snapshot.vue b/h5/pages/staff/snapshot.vue
index 9b8a315..b0677bc 100644
--- a/h5/pages/staff/snapshot.vue
+++ b/h5/pages/staff/snapshot.vue
@@ -19,7 +19,7 @@
<view class="line">
<view class="label">
<text>*</text>
- <text>鎺ュ彈浜�</text>
+ <text>鎺ユ敹浜�</text>
</view>
<view class="value" @click="selMember">
<text
@@ -48,30 +48,48 @@
<view class="upload_line">
<view class="name">鐜板満鎯呭喌</view>
<view class="wrap">
- <view class="adduser_list_item_ipt1_upload" @click="showUpload = true"
- ><u-icon name="plus" color="rgb(153, 153, 153)" size="28"></u-icon
- ></view>
+ <view
+ class="adduser_list_item_ipt1_upload"
+ @click="showUpload = true"
+ >
+ <u-icon name="plus" color="rgb(153, 153, 153)" size="20"></u-icon>
+ <view class="mt6">鍥剧墖/瑙嗛</view>
+ </view>
<view
class="adduser_list_item_ipt1_upload"
v-for="(item, i) in submitFileList"
:key="i"
- ><image :src="item.fileurlFull" mode="widthFix"></image
+ >
+ <u-icon
+ class="close"
+ size="20"
+ name="close-circle-fill"
+ color="red"
+ @click="fileDel(i)"
+ ></u-icon>
+ <image
+ v-if="item.type == 0"
+ :src="item.fileurlFull"
+ mode="widthFix"
+ ></image
+ ><video v-if="item.type == 1" :src="item.fileurlFull"></video
></view>
</view>
</view>
<view class="empty"></view>
- <view class="upload_line" style="padding: 15px 0 0;">
- <view class="name" style="margin-bottom: 10rpx;">
- <text style="color: #e42d2d;">*</text>
+ <view class="upload_line" style="padding: 15px 0 0">
+ <view class="name" style="margin-bottom: 10rpx">
+ <text style="color: #e42d2d">*</text>
<text>鎯呭喌璇存槑</text>
</view>
- <view class="value"
- ><textarea
+ <view class="value">
+ <textarea
placeholder="璇疯缁嗘弿杩扮幇鍦烘儏鍐碉紝涓嶅皯浜�10涓瓧"
minlength="10"
v-model="param.content"
placeholder-style="color: #999999;"
- /></view>
+ />
+ </view>
</view>
<view class="empty"></view>
<view class="line">
@@ -184,17 +202,19 @@
}
},
onLoad(option) {
- if (option && option.id) {
- this.$set(this.param, 'checkUserId', option.id)
- this.$set(this.param, 'applyCheckUserId', option.id)
- this.$set(this.param, 'checkorName', option.name)
- }
this.initConfig()
const userInfo = uni.getStorageSync('userInfo') || {}
this.$set(this.param, 'memberName', userInfo.realname)
this.$set(this.param, 'memberPhone', userInfo.mobile)
this.$set(this.param, 'memberId', userInfo.id)
this.$set(this.param, 'submitTime', dayjs().format('YYYY-MM-DD HH:mm:ss'))
+ },
+ mounted() {
+ this.$eventBus.$on('snapshotSel', (option) => {
+ this.$set(this.param, 'checkUserId', option.id)
+ this.$set(this.param, 'applyCheckUserId', option.id)
+ this.$set(this.param, 'checkorName', option.name)
+ })
},
methods: {
onSubmit() {
@@ -204,11 +224,19 @@
icon: 'none'
})
if (!param.applyCheckUserId) return uni.showToast({
- title: '璇烽�夋嫨鎺ュ彈浜�',
+ title: '璇烽�夋嫨鎺ユ敹浜�',
icon: 'none'
})
if (!param.categoryName) return uni.showToast({
title: '璇烽�夋嫨闅愭偅绫诲瀷',
+ icon: 'none'
+ })
+ if (!param.content) return uni.showToast({
+ title: '璇疯緭鍏ユ儏鍐佃鏄�',
+ icon: 'none'
+ })
+ if (param.content.length < 10) return uni.showToast({
+ title: '鎯呭喌璇存槑涓嶅緱灏忎簬10涓瓧',
icon: 'none'
})
@@ -226,6 +254,15 @@
this.$set(this.param, 'areaId', item.id)
this.$set(this.param, 'areaName', item.name)
console.log(item)
+ if (item.memberIds && item.memberIds.indexOf(',') === -1) {
+ this.$set(this.param, 'checkUserId', item.memberIds)
+ this.$set(this.param, 'applyCheckUserId', item.memberIds)
+ this.$set(this.param, 'checkorName', item.memberNames)
+ } else {
+ this.$set(this.param, 'checkUserId', '')
+ this.$set(this.param, 'applyCheckUserId', '')
+ this.$set(this.param, 'checkorName', '')
+ }
this.isShowArea = false
},
seletedType(e) {
@@ -251,75 +288,99 @@
})
},
selMember() {
- uni.navigateTo({
- url: '/pages/staff/memberSel'
+ if (!this.param.areaId) return uni.showToast({
+ title: '璇峰厛閫夋嫨闅愭偅鍖哄煙',
+ icon: 'none'
})
+ uni.navigateTo({
+ url: '/pages/staff/memberSel?areaId=' + this.param.areaId
+ })
+ },
+ fileDel(i) {
+ this.submitFileList.splice(i, 1)
},
uploadImage() {
this.showUpload = false
+ let token = uni.getStorageSync('token') || ''
uni.chooseImage({
- count: 6,
+ count: 4,
success: (chooseImageRes) => {
- console.log('chooseImageRes.tempFilePaths', chooseImageRes.tempFilePaths)
uni.showLoading({ title: '涓婁紶涓�', mask: true })
- for (let i = 0; i < chooseImageRes.tempFilePaths.length; i++) {
- uni.uploadFile({
- url: `${uploadUrl}`,
- filePath: chooseImageRes.tempFilePaths[i],
+ const tempFilePaths = chooseImageRes.tempFilePaths
+ let imgs = tempFilePaths.map((value, index) => {
+ return {
name: 'file',
- formData: {
- folderCode: 'HIDDEN_DANGER_FILE'
- },
- success: (uploadFileRes) => {
- let res = JSON.parse(uploadFileRes.data)
- console.log('res', res)
- let obj = {
- type: '0'
- }
- obj.fileurl = res.data.halfPath
- obj.fileurlFull = res.data.addr
- this.submitFileList.push(obj)
- },
- complete() {
- if (i === chooseImageRes.tempFilePaths.length - 1) {
- uni.hideLoading()
- }
+ uri: value
+ }
+ })
+ uni.uploadFile({
+ url: `${uploadUrl}`,
+ files: imgs,
+ name: 'file',
+ formData: {
+ folder: 'HIDDEN_DANGER_FILE'
+ },
+ header: {
+ Dm_user_token: token
+ },
+ success: (uploadFileRes) => {
+ let res = JSON.parse(uploadFileRes.data)
+ console.log('res', res.data)
+ if (res.data && res.data.length > 0) {
+ res.data.forEach(i => {
+ i.type = 0
+ i.fileurl = i.imgaddr
+ i.fileurlFull = i.url
+ this.submitFileList.push(i)
+ })
}
- })
- }
+ },
+ fail(err) {
+ console.log('err', err)
+ },
+ complete() {
+ uni.hideLoading()
+ // if (i === chooseImageRes.tempFilePaths.length - 1) {
+ // uni.hideLoading()
+ // }
+ }
+ })
+ // }
}
})
},
uploadVideo() {
this.showUpload = false
let that = this
+ let token = uni.getStorageSync('token') || ''
uni.chooseVideo({
success: (chooseImageRes) => {
uni.showLoading({ title: '涓婁紶涓�', mask: true })
- for (let i = 0; i < chooseImageRes.tempFilePaths.length; i++) {
- uni.uploadFile({
- url: `${uploadUrl}`,
- filePath: chooseImageRes.tempFilePaths[i],
- name: 'file',
- formData: {
- folderCode: 'HIDDEN_DANGER_FILE'
- },
- success: (uploadFileRes) => {
- let res = JSON.parse(uploadFileRes.data)
- console.log('uploadFileRes', res)
- let obj = { type: '1' }
- obj.fileurl = res.data.halfPath
- obj.fileurlFull = res.data.addr
- that.submitFileList.push(obj)
- console.log(that.submitFileList)
- },
- complete() {
- if (i === chooseImageRes.tempFilePaths.length - 1) {
- uni.hideLoading()
- }
+ uni.uploadFile({
+ url: `${uploadUrl}`,
+ filePath: chooseImageRes.tempFilePath,
+ header: {
+ Dm_user_token: token
+ },
+ name: 'file',
+ formData: {
+ folder: 'HIDDEN_DANGER_FILE'
+ },
+ success: (uploadFileRes) => {
+ let res = JSON.parse(uploadFileRes.data)
+ if (res.data && res.data.length > 0) {
+ res.data.forEach(i => {
+ i.type = 1
+ i.fileurl = i.imgaddr
+ i.fileurlFull = i.url
+ this.submitFileList.push(i)
+ })
}
- })
- }
+ },
+ complete() {
+ uni.hideLoading()
+ }
+ })
}
})
},
@@ -331,6 +392,7 @@
<style lang="scss">
.main_wrap {
+ padding-bottom: 200rpx;
.line {
display: flex;
justify-content: space-between;
@@ -366,7 +428,7 @@
}
.upload_line {
padding: 30rpx 0;
- .wrap{
+ .wrap {
display: flex;
flex-wrap: wrap;
}
@@ -380,13 +442,24 @@
color: #666666;
font-size: 22rpx;
display: flex;
+ flex-direction: column;
align-items: center;
justify-content: center;
- overflow: hidden;
+ position: relative;
+ .close {
+ position: absolute;
+ right: -20rpx;
+ top: -20rpx;
+ z-index: 9999;
+ }
image {
width: 100%;
height: 100%;
}
+ video {
+ width: 100%;
+ max-height: 120rpx;
+ }
}
}
}
--
Gitblit v1.9.3