| | |
| | | <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
|
| | | </view>
|
| | | </view>
|
| | | |
| | | <view class="line">
|
| | | <view class="label">
|
| | | <text>*</text>
|
| | | <text>检查类型</text>
|
| | | </view>
|
| | | <view class="value" @click="isShow = true">
|
| | | <text class="mr6"
|
| | | :style="{ color: param.checkTypeName ? '#000000' : '#999999' }">{{ param.checkTypeName ? param.checkTypeName : "请选择" }}</text>
|
| | | <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
|
| | | </view>
|
| | | </view>
|
| | | |
| | | <view class="line">
|
| | | <view class="label">
|
| | | <text>*</text>
|
| | | <text>隐患区域</text>
|
| | | </view>
|
| | | <view class="value" @click="isShowArea = true">
|
| | | <view class="value" @click="openArea">
|
| | | <text class="mr6"
|
| | | :style="{ color: param.areaName ? '#000000' : '#999999' }">{{ param.areaName ? param.areaName : "请选择" }}</text>
|
| | | <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
|
| | |
| | | </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" :controls="false" :show-center-play-btn="false"></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 v-if="item.type == 1" class="video_wrap">
|
| | | <video :src="item.fileurlFull" :initial-time="0.01" :show-center-play-btn="false" :controls="false"
|
| | | class="video" :enable-progress-gesture="false" muted />
|
| | | <image src="@/static/play.png" class="play" mode=""></image>
|
| | | </view>
|
| | | </view>
|
| | | </view>
|
| | | </view>
|
| | |
| | | <text>情况说明</text>
|
| | | </view>
|
| | | <view class="value">
|
| | | <textarea placeholder="请详细描述现场情况,不少于10个字" minlength="10" v-model="param.content"
|
| | | <textarea placeholder="请详细描述现场情况" v-model="param.content"
|
| | | placeholder-style="color: #999999;" />
|
| | | </view>
|
| | | </view>
|
| | |
| | | @close="isShowArea = false" @cancel="isShowArea = false"></u-picker>
|
| | | <u-picker keyName="name" :show="isShowType" closeOnClickOverlay :columns="areaType" @confirm="seletedType"
|
| | | @close="isShowType = false" @cancel="isShowType = false"></u-picker>
|
| | | <!-- 检查类型 -->
|
| | | <u-picker keyName="name" :show="isShow" closeOnClickOverlay :columns="checkTypeList" @confirm="seletedTypeVal"
|
| | | @close="isShow = false" @cancel="isShow = false"></u-picker>
|
| | | <!-- -->
|
| | | <u-datetime-picker :show="isShowTime" :minDate="new Date().getTime()" mode="datetime" closeOnClickOverlay
|
| | | <u-datetime-picker :show="isShowTime" :formatter="formatter" :minDate="new Date().getTime()" mode="datetime" closeOnClickOverlay
|
| | | @cancel="isShowTime = false" @close="isShowTime = false" @confirm="seletedDate"></u-datetime-picker>
|
| | | <!-- -->
|
| | | <u-popup :show="showUpload" @close="showUpload = false" closeOnClickOverlay>
|
| | |
| | | param: {},
|
| | | submitFileList: [],
|
| | |
|
| | | isShow: false,
|
| | | isShowCompany: false,
|
| | | isShowArea: false,
|
| | | isShowType: false,
|
| | |
| | | deptList: [],
|
| | | areaOptions: [],
|
| | | areaType: [],
|
| | | checkTypeList: [],
|
| | | }
|
| | | },
|
| | | onLoad(option) {
|
| | |
| | | this.$set(this.param, 'checkorName', option.name)
|
| | | })
|
| | | },
|
| | | methods: {
|
| | | methods: { |
| | | formatter(type, value) { |
| | | if (type === 'year') { |
| | | return `${value}年` |
| | | } |
| | | if (type === 'month') { |
| | | return `${value}月` |
| | | } |
| | | if (type === 'day') { |
| | | return `${value}日` |
| | | } |
| | | if (type === 'hour') { |
| | | return `${value}时` |
| | | } |
| | | if (type === 'minute') { |
| | | return `${value}分` |
| | | } |
| | | return value |
| | | },
|
| | | onSubmit() {
|
| | | const {
|
| | | param,
|
| | |
| | | title: '请输入情况说明',
|
| | | icon: 'none'
|
| | | })
|
| | | if (param.content.length < 10) return uni.showToast({
|
| | | title: '情况说明不得小于10个字',
|
| | | icon: 'none'
|
| | | })
|
| | | // if (param.content.length < 10) return uni.showToast({
|
| | | // title: '情况说明不得小于10个字',
|
| | | // icon: 'none'
|
| | | // })
|
| | |
|
| | | DangerCreate({
|
| | | ...param,
|
| | |
| | | this.$set(this.param, 'companyId', item.id)
|
| | | this.$set(this.param, 'companyName', item.name)
|
| | | this.$set(this.param, 'areaId', '')
|
| | | this.$set(this.param, 'areaName', '')
|
| | | this.$set(this.param, 'areaName', '') |
| | | this.$set(this.param, 'checkUserId', '') |
| | | this.$set(this.param, 'applyCheckUserId', '') |
| | | this.$set(this.param, 'checkorName', '')
|
| | | DangerConfigType({
|
| | | type: '0',
|
| | | companyId: item.id
|
| | |
| | | this.areaOptions = [res.data]
|
| | | })
|
| | | this.isShowCompany = false
|
| | | }, |
| | | openArea() { |
| | | if(!this.param.companyId) return this.showToast('请先选择责任部门') |
| | | this.isShowArea = true |
| | | },
|
| | | seletedArea(e) {
|
| | | const item = e.value[0]
|
| | |
| | | console.log(item)
|
| | | this.isShowType = false
|
| | | },
|
| | | seletedTypeVal(e) {
|
| | | const item = e.value[0]
|
| | | this.$set(this.param, 'checkTypeId', item.id)
|
| | | this.$set(this.param, 'checkTypeName', item.name)
|
| | | console.log(item)
|
| | | this.isShow = false
|
| | | },
|
| | | seletedSafety(e) {
|
| | |
|
| | | },
|
| | |
| | | this.isShowTime = false
|
| | | },
|
| | | initConfig() {
|
| | | deptListPost({queryHiddenDanger: 1}).then(res => {
|
| | | deptListPost({
|
| | | queryHiddenDanger: 1
|
| | | }).then(res => {
|
| | | this.deptList = [res.data]
|
| | | })
|
| | | DangerConfigType({
|
| | | type: '2'
|
| | | }).then(res => {
|
| | | this.checkTypeList = [res.data]
|
| | | this.$set(this.param, 'checkTypeId', res.data[0].id)
|
| | | this.$set(this.param, 'checkTypeName', res.data[0].name)
|
| | | })
|
| | | DangerConfigType({
|
| | | type: '1'
|
| | |
| | | display: flex;
|
| | | flex-wrap: wrap;
|
| | | }
|
| | |
|
| | | textarea{ |
| | | width: 100%; |
| | | }
|
| | | .adduser_list_item_ipt1_upload {
|
| | | margin-top: 24rpx;
|
| | | width: 156rpx;
|
| | |
| | | align-items: center;
|
| | | justify-content: center;
|
| | | position: relative;
|
| | | &:nth-of-type(4n){ |
| | | margin-right: 0; |
| | |
|
| | | &:nth-of-type(4n) {
|
| | | margin-right: 0;
|
| | | }
|
| | |
|
| | | .close {
|
| | | position: absolute;
|
| | | right: -20rpx;
|
| | |
| | | z-index: 9999;
|
| | | }
|
| | |
|
| | | .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%);
|
| | | }
|
| | | }
|
| | |
|
| | | image {
|
| | | width: 100%;
|
| | | height: 100%;
|