| | |
| | | <template> |
| | | <view class="main_app"> |
| | | <view class="status_wrap"> |
| | | <view class="name">{{ info.name }}提交的{{ cateList[type].name }}</view> |
| | | <view class="name">{{ info.categoryName }}</view> |
| | | <view v-if="info.status == '0'" class="status">{{ |
| | | statusMap[info.status] |
| | | }}</view> |
| | |
| | | ></image> |
| | | <view>{{ info.content }}</view> |
| | | <view class="file_list"> |
| | | <template v-for="item in info.submitFileList"> |
| | | <view |
| | | class="img_wrap" |
| | | v-for="item in info.submitFileList" |
| | | :key="item.id" |
| | | > |
| | | <image |
| | | v-if="item.type == 0" |
| | | :key="item.id" |
| | | :src="item.fileurlFull" |
| | | mode="widthFix" |
| | | class="img" |
| | | /> |
| | | <video |
| | | v-if="item.type == 1" |
| | | :key="item.id" |
| | | :src="item.fileurlFull" |
| | | class="img" |
| | | controls |
| | | /> |
| | | </template> |
| | | </view> |
| | | </view> |
| | | <view class="text_wrap"> |
| | | <view class="line"> |
| | |
| | | " |
| | | /> |
| | | <image |
| | | v-if="item.status == 1" |
| | | class="status" |
| | | src="@/static/staff/liucheng_success@2x.png" |
| | | mode="widthFix" |
| | | /> |
| | | <image |
| | | v-if="item.status == 2" |
| | | class="status" |
| | | src="@/static/staff/liucheng_fail@2x.png" |
| | | mode="widthFix" |
| | | /> |
| | | </view> |
| | | <view class="content"> |
| | | <view class="head"> |
| | | <view class="event">{{ item.title }}</view> |
| | | <view class="time">{{ item.checkDate }}</view> |
| | | <view class="time" v-if="item.createDate">{{ |
| | | item.createDate.slice(0, 16) |
| | | }}</view> |
| | | </view> |
| | | <view class="name_wrap"> |
| | | <text |
| | |
| | | </view> |
| | | <view class="emyty"></view> |
| | | <view class="main_footer"> |
| | | <view class="btn" @click="isShowBack = true">退回</view> |
| | | <view class="btn" @click="handleBack">退回</view> |
| | | <view class="btn transfer" @click="handleTransfer">转交</view> |
| | | <view class="btn handle" @click="isShowHandle = true">处理</view> |
| | | <view class="btn handle" @click="handleOpen">处理</view> |
| | | </view> |
| | | |
| | | <!-- 退回 --> |
| | | <u-popup |
| | | :show="isShowBack" |
| | | :round="10" |
| | |
| | | <view class="title">隐患退回</view> |
| | | <view class="df_sb"> |
| | | <view>退回时间</view> |
| | | <view @click="isShowBackDate = true" v-if="backParam.dealTime">{{ |
| | | backParam.dealTime.slice(0, 16) |
| | | }}</view> |
| | | <view @click="isShowBackDate = true" v-else class="placeholder9" |
| | | >请选择</view |
| | | > |
| | | <view |
| | | class="df_ac" |
| | | @click="isShowBackDate = true" |
| | | v-if="backParam.dealTime" |
| | | >{{ backParam.dealTime }}<u-icon name="arrow-right"></u-icon |
| | | ></view> |
| | | <view @click="isShowBackDate = true" v-else class="placeholder9 df_ac" |
| | | >请选择<u-icon name="arrow-right"></u-icon |
| | | ></view> |
| | | </view> |
| | | |
| | | <view class="label">图片/视频</view> |
| | | <view class="upload_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> |
| | | ><u-icon name="plus" color="rgb(153, 153, 153)" size="28"></u-icon> |
| | | <view class="mt6">图片/视频</view> |
| | | </view> |
| | | <view |
| | | class="adduser_list_item_ipt1_upload" |
| | | v-for="(item, i) in submitFileList" |
| | |
| | | :round="10" |
| | | :safeAreaInsetBottom="true" |
| | | mode="bottom" |
| | | @close="isShowBack = false" |
| | | @close="isShowHandle = false" |
| | | > |
| | | <view class="appr_modal"> |
| | | <view class="title">隐患整改</view> |
| | | <view class="df_sb"> |
| | | <view>整改时间</view> |
| | | <view @click="isShowHandleDate = true" v-if="handleParam.dealTime">{{ |
| | | handleParam.dealTime.slice(0, 16) |
| | | }}</view> |
| | | <view @click="isShowHandleDate = true" v-else class="placeholder9" |
| | | >请选择</view |
| | | > |
| | | <view |
| | | class="df_ac" |
| | | @click="isShowHandleDate = true" |
| | | v-if="handleParam.dealTime" |
| | | >{{ handleParam.dealTime }} |
| | | <u-icon name="arrow-right"></u-icon> |
| | | </view> |
| | | <view |
| | | @click="isShowHandleDate = true" |
| | | v-else |
| | | class="placeholder9 df_ac" |
| | | >请选择<u-icon name="arrow-right"></u-icon |
| | | ></view> |
| | | </view> |
| | | |
| | | <view class="label"><text>*</text>整改前</view> |
| | |
| | | <view |
| | | class="adduser_list_item_ipt1_upload" |
| | | @click="showUploadBe = true" |
| | | ><u-icon name="plus" color="rgb(153, 153, 153)" size="28"></u-icon |
| | | ></view> |
| | | ><u-icon name="plus" color="rgb(153, 153, 153)" size="28"></u-icon> |
| | | <view class="mt6">图片/视频</view> |
| | | </view> |
| | | <view |
| | | class="adduser_list_item_ipt1_upload" |
| | | v-for="(item, i) in dealBeforeFileList" |
| | |
| | | <view |
| | | class="adduser_list_item_ipt1_upload" |
| | | @click="showUploadAf = true" |
| | | ><u-icon name="plus" color="rgb(153, 153, 153)" size="28"></u-icon |
| | | ></view> |
| | | ><u-icon name="plus" color="rgb(153, 153, 153)" size="28"></u-icon> |
| | | <view class="mt6">图片/视频</view></view |
| | | > |
| | | <view |
| | | class="adduser_list_item_ipt1_upload" |
| | | v-for="(item, i) in dealAfterFileList" |
| | |
| | | /> |
| | | </view> |
| | | <view class="member_list"> |
| | | <view class="mt24 placeholder6">共{{ memberList.length }}条数据</view> |
| | | <view v-for="item in memberList" :key="item.id" class="line"> |
| | | <image |
| | | :src=" |
| | |
| | | <view class="empty"></view> |
| | | </view> |
| | | <view class="Transfer_footer"> |
| | | <view class="btn" @click="isShowTransfer = fale">取消</view> |
| | | <view class="btn" @click="isShowTransfer = fales">取消</view> |
| | | <view class="btn active" @click="enterTransfer">确认转交</view> |
| | | </view> |
| | | </view> |
| | |
| | | ></u-datetime-picker> |
| | | |
| | | <u-datetime-picker |
| | | :minDate="new Date().getTime()" |
| | | :show="isShowHandleDate" |
| | | @confirm="confirmHandleDate" |
| | | @cancel="isShowHandleDate = false" |
| | |
| | | { name: '物流车申请', id: 4 }, |
| | | ], |
| | | statusMap: { |
| | | 0: '待审批', |
| | | 1: '审批中', |
| | | 0: '待处理', |
| | | 1: '处理中', |
| | | 2: '审批通过', |
| | | 3: '审批未通过', |
| | | 4: '已取消', |
| | |
| | | this.getDetail() |
| | | }, |
| | | methods: { |
| | | handleOpen() { |
| | | this.isShowHandle = true |
| | | console.log('info', this.info) |
| | | this.dealBeforeFileList = [...this.info.submitFileList] |
| | | this.$set(this.handleParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss')) |
| | | }, |
| | | handleBack() { |
| | | this.isShowBack = true |
| | | this.submitFileList = [...this.info.submitFileList] |
| | | this.$set(this.backParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss')) |
| | | }, |
| | | getDetail() { |
| | | const { id } = this |
| | | hiddenDangerDetail(id).then(res => { |
| | |
| | | }, |
| | | 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, |
| | |
| | | }, |
| | | enterTransfer() { |
| | | const { transferParam, id } = this |
| | | if (!transferParam.id) return uni.showToast({ |
| | | title: '请选择人员', |
| | | icon: 'none' |
| | | }) |
| | | transferHiddenDanger({ |
| | | checkUserId: transferParam.id, |
| | | id |
| | |
| | | }, |
| | | getMemList() { |
| | | findHiddenAreaMemberList({ |
| | | model: { ...this.transferModel }, |
| | | model: { |
| | | ...this.transferModel, |
| | | id: this.info.areaId |
| | | }, |
| | | ...this.pagination, |
| | | }).then(res => { |
| | | this.memberList = res.data || [] |
| | |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | | margin-bottom: 20rpx; |
| | | color: #222222; |
| | | color: $uni-color-primary; |
| | | } |
| | | |
| | | .desc { |
| | |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | margin-bottom: 20rpx; |
| | | .img_wrap { |
| | | margin-top: 24rpx; |
| | | width: 120rpx; |
| | | height: 120rpx; |
| | | margin-right: 24rpx; |
| | | border: 2rpx solid #e5e5e5; |
| | | background: #f7f7f7; |
| | | color: #666666; |
| | | font-size: 22rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | } |
| | | .img { |
| | | width: 140rpx; |
| | | width: 120rpx; |
| | | max-height: 120rpx; |
| | | margin-right: 12rpx; |
| | | margin-bottom: 12rpx; |
| | | border-radius: 8rpx; |
| | | } |
| | | } |
| | | .text_wrap { |
| | |
| | | color: #666666; |
| | | font-size: 22rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |