productDev/dmvisit.git

			@@ -1,5 +1,5 @@
			<template>
			<view class="main_app">
			<view class="main_app" :style="{height: windowHeight + 'px'}">
			<view class="status_wrap">
			<view class="name">{{ info.categoryName }}</view>
			<view v-if="info.status == '0'" class="status">{{ statusMap[info.status] }}</view>
			@@ -98,7 +98,7 @@
			</view>
			<view class="line">
			<view class="company">
			{{ item.createUserName }} {{ item.companyName }}
			{{ item.createUserName }}
			<view style="display: inline" v-if="index == flowList.length - 1">
			（
			<span v-if="info.status == 1">已同意</span>
			@@ -113,10 +113,12 @@
			</view>
			</view>
			</view>
			<view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" style="height: 90rpx;"></view>
			<view class="emyty"></view>
			<view class="main_footer" v-if="info.status == 0 && info.checkUserId == userInfo.memberId">
			<view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" class="btn" @click="handleBack">退回</view>
			<view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" class="btn transfer" @click="handleTransfer">
			<view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" class="btn transfer"
			@click="handleTransfer">
			转交</view>
			<view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" class="btn handle" @click="handleOpen">处理
			</view>
			@@ -254,22 +256,21 @@
			</u-popup>
			<!-- 转交 -->
			<u-popup :show="isShowTransfer" :round="10" safeAreaInsetBottom mode="bottom" @close="isShowTransfer = false">
			<view class="appr_modal">
			<view class="appr_modal" :style="{height: (windowHeight - 120) + 'px'}">
			<view class="title">选择员工</view>
			<view class="search_inp df_ac">
			<image class="mr12 search" src="@/static/ic_search@2x.png" mode="widthFix"></image>
			<input v-model="transferModel.name" @blur="getMemList()" type="text" placeholder="搜索部门/人员"
			placeholder-style="color: #999999;" />
			<input v-model="transferModel.queryParam" @focus="showKeyboard = true" @blur="showKeyboard = false"
			@confirm="getMemList()" type="text" placeholder="搜索人员姓名" placeholder-style="color: #999999;" />
			</view>
			<view class="member_list">
			<view class="mt24 placeholder6">共{{ memberList.length }}条数据</view>
			<view class="mt24 placeholder6">共{{ memberList.length }}条数据</view>
			<view class="member_list" :style="{height: (windowHeight - 320) + 'px'}">
			<view v-for="item in memberList" :key="item.id" class="line">
			<image v-if="item.faceImgFull" :src="item.faceImgFull" class="avatar"></image>
			<span v-else class="img_name">{{ item.name && item.name.slice(0, 1) }}</span>
			<image v-if="item.faceImg" :src="item.faceImg" class="avatar"></image>
			<span v-else class="img_name">{{ item.realname && item.realname.slice(0, 1) }}</span>
			<view class="content">
			<view class="info">
			<text class="name">{{ item.name }}</text>
			<!-- <text class="tag">tag</text> -->
			<text class="name">{{ item.realname }}</text>
			</view>
			<view class="depart">{{ item.companyName }}</view>
			</view>
			@@ -281,7 +282,7 @@
			<view class="empty"></view>
			</view>
			<view class="Transfer_footer">
			<view class="btn" @click="isShowTransfer = fales">取消</view>
			<view class="btn" @click="isShowTransfer = false">取消</view>
			<view class="btn active" @click="enterTransfer">确认转交</view>
			</view>
			</view>
			@@ -304,956 +305,688 @@
			</template>

			<script>
			import {
			hiddenDangerDetail,
			uploadUrl,
			findHiddenAreaMemberList,
			dealHiddenDanger,
			transferHiddenDanger,
			findListFlowDanger
			} from '@/api'
			import dayjs from 'dayjs'
			export default {
			data() {
			return {
			isShowBack: false,
			param: {},
			info: {},
			userInfo: this.$store.state.userInfo,
			flowList: [],
			import {
			hiddenDangerDetail,
			uploadUrl,
			userPagePost,
			dealHiddenDanger,
			transferHiddenDanger,
			findListFlowDanger
			} from '@/api'
			import dayjs from 'dayjs'
			export default {
			data() {
			return {
			isShowBack: false,
			param: {},
			info: {},
			userInfo: this.$store.state.userInfo,
			flowList: [],

			id: '',
			type: '',
			cateList: [{
			name: '访客申请',
			id: 0
			}, {
			name: '访客报备',
			id: 1
			}, {
			name: '用车申请',
			id: 2
			}, {
			name: '隐患随手拍',
			id: 3
			}, {
			name: '物流车申请',
			id: 4
			}],
			statusMap: {
			0: '待处理',
			1: '已整改',
			2: '已退回',
			3: '已拒绝',
			4: '已取消',
			5: '他人或签',
			6: '他人拒绝'
			},
			id: '',
			type: '',
			windowHeight: '',
			cateList: [{
			name: '访客申请',
			id: 0
			}, {
			name: '访客报备',
			id: 1
			}, {
			name: '用车申请',
			id: 2
			}, {
			name: '隐患随手拍',
			id: 3
			}, {
			name: '物流车申请',
			id: 4
			}],
			statusMap: {
			0: '待处理',
			1: '已整改',
			2: '已退回',
			3: '已拒绝',
			4: '已取消',
			5: '他人或签',
			6: '他人拒绝'
			},

			showUpload: false,
			isShowBackDate: false,
			submitFileList: [],
			backParam: {},
			showUpload: false,
			isShowBackDate: false,
			submitFileList: [],
			backParam: {},

			isShowHandle: false,
			handleParam: {},
			isShowHandleDate: false,
			showUploadBe: false,
			showUploadAf: false,
			dealBeforeFileList: [],
			dealAfterFileList: [],
			isShowHandle: false,
			handleParam: {},
			isShowHandleDate: false,
			showUploadBe: false,
			showUploadAf: false,
			dealBeforeFileList: [],
			dealAfterFileList: [],

			isShowTransfer: false,
			transferParam: {},
			transferModel: {},
			pagination: {
			page: 1,
			capacity: 50
			},
			memberList: [],
			isShowTransfer: false,
			transferParam: {},
			transferModel: {},
			pagination: {
			page: 1,
			capacity: 50
			},
			memberList: [],

			videoPlay: false,
			videoContext: null,
			videoUrl: ''
			}
			},
			onLoad(op) {
			uni.setStorageSync('ywinfo', {})
			this.id = op.id
			this.getDetail()
			},
			methods: {
			priviewImage(url) {
			uni.previewImage({
			urls: [url]
			})
			},
			screenChange(e) {
			let fullScreen = e.detail.fullScreen // 值true为进入全屏，false为退出全屏
			if (!fullScreen) {
			//退出全屏
			this.videoPlay = false // 隐藏播放盒子
			videoPlay: false,
			videoContext: null,
			videoUrl: '',
			showKeyboard: false,
			}
			},
			closeVideo() {
			this.videoPlay = false
			this.videoContext = null
			onLoad(op) {
			const result = uni.getWindowInfo()
			this.windowHeight = result.windowHeight
			console.log('windowHeight', this.windowHeight);
			uni.setStorageSync('ywinfo', {})
			this.id = op.id
			this.getDetail()
			// this.handleTransfer()
			},
			videoClick(item, i) {
			this.videoPlay = true
			this.videoContext = uni.createVideoContext("myvideo", this) // this这个是实例对象必传
			this.videoUrl = item.fileurlFull
			this.videoContext.requestFullScreen()
			this.$nextTick(() => {
			this.videoContext.play()
			})
			mounted() {
			window.addEventListener('resize', () => {
			const currentHeight = window.innerHeight;
			this.windowHeight = currentHeight
			});
			},
			handleOpen() {
			this.isShowHandle = true
			const submitFileList = this.info.submitFileList \|\| []
			this.dealBeforeFileList = [...submitFileList]
			this.submitFileList = [...submitFileList]
			this.$set(this.handleParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss'))
			},
			handleBack() {
			this.isShowBack = true
			// const submitFileList = this.info.submitFileList \|\| []
			// this.submitFileList = [...submitFileList];
			this.dealBeforeFileList = []
			this.$set(this.backParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss'))
			},
			getDetail() {
			const {
			id
			} = this
			hiddenDangerDetail(id).then(res => {
			this.info = res.data
			})
			findListFlowDanger({
			hiddenDangerId: id
			}).then(res => {
			this.flowList = res.data
			})
			},
			onSubmit() {
			const {
			dealBeforeFileList,
			dealAfterFileList,
			handleParam
			} = this
			if (dealBeforeFileList.length === 0)
			return uni.showToast({
			title: '请上传整改前图片或视频',
			icon: 'none'
			methods: {
			priviewImage(url) {
			uni.previewImage({
			urls: [url]
			})
			if (dealAfterFileList.length === 0)
			return uni.showToast({
			title: '请上传整改后图片或视频',
			icon: 'none'
			},
			screenChange(e) {
			let fullScreen = e.detail.fullScreen // 值true为进入全屏，false为退出全屏
			if (!fullScreen) {
			//退出全屏
			this.videoPlay = false // 隐藏播放盒子
			}
			},
			closeVideo() {
			this.videoPlay = false
			this.videoContext = null
			},
			videoClick(item, i) {
			this.videoPlay = true
			this.videoContext = uni.createVideoContext("myvideo", this) // this这个是实例对象必传
			this.videoUrl = item.fileurlFull
			this.videoContext.requestFullScreen()
			this.$nextTick(() => {
			this.videoContext.play()
			})
			dealHiddenDanger({
			...handleParam,
			dealBeforeFileList: dealBeforeFileList,
			dealAfterFileList: dealAfterFileList,
			status: 1,
			id: this.id
			}).then(res => {
			if (res.code === 200) {
			this.isShowHandle = false
			setTimeout(() => {
			uni.showToast({
			title: '操作成功',
			icon: 'success'
			})
			})
			uni.navigateBack()
			}
			})
			},
			enterTransfer() {
			const {
			transferParam,
			id
			} = this
			if (!transferParam.id)
			return uni.showToast({
			title: '请选择人员',
			icon: 'none'
			},
			handleOpen() {
			this.isShowHandle = true
			const submitFileList = this.info.submitFileList \|\| []
			this.dealBeforeFileList = [...submitFileList]
			this.submitFileList = [...submitFileList]
			this.$set(this.handleParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss'))
			},
			handleBack() {
			this.isShowBack = true
			// const submitFileList = this.info.submitFileList \|\| []
			// this.submitFileList = [...submitFileList];
			this.dealBeforeFileList = []
			this.$set(this.backParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss'))
			},
			getDetail() {
			const {
			id
			} = this
			hiddenDangerDetail(id).then(res => {
			this.info = res.data
			})
			transferHiddenDanger({
			checkUserId: transferParam.id,
			id
			}).then(res => {
			if (res.code === 200) {
			this.isShowTransfer = false
			setTimeout(() => {
			uni.showToast({
			title: '操作成功',
			icon: 'success'
			findListFlowDanger({
			hiddenDangerId: id
			}).then(res => {
			this.flowList = res.data \|\| []
			})
			},
			onSubmit() {
			const {
			dealBeforeFileList,
			dealAfterFileList,
			handleParam
			} = this
			if (dealBeforeFileList.length === 0)
			return uni.showToast({
			title: '请上传整改前图片或视频',
			icon: 'none'
			})
			if (dealAfterFileList.length === 0)
			return uni.showToast({
			title: '请上传整改后图片或视频',
			icon: 'none'
			})
			dealHiddenDanger({
			...handleParam,
			dealBeforeFileList: dealBeforeFileList,
			dealAfterFileList: dealAfterFileList,
			status: 1,
			id: this.id
			}).then(res => {
			if (res.code === 200) {
			this.isShowHandle = false
			setTimeout(() => {
			uni.showToast({
			title: '操作成功',
			icon: 'success'
			})
			})
			uni.navigateBack()
			}
			})
			},
			enterTransfer() {
			const {
			transferParam,
			id
			} = this
			if (!transferParam.id)
			return uni.showToast({
			title: '请选择人员',
			icon: 'none'
			})
			uni.navigateBack()
			}
			})
			},
			changeMem(e) {
			this.transferParam = e
			},
			handleTransfer() {
			this.isShowTransfer = true
			this.getMemList()
			},
			getMemList() {
			findHiddenAreaMemberList({
			...this.transferModel,
			// id: this.info.areaId,
			...this.pagination
			}).then(res => {
			this.memberList = res.data \|\| []
			})
			},
			confirmBackDate(e) {
			this.$set(this.backParam, 'dealTime', dayjs(e.value).format('YYYY-MM-DD HH:mm:ss'))
			this.isShowBackDate = false
			},
			confirmHandleDate(e) {
			this.$set(this.handleParam, 'dealTime', dayjs(e.value).format('YYYY-MM-DD HH:mm:ss'))
			this.isShowHandleDate = false
			},
			onSubBack() {
			const {
			dealBeforeFileList,
			backParam
			} = this
			dealHiddenDanger({
			...backParam,
			dealBeforeFileList,
			status: 2,
			id: this.id
			}).then(res => {
			if (res.code === 200) {
			this.isShowBack = false
			setTimeout(() => {
			uni.showToast({
			title: '操作成功',
			icon: 'success'
			transferHiddenDanger({
			checkUserId: transferParam.memberId,
			id
			}).then(res => {
			if (res.code === 200) {
			this.isShowTransfer = false
			setTimeout(() => {
			uni.showToast({
			title: '操作成功',
			icon: 'success'
			})
			})
			})
			uni.navigateBack()
			}
			})
			},
			fileDel(str, i) {
			this[str].splice(i, 1)
			},
			uploadBeImage() {
			this.showUploadBe = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseImage({
			count: 9,
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			const tempFilePaths = chooseImageRes.tempFilePaths
			let imgs = tempFilePaths.map((value, index) => {
			return {
			uni.navigateBack()
			}
			})
			},
			changeMem(e) {
			this.transferParam = e
			},
			handleTransfer() {
			this.isShowTransfer = true
			this.getMemList()
			},
			getMemList() {
			userPagePost({
			...this.transferModel,
			querySpecial: 1,
			type: 2,
			companyType: 1,
			workStatus: 0

			}).then(res => {
			this.memberList = res.data \|\| []
			})
			},
			confirmBackDate(e) {
			this.$set(this.backParam, 'dealTime', dayjs(e.value).format('YYYY-MM-DD HH:mm:ss'))
			this.isShowBackDate = false
			},
			confirmHandleDate(e) {
			this.$set(this.handleParam, 'dealTime', dayjs(e.value).format('YYYY-MM-DD HH:mm:ss'))
			this.isShowHandleDate = false
			},
			onSubBack() {
			const {
			dealBeforeFileList,
			backParam
			} = this
			dealHiddenDanger({
			...backParam,
			dealBeforeFileList,
			status: 2,
			id: this.id
			}).then(res => {
			if (res.code === 200) {
			this.isShowBack = false
			setTimeout(() => {
			uni.showToast({
			title: '操作成功',
			icon: 'success'
			})
			})
			uni.navigateBack()
			}
			})
			},
			fileDel(str, i) {
			this[str].splice(i, 1)
			},
			uploadBeImage() {
			this.showUploadBe = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseImage({
			count: 9,
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			const tempFilePaths = chooseImageRes.tempFilePaths
			let imgs = tempFilePaths.map((value, index) => {
			return {
			name: 'file',
			uri: value
			}
			})
			uni.uploadFile({
			url: `${uploadUrl}`,
			files: imgs,
			name: 'file',
			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)
			let obj = {
			type: '0'
			formData: {
			folder: 'HIDDEN_DANGER_FILE'
			},
			header: {
			Dm_user_token: token
			},
			success: uploadFileRes => {
			let res = JSON.parse(uploadFileRes.data)
			let obj = {
			type: '0'
			}
			if (res.data && res.data.length > 0) {
			res.data.forEach(i => {
			i.type = 0
			i.fileurl = i.imgaddr
			i.fileurlFull = i.url
			this.dealBeforeFileList.push(i)
			})
			}
			},
			fail(err) {
			console.log('err', err)
			},
			complete() {
			uni.hideLoading()
			// if (i === chooseImageRes.tempFilePaths.length - 1) {
			// uni.hideLoading()
			// }
			}
			if (res.data && res.data.length > 0) {
			res.data.forEach(i => {
			i.type = 0
			i.fileurl = i.imgaddr
			i.fileurlFull = i.url
			this.dealBeforeFileList.push(i)
			})
			}
			},
			fail(err) {
			console.log('err', err)
			},
			complete() {
			uni.hideLoading()
			// if (i === chooseImageRes.tempFilePaths.length - 1) {
			// uni.hideLoading()
			// }
			}
			})
			}
			})
			},
			uploadBeVideo() {
			this.showUploadBe = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseVideo({
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			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.dealBeforeFileList.push(i)
			})
			}
			},
			complete() {
			uni.hideLoading()
			}
			})
			}
			})
			},
			uploadAfImage() {
			this.showUploadAf = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseImage({
			count: 9,
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			const tempFilePaths = chooseImageRes.tempFilePaths
			let imgs = tempFilePaths.map((value, index) => {
			return {
			})
			}
			})
			},
			uploadBeVideo() {
			this.showUploadBe = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseVideo({
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			uni.uploadFile({
			url: `${uploadUrl}`,
			filePath: chooseImageRes.tempFilePath,
			header: {
			Dm_user_token: token
			},
			name: 'file',
			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)
			if (res.data && res.data.length > 0) {
			res.data.forEach(i => {
			i.type = 0
			i.fileurl = i.imgaddr
			i.fileurlFull = i.url
			this.dealAfterFileList.push(i)
			})
			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.dealBeforeFileList.push(i)
			})
			}
			},
			complete() {
			uni.hideLoading()
			}
			},
			fail(err) {
			console.log('err', err)
			},
			complete() {
			uni.hideLoading()
			// if (i === chooseImageRes.tempFilePaths.length - 1) {
			// uni.hideLoading()
			// }
			}
			})
			}
			})
			},
			uploadAfVideo() {
			this.showUploadAf = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseVideo({
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			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.dealAfterFileList.push(i)
			})
			})
			}
			})
			},
			uploadAfImage() {
			this.showUploadAf = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseImage({
			count: 9,
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			const tempFilePaths = chooseImageRes.tempFilePaths
			let imgs = tempFilePaths.map((value, index) => {
			return {
			name: 'file',
			uri: value
			}
			},
			complete() {
			uni.hideLoading()
			}
			})
			}
			})
			},
			uploadImage() {
			this.showUpload = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseImage({
			count: 9,
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			const tempFilePaths = chooseImageRes.tempFilePaths
			let imgs = tempFilePaths.map((value, index) => {
			return {
			})
			uni.uploadFile({
			url: `${uploadUrl}`,
			files: imgs,
			name: 'file',
			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)
			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)
			})
			formData: {
			folder: 'HIDDEN_DANGER_FILE'
			},
			header: {
			Dm_user_token: token
			},
			success: uploadFileRes => {
			let res = JSON.parse(uploadFileRes.data)
			if (res.data && res.data.length > 0) {
			res.data.forEach(i => {
			i.type = 0
			i.fileurl = i.imgaddr
			i.fileurlFull = i.url
			this.dealAfterFileList.push(i)
			})
			}
			},
			fail(err) {
			console.log('err', err)
			},
			complete() {
			uni.hideLoading()
			// if (i === chooseImageRes.tempFilePaths.length - 1) {
			// uni.hideLoading()
			// }
			}
			},
			fail(err) {
			console.log('err', err)
			},
			complete() {
			uni.hideLoading()
			// if (i === chooseImageRes.tempFilePaths.length - 1) {
			// uni.hideLoading()
			// }
			}
			})
			}
			})
			},
			uploadVideo() {
			this.showUpload = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseVideo({
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			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)
			})
			})
			}
			})
			},
			uploadAfVideo() {
			this.showUploadAf = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseVideo({
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			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.dealAfterFileList.push(i)
			})
			}
			},
			complete() {
			uni.hideLoading()
			}
			},
			complete() {
			uni.hideLoading()
			}
			})
			}
			})
			})
			}
			})
			},
			uploadImage() {
			this.showUpload = false
			let token = uni.getStorageSync('token') \|\| ''
			uni.chooseImage({
			count: 9,
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			const tempFilePaths = chooseImageRes.tempFilePaths
			let imgs = tempFilePaths.map((value, index) => {
			return {
			name: 'file',
			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)
			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 token = uni.getStorageSync('token') \|\| ''
			uni.chooseVideo({
			success: chooseImageRes => {
			uni.showLoading({
			title: '上传中',
			mask: true
			})
			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()
			}
			})
			}
			})
			}
			}
			}
			}
			</script>

			<style lang="scss">
			page {
			background-color: #f7f7f7;
			page {
			background-color: #f7f7f7;

			::v-deep .u-popup__content {
			border-top: 1rpx solid #cccccc;
			}
			}

			.main_app {
			background-color: #fff;
			padding-bottom: 0;

			.flow_title {
			font-weight: 600;
			font-size: 32rpx;
			color: #222222;
			margin-bottom: 24rpx;
			::v-deep .u-popup__content {
			border-top: 1rpx solid #cccccc;
			}
			}

			.flow_wrap {
			padding: 30rpx 0 90rpx;
			.main_app {
			background-color: #f7f7f7;
			padding-bottom: 0;
			position: relative;

			.list {
			.item {
			display: flex;
			margin-bottom: 48rpx;
			position: relative;
			.flow_title {
			font-weight: 600;
			font-size: 32rpx;
			color: #222222;
			margin-bottom: 24rpx;
			}

			.separate {
			position: absolute;
			width: 4rpx;
			height: 100%;
			background-color: #eeeeee;
			left: 40rpx;
			transform: translate(-50%, 0);
			top: 80rpx;
			}
			.flow_wrap {
			padding: 30rpx;
			margin: 0 -30rpx;
			background-color: #fff;

			.avatar {
			width: 80rpx;
			height: 80rpx;
			.list {
			.item {
			display: flex;
			margin-bottom: 48rpx;
			position: relative;
			margin-right: 20rpx;
			&:nth-last-child(1){
			margin-bottom: 0;
			}
			.separate {
			position: absolute;
			width: 4rpx;
			height: 100%;
			background-color: #eeeeee;
			left: 40rpx;
			transform: translate(-50%, 0);
			top: 80rpx;
			}

			.img {
			.avatar {
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			}
			position: relative;
			margin-right: 20rpx;

			.status {
			width: 28rpx;
			height: 28rpx;
			border-radius: 50%;
			position: absolute;
			right: 0;
			bottom: 0;
			z-index: 999;
			}
			}

			.content {
			flex: 1;

			.head {
			display: flex;
			justify-content: space-between;
			margin-bottom: 4rpx;

			.event {
			font-size: 30rpx;
			.img {
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			}

			.time {
			font-size: 26rpx;
			color: #999999;
			}
			}

			.name_wrap {
			font-size: 26rpx;
			color: #777777;

			.status {
			color: $uni-color-primary;
			width: 28rpx;
			height: 28rpx;
			border-radius: 50%;
			position: absolute;
			right: 0;
			bottom: 0;
			z-index: 999;
			}
			}

			.line {
			.company {
			.content {
			flex: 1;

			.head {
			display: flex;
			justify-content: space-between;
			margin-bottom: 4rpx;

			.event {
			font-size: 30rpx;
			}

			.time {
			font-size: 26rpx;
			color: #999999;
			}
			}

			.name_wrap {
			font-size: 26rpx;
			color: #777777;

			.status {
			color: $uni-color-primary;
			}
			}

			.status-green {
			color: $uni-color-primary;
			.line {
			.company {
			font-size: 26rpx;
			color: #777777;
			}

			.status-green {
			color: $uni-color-primary;
			}

			.status-red {
			color: red;
			}
			}

			.status-red {
			color: red;
			.remark {
			margin-top: 12rpx;
			background-color: #f7f7f7;
			padding: 14rpx 20rpx;
			border-radius: 8rpx;
			font-size: 26rpx;
			color: #666666;
			line-height: 36rpx;
			}
			}

			.remark {
			.carbon {
			display: flex;
			width: 590rpx;
			overflow-x: auto;
			margin-top: 12rpx;
			background-color: #f7f7f7;
			padding: 14rpx 20rpx;
			border-radius: 8rpx;
			font-size: 26rpx;
			color: #666666;
			line-height: 36rpx;
			}
			}

			.carbon {
			display: flex;
			width: 590rpx;
			overflow-x: auto;
			margin-top: 12rpx;
			.carbon_item {
			text-align: center;
			flex-shrink: 0;
			width: 100rpx;

			.carbon_item {
			text-align: center;
			flex-shrink: 0;
			width: 100rpx;
			image {
			width: 60rpx;
			height: 60rpx;
			margin: 0 auto;
			}

			image {
			width: 60rpx;
			height: 60rpx;
			margin: 0 auto;
			view {
			font-size: 26rpx;
			color: #777777;
			}
			}
			}

			view {
			font-size: 26rpx;
			color: #777777;
			&:nth-last-child(1) {
			.separate {
			height: 0;
			}
			}
			}

			&:nth-last-child(1) {
			.separate {
			height: 0;
			}
			}
			}
			}
			}

			.adduser_list_item_ipt1_upload {
			width: 156rpx;
			height: 156rpx;
			margin-right: 20rpx;
			border: 2rpx solid #e5e5e5;
			background: #f7f7f7;
			color: #666666;
			font-size: 22rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: relative;

			&:nth-of-type(4n) {
			margin-right: 0;
			}

			.close {
			position: absolute;
			right: -20rpx;
			top: -20rpx;
			z-index: 9999;
			}

			image {
			width: 100%;
			height: 100%;
			}

			video {
			width: 100%;
			max-height: 156rpx;
			}
			}

			.module_list {
			.title {
			font-weight: 600;
			font-size: 32rpx;
			color: #222222;
			padding-top: 28rpx;
			}

			.item {
			padding: 30rpx 0;
			border-bottom: 1rpx solid #e5e5e5;

			.label {
			font-size: 26rpx;
			color: #666666;
			margin-bottom: 20rpx;
			}

			.value {
			font-size: 30rpx;
			display: flex;
			align-items: center;

			.avatar {
			margin-right: 20rpx;
			width: 120rpx;
			height: 120rpx;
			border-radius: 8rpx;
			border: 2rpx solid #e5e5e5;
			}

			.info {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-size: 26rpx;
			color: #666666;

			.name {
			font-size: 30rpx;
			color: #333333;
			}
			}
			}
			}
			}

			.status_wrap {
			position: relative;
			padding: 30rpx 0;

			.name {
			font-weight: 600;
			font-size: 32rpx;
			margin-bottom: 20rpx;
			color: $uni-color-primary;
			}

			.desc {
			font-size: 26rpx;
			color: #ed4545;
			}

			.gray {
			color: #999999;
			}

			.file_list {
			display: flex;
			margin-bottom: 20rpx;
			flex-wrap: wrap;

			.img_wrap {
			margin-top: 24rpx;
			width: 156rpx;
			height: 156rpx;
			border: 2rpx solid #e5e5e5;
			background: #f7f7f7;
			color: #666666;
			font-size: 22rpx;
			display: flex;
			border-radius: 4rpx;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: relative;
			margin-right: 20rpx;
			flex-shrink: 0;

			&:nth-of-type(4n) {
			margin-right: 0;
			}
			}


			.img {
			width: 100%;
			max-height: 100%;
			}

			.video {
			width: 100%;
			max-height: 100%;
			}
			}

			.text_wrap {
			padding: 20rpx;
			background-color: #f8f7f7;
			border-radius: 8rpx;
			margin-top: 20rpx;

			.line {
			margin-bottom: 18rpx;
			display: flex;
			font-size: 24rpx;

			&:nth-last-child(1) {
			margin-bottom: 0;
			}

			.label {
			color: #999999;
			width: 140rpx;
			}
			}
			}

			.status {
			position: absolute;
			right: -30rpx;
			top: 0;
			height: 60rpx;
			line-height: 60rpx;
			padding: 0 32rpx;
			border-radius: 0rpx 0rpx 0rpx 30rpx;
			background: rgba(39, 155, 170, 0.12);
			color: $uni-color-primary;
			}

			.status_img {
			position: absolute;
			right: 0rpx;
			top: 20rpx;
			width: 120rpx;
			}
			}

			.main_footer {
			position: fixed;
			bottom: 0;
			width: 100%;
			z-index: 9999;
			left: 0;
			padding: 30rpx 10rpx 60rpx;
			display: flex;
			justify-content: space-between;
			background: #ffffff;

			.btn {
			flex: 1;
			height: 88rpx;
			line-height: 88rpx;
			background: #ffffff;
			border-radius: 44rpx;
			border: 1rpx solid #999999;
			font-size: 32rpx;
			text-align: center;
			margin: 16rpx 8rpx;
			}

			.transfer {
			color: $uni-color-primary;
			border: 1rpx solid $uni-color-primary;
			}

			.handle {
			flex: 2;
			background: $uni-color-primary;
			color: #fff;
			border: 1rpx solid $uni-color-primary;
			}
			}

			.appr_modal {
			padding: 36rpx 30rpx 0;

			.title {
			font-weight: 600;
			font-size: 32rpx;
			color: #222222;
			margin-bottom: 40rpx;
			text-align: center;
			}

			.label {
			text {
			color: #ed4545;
			}
			}

			.df_sb {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 90rpx;
			border-bottom: 1rpx solid #e4e4e4;
			margin-bottom: 30rpx;
			}

			.back_footer {
			display: flex;

			.btn {
			flex: 1;
			height: 88rpx;
			line-height: 88rpx;
			background: #ffffff;
			border-radius: 44rpx;
			border: 1rpx solid #999999;
			font-size: 32rpx;
			text-align: center;
			margin: 16rpx 8rpx;
			}

			.agree {
			background: $uni-color-primary;
			color: #fff;
			border: 1rpx solid $uni-color-primary;
			}
			}

			textarea {
			box-sizing: border-box;
			width: 690rpx;
			min-height: 200rpx;
			background-color: #f7f7f7;
			font-size: 28rpx;
			color: #333333;
			padding: 24rpx;
			border-radius: 8rpx;
			margin-bottom: 30rpx;
			}

			.upload_wrap {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 30rpx;
			}

			.adduser_list_item_ipt1_upload {
			margin-top: 20rpx;
			width: 156rpx;
			height: 156rpx;
			margin-right: 20rpx;
			@@ -1275,8 +1008,7 @@
			position: absolute;
			right: -20rpx;
			top: -20rpx;
			z-index: 999999999999;
			color: #fff;
			z-index: 9999;
			}

			image {
			@@ -1286,178 +1018,468 @@

			video {
			width: 100%;
			height: 100%;
			max-height: 156rpx;
			}
			}
			}

			.emyty {
			width: 750rpx;
			height: 20rpx;
			background-color: #f7f7f7;
			margin: 0 -30rpx;
			}
			}
			.module_list {
			background-color: #fff;
			margin: 0 -30rpx;
			padding: 0 30rpx;
			.title {
			font-weight: 600;
			font-size: 32rpx;
			color: #222222;
			padding-top: 28rpx;
			}

			.video_wrap {
			position: relative;
			border: 1px solid;
			width: 156rpx;
			height: 156rpx;
			border-radius: 4rpx;
			.item {
			padding: 30rpx 0;
			border-bottom: 1rpx solid #e5e5e5;

			.play {
			width: 60rpx !important;
			height: 60rpx !important;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			}
			}
			.label {
			font-size: 26rpx;
			color: #666666;
			margin-bottom: 20rpx;
			}

			.sel_upload_wrap {
			width: 100%;
			border-top: 1px solid #333333;
			box-shadow: 0 1 1 #333333;
			.value {
			font-size: 30rpx;
			display: flex;
			align-items: center;

			.btn {
			height: 90rpx;
			line-height: 90rpx;
			text-align: center;
			}
			}
			.avatar {
			margin-right: 20rpx;
			width: 120rpx;
			height: 120rpx;
			border-radius: 8rpx;
			border: 2rpx solid #e5e5e5;
			}

			.member_list {
			height: 920rpx;
			overflow: auto;
			.info {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-size: 26rpx;
			color: #666666;

			.line {
			display: flex;
			align-items: center;
			border-bottom: 1rpx solid #e5e5e5;
			padding: 30rpx 0;

			.avatar {
			width: 64rpx;
			height: 64rpx;
			border-radius: 50%;
			overflow: hidden;
			margin-right: 20rpx;
			.name {
			font-size: 30rpx;
			color: #333333;
			}
			}
			}
			}
			}

			.img_name {
			width: 64rpx;
			height: 64rpx;
			line-height: 64rpx;
			.status_wrap {
			position: relative;
			padding: 30rpx;
			background-color: #fff;
			margin: 0 -30rpx;
			.name {
			font-weight: 600;
			font-size: 32rpx;
			margin-bottom: 20rpx;
			color: $uni-color-primary;
			}

			.desc {
			font-size: 26rpx;
			color: #ed4545;
			}

			.gray {
			color: #999999;
			}

			.file_list {
			display: flex;
			margin-bottom: 20rpx;
			flex-wrap: wrap;

			.img_wrap {
			margin-top: 24rpx;
			width: 156rpx;
			height: 156rpx;
			border: 2rpx solid #e5e5e5;
			background: #f7f7f7;
			color: #666666;
			font-size: 22rpx;
			display: flex;
			border-radius: 4rpx;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: relative;
			margin-right: 20rpx;
			flex-shrink: 0;

			&:nth-of-type(4n) {
			margin-right: 0;
			}
			}


			.img {
			width: 100%;
			max-height: 100%;
			}

			.video {
			width: 100%;
			max-height: 100%;
			}
			}

			.text_wrap {
			padding: 20rpx;
			background-color: #f8f7f7;
			border-radius: 8rpx;
			margin-top: 20rpx;

			.line {
			margin-bottom: 18rpx;
			display: flex;
			font-size: 24rpx;

			&:nth-last-child(1) {
			margin-bottom: 0;
			}

			.label {
			color: #999999;
			width: 140rpx;
			}
			}
			}

			.status {
			position: absolute;
			right: 0rpx;
			top: 0;
			height: 60rpx;
			line-height: 60rpx;
			padding: 0 32rpx;
			border-radius: 0rpx 0rpx 0rpx 30rpx;
			background: rgba(39, 155, 170, 0.12);
			color: $uni-color-primary;
			}

			.status_img {
			position: absolute;
			right: 0rpx;
			top: 20rpx;
			width: 120rpx;
			}
			}

			.main_footer {
			position: fixed;
			bottom: 0;
			width: 100%;
			z-index: 9999;
			left: 0;
			padding: 10rpx 10rpx 30rpx;
			display: flex;
			justify-content: space-between;
			background: #ffffff;

			.btn {
			flex: 1;
			height: 88rpx;
			line-height: 88rpx;
			background: #ffffff;
			border-radius: 44rpx;
			border: 1rpx solid #999999;
			font-size: 32rpx;
			text-align: center;
			margin: 16rpx 8rpx;
			}

			.transfer {
			color: $uni-color-primary;
			border: 1rpx solid $uni-color-primary;
			}

			.handle {
			flex: 2;
			background: $uni-color-primary;
			color: #fff;
			border: 1rpx solid $uni-color-primary;
			}
			}

			.appr_modal {
			padding: 36rpx 30rpx 0;

			.title {
			font-weight: 600;
			font-size: 32rpx;
			color: #222222;
			margin-bottom: 40rpx;
			text-align: center;
			}

			.label {
			text {
			color: #ed4545;
			}
			}

			.df_sb {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 90rpx;
			border-bottom: 1rpx solid #e4e4e4;
			margin-bottom: 30rpx;
			}

			.back_footer {
			display: flex;

			.btn {
			flex: 1;
			height: 88rpx;
			line-height: 88rpx;
			background: #ffffff;
			border-radius: 44rpx;
			border: 1rpx solid #999999;
			font-size: 32rpx;
			text-align: center;
			margin: 16rpx 8rpx;
			}

			.agree {
			background: $uni-color-primary;
			color: #fff;
			border: 1rpx solid $uni-color-primary;
			}
			}

			textarea {
			box-sizing: border-box;
			width: 690rpx;
			min-height: 200rpx;
			background-color: #f7f7f7;
			font-size: 28rpx;
			color: #333333;
			padding: 24rpx;
			border-radius: 8rpx;
			margin-bottom: 30rpx;
			}

			.upload_wrap {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 30rpx;
			}

			.adduser_list_item_ipt1_upload {
			margin-top: 20rpx;
			width: 156rpx;
			height: 156rpx;
			margin-right: 20rpx;
			border: 2rpx solid #e5e5e5;
			background: #f7f7f7;
			color: #666666;
			font-size: 22rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: relative;

			&:nth-of-type(4n) {
			margin-right: 0;
			}

			.close {
			position: absolute;
			right: -20rpx;
			top: -20rpx;
			z-index: 999999999999;
			color: #fff;
			}

			image {
			width: 100%;
			height: 100%;
			}

			video {
			width: 100%;
			height: 100%;
			}
			}
			}
			.emyty {
			width: 750rpx;
			height: 20rpx;
			background-color: #f7f7f7;
			margin: 0 -30rpx;
			}
			}

			.video_wrap {
			position: relative;
			border: 1px solid;
			width: 156rpx;
			height: 156rpx;
			border-radius: 4rpx;

			.play {
			width: 60rpx !important;
			height: 60rpx !important;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			}
			}

			.sel_upload_wrap {
			width: 100%;
			border-top: 1px solid #333333;
			box-shadow: 0 1 1 #333333;

			.btn {
			height: 90rpx;
			line-height: 90rpx;
			text-align: center;
			border-radius: 50%;
			overflow: hidden;
			margin-right: 20rpx;
			}
			}

			.member_list {
			overflow: auto;
			.line {
			display: flex;
			align-items: center;
			border-bottom: 1rpx solid #e5e5e5;
			padding: 30rpx 0;

			.avatar {
			width: 64rpx;
			height: 64rpx;
			border-radius: 50%;
			overflow: hidden;
			margin-right: 20rpx;
			}

			.img_name {
			width: 64rpx;
			height: 64rpx;
			line-height: 64rpx;
			text-align: center;
			border-radius: 50%;
			overflow: hidden;
			margin-right: 20rpx;
			background: $uni-color-primary;
			color: #fff;
			border: 1rpx solid $uni-color-primary;
			}

			.content {
			flex: 1;

			.depart {
			font-size: 24rpx;
			color: #666666;
			}

			.info {
			display: flex;
			margin-bottom: 16rpx;

			.name {
			font-size: 30rpx;
			}

			.tag {
			font-size: 24rpx;
			border-radius: 4rpx;
			border: 1rpx solid #f62710;
			color: #f62710;
			padding: 0rpx 6rpx;
			margin-left: 8rpx;
			}
			}
			}

			.checked {
			width: 48rpx;
			}
			}

			.empty {
			width: 100%;
			height: 280rpx;
			}
			}

			.search_inp {
			height: 72rpx;
			background: #f7f7f7;
			border-radius: 4rpx;
			padding-left: 16rpx;

			.search {
			width: 28rpx;
			}

			input {
			flex: 1;
			font-size: 28rpx;
			color: #333333;
			}
			}

			.video_app {
			overflow: hidden;
			position: fixed;
			left: 0;
			top: 0;
			width: 100vw;
			height: 100vh;
			display: flex;
			align-items: center;
			z-index: 9990;

			.bg {
			background-color: rgba(0, 0, 0, .6);
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: -1;
			}

			video {
			width: 100%;
			height: 42vh;
			}
			}

			.Transfer_footer {
			display: flex;

			.btn {
			flex: 1;
			height: 88rpx;
			line-height: 88rpx;
			background: #ffffff;
			border-radius: 44rpx;
			border: 1rpx solid #999999;
			font-size: 32rpx;
			text-align: center;
			margin: 16rpx 8rpx;
			}

			.active {
			background: $uni-color-primary;
			color: #fff;
			border: 1rpx solid $uni-color-primary;
			}

			.content {
			flex: 1;

			.depart {
			font-size: 24rpx;
			color: #666666;
			}

			.info {
			display: flex;
			margin-bottom: 16rpx;

			.name {
			font-size: 30rpx;
			}

			.tag {
			font-size: 24rpx;
			border-radius: 4rpx;
			border: 1rpx solid #f62710;
			color: #f62710;
			padding: 0rpx 6rpx;
			margin-left: 8rpx;
			}
			}
			}

			.checked {
			width: 48rpx;
			}
			}

			.empty {
			width: 100%;
			height: 280rpx;
			}
			}

			.search_inp {
			height: 72rpx;
			background: #f7f7f7;
			border-radius: 4rpx;
			padding-left: 16rpx;

			.search {
			width: 28rpx;
			}

			input {
			flex: 1;
			font-size: 28rpx;
			color: #333333;
			}
			}

			.video_app {
			overflow: hidden;
			position: fixed;
			left: 0;
			top: 0;
			width: 100vw;
			height: 100vh;
			display: flex;
			align-items: center;
			z-index: 9990;

			.bg {
			background-color: rgba(0, 0, 0, .6);
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: -1;
			}

			video {
			width: 100%;
			height: 42vh;
			}
			}

			.Transfer_footer {
			display: flex;

			.btn {
			flex: 1;
			height: 88rpx;
			line-height: 88rpx;
			background: #ffffff;
			border-radius: 44rpx;
			border: 1rpx solid #999999;
			font-size: 32rpx;
			text-align: center;
			margin: 16rpx 8rpx;
			}

			.active {
			background: $uni-color-primary;
			color: #fff;
			border: 1rpx solid $uni-color-primary;
			}
			}
			</style>