From b6d0ad0e7e57a77d1983009494b09aa1da5fbfc4 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 12 十二月 2024 16:03:26 +0800
Subject: [PATCH] ll
---
h5/pages/staff/snapshot.vue | 101 ++++++++++++++++++++++++++------------------------
1 files changed, 52 insertions(+), 49 deletions(-)
diff --git a/h5/pages/staff/snapshot.vue b/h5/pages/staff/snapshot.vue
index 4d14c15..8c9b8e2 100644
--- a/h5/pages/staff/snapshot.vue
+++ b/h5/pages/staff/snapshot.vue
@@ -1,17 +1,17 @@
<template>
<view class="main_app">
<view class="main_wrap">
- <!-- -->
- <view class="line">
- <view class="label">
- <text>*</text>
- <text>璐ｄ换閮ㄩ棬</text>
- </view>
- <view class="value" @click="isShowCompany = true">
- <text class="mr6"
- :style="{ color: param.companyName ? '#000000' : '#999999' }">{{ param.companyName ? param.companyName : "璇烽�夋嫨" }}</text>
- <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
- </view>
+ <!-- -->
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>璐ｄ换閮ㄩ棬</text>
+ </view>
+ <view class="value" @click="isShowCompany = true">
+ <text class="mr6"
+ :style="{ color: param.companyName ? '#000000' : '#999999' }">{{ param.companyName ? param.companyName : "璇烽�夋嫨" }}</text>
+ <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
+ </view>
</view>
<view class="line">
<view class="label">
@@ -56,8 +56,9 @@
</view>
<view class="adduser_list_item_ipt1_upload" v-for="(item, i) in submitFileList" :key="i">
<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>
+ <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>
+ <video v-if="item.type == 1"
+ :src="item.fileurlFull" :controls="false" :show-center-play-btn="false"></video>
</view>
</view>
</view>
@@ -105,8 +106,8 @@
<view class="footer_btn" @click="onSubmit">鎻愪氦</view>
</view>
</view>
- <!-- -->
- <u-picker keyName="name" :show="isShowCompany" closeOnClickOverlay :columns="deptList" @confirm="seletedCompany"
+ <!-- -->
+ <u-picker keyName="name" :show="isShowCompany" closeOnClickOverlay :columns="deptList" @confirm="seletedCompany"
@close="isShowCompany = false" @cancel="isShowCompany = false"></u-picker>
<!-- 鍖哄煙 -->
<u-picker keyName="name" :show="isShowArea" closeOnClickOverlay :columns="areaOptions" @confirm="seletedArea"
@@ -130,7 +131,7 @@
import {
uploadUrl,
DangerCreate,
- DangerConfigType,
+ DangerConfigType,
deptListPost
} from '@/api'
import dayjs from 'dayjs'
@@ -140,13 +141,13 @@
param: {},
submitFileList: [],
- isShowCompany: false,
+ isShowCompany: false,
isShowArea: false,
isShowType: false,
isShowTime: false,
showUpload: false,
- deptList: [],
+ deptList: [],
areaOptions: [],
areaType: [],
}
@@ -171,10 +172,10 @@
const {
param,
submitFileList
- } = this
- if (!param.companyName) return uni.showToast({
- title: '璇烽�夋嫨璐ｄ换閮ㄩ棬',
- icon: 'none'
+ } = this
+ if (!param.companyName) return uni.showToast({
+ title: '璇烽�夋嫨璐ｄ换閮ㄩ棬',
+ icon: 'none'
})
if (!param.areaName) return uni.showToast({
title: '璇烽�夋嫨闅愭偅鍖哄煙',
@@ -205,20 +206,20 @@
this.$jump('/pages/staff/snapshotResult')
}
})
- },
- seletedCompany(e) {
- const item = e.value[0]
- this.$set(this.param, 'companyId', item.id)
- this.$set(this.param, 'companyName', item.name)
- this.$set(this.param, 'areaId', '')
- this.$set(this.param, 'areaName', '')
- DangerConfigType({
- type: '0',
- companyId: item.id
- }).then(res => {
- this.areaOptions = [res.data]
- })
- this.isShowCompany = false
+ },
+ seletedCompany(e) {
+ const item = e.value[0]
+ this.$set(this.param, 'companyId', item.id)
+ this.$set(this.param, 'companyName', item.name)
+ this.$set(this.param, 'areaId', '')
+ this.$set(this.param, 'areaName', '')
+ DangerConfigType({
+ type: '0',
+ companyId: item.id
+ }).then(res => {
+ this.areaOptions = [res.data]
+ })
+ this.isShowCompany = false
},
seletedArea(e) {
const item = e.value[0]
@@ -250,9 +251,9 @@
this.$set(this.param, 'submitTime', dayjs(e.value).format('YYYY-MM-DD HH:mm:ss'))
this.isShowTime = false
},
- initConfig() {
- deptListPost({}).then(res => {
- this.deptList = [res.data]
+ initConfig() {
+ deptListPost({queryHiddenDanger: 1}).then(res => {
+ this.deptList = [res.data]
})
DangerConfigType({
type: '1'
@@ -281,7 +282,7 @@
this.showUpload = false
let token = uni.getStorageSync('token') || ''
uni.chooseImage({
- count: 4,
+ count: 9,
success: (chooseImageRes) => {
uni.showLoading({
title: '涓婁紶涓�',
@@ -376,7 +377,6 @@
<style lang="scss">
.main_wrap {
- padding-bottom: 200rpx;
.line {
display: flex;
@@ -426,9 +426,9 @@
.adduser_list_item_ipt1_upload {
margin-top: 24rpx;
- width: 120rpx;
- height: 120rpx;
- margin-right: 24rpx;
+ width: 156rpx;
+ height: 156rpx;
+ margin-right: 20rpx;
border: 2rpx solid #e5e5e5;
background: #f7f7f7;
color: #666666;
@@ -438,7 +438,9 @@
align-items: center;
justify-content: center;
position: relative;
-
+ &:nth-of-type(4n){
+ margin-right: 0;
+ }
.close {
position: absolute;
right: -20rpx;
@@ -453,7 +455,7 @@
video {
width: 100%;
- max-height: 120rpx;
+ max-height: 156rpx;
}
}
}
@@ -472,11 +474,12 @@
.footer {
width: 100%;
padding: 0 30rpx;
+ margin-top: 80rpx;
padding-bottom: env(safe-area-inset-bottom);
box-sizing: border-box;
- position: fixed;
- left: 0;
- bottom: 68rpx;
+ // position: fixed;
+ // left: 0;
+ // bottom: 68rpx;
.footer_btn {
width: 100%;
--
Gitblit v1.9.3