| | |
| | | <div class="share-btn" @click="onShareClick"><img src="@/static/images/work/share.svg" alt=""></div> |
| | | </template> |
| | | </u-navbar> |
| | | |
| | | <!-- 分享弹出层 --> |
| | | <div v-if="showShareModal" class="share-modal-overlay" @click="onShareModalClose"> |
| | | <div class="share-modal-content" @click.stop> |
| | | <div class="share-modal-header"> |
| | | <div class="share-modal-title">分享到</div> |
| | | <div class="share-modal-close" @click="onShareModalClose">×</div> |
| | | </div> |
| | | <div class="share-modal-body"> |
| | | <div class="share-item" @click="shareToWechat"> |
| | | <div class="share-icon wechat"></div> |
| | | <div class="share-name">微信好友</div> |
| | | </div> |
| | | <div class="share-item" @click="shareToMoments"> |
| | | <div class="share-icon moments"></div> |
| | | <div class="share-name">朋友圈</div> |
| | | </div> |
| | | <div class="share-item" @click="copyLink"> |
| | | <div class="share-icon link"></div> |
| | | <div class="share-name">复制链接</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="detailTop"> |
| | | <div class="image-container"> |
| | | <u-swiper |
| | |
| | | height="410rpx" |
| | | @click="previewImage" |
| | | ></u-swiper> |
| | | <!-- <div class="detailTitle">--> |
| | | <!-- <div class="titleText">--> |
| | | <!-- <div class="itemName">{{workDetailData.event_name}}</div>--> |
| | | <!-- <div class="itemTime">{{formatDate(workDetailData.create_time)}}</div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 工单内容 --> |
| | | <div class="worderContainer"> |
| | | <div class="workOrderContent"> |
| | |
| | | </div> |
| | | <div class="orderRow"> |
| | | <div class="rowTitle">处置部门</div> |
| | | <div>{{ workDetailData.disposeDept }}</div> |
| | | <div>{{ workDetailData.disposeDeptName }}</div> |
| | | </div> |
| | | <div class="orderRow"> |
| | | <div class="rowTitle">拍摄时间</div> |
| | |
| | | <!-- 操作按钮 --> |
| | | <div class="actionButton"> |
| | | <div class="btngroups"> |
| | | <up-button type="primary" color="#AEAEAE" text="退回"></up-button> |
| | | <up-button type="primary" color="#1D6FE9" text="确认"></up-button> |
| | | <up-button type="primary" color="#AEAEAE" text="退回" @click="rejectTicket"></up-button> |
| | | <up-button type="primary" color="#1D6FE9" text="确认" @click="confirmTheTicket"></up-button> |
| | | </div> |
| | | </div> |
| | | <!-- 分享弹出层 --> |
| | | <div v-if="showShareModal" class="share-modal-overlay" @click="onShareModalClose"> |
| | | <div class="share-modal-content" @click.stop> |
| | | <div class="share-modal-header"> |
| | | <div class="share-modal-title">分享到</div> |
| | | <div class="share-modal-close" @click="onShareModalClose">×</div> |
| | | </div> |
| | | <div class="share-modal-body"> |
| | | <div class="share-item" @click="shareToWechat"> |
| | | <div class="share-icon wechat"></div> |
| | | <div class="share-name">微信好友</div> |
| | | </div> |
| | | <div class="share-item" @click="shareToMoments"> |
| | | <div class="share-icon moments"></div> |
| | | <div class="share-name">朋友圈</div> |
| | | </div> |
| | | <div class="share-item" @click="copyLink"> |
| | | <div class="share-icon link"></div> |
| | | <div class="share-name">复制链接</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <script setup> |
| | | // import { getShowImg, getSmallImg } from '@/utils/util' |
| | | import { ref, computed } from 'vue' |
| | | import {getGddetailedData} from '/src/api/work/index1.js' |
| | | import {getGddetailedData,backGdApi} from '/src/api/work/index1.js' |
| | | import dayjs from 'dayjs' |
| | | const formatDate = dateString => { |
| | | return dayjs(dateString).format('MM/DD HH:mm') |
| | |
| | | workDetailData.value = response |
| | | console.log('详情', workDetailData.value) |
| | | |
| | | |
| | | } |
| | | // 图片预览 |
| | | |
| | | const previewImage = index => { |
| | | if (getImageList.value.length === 0) return |
| | | const currentIndex = typeof index === 'number' ? index : 0 |
| | |
| | | url: `/subPackages/workDetail/mapWork/index?eventNum=${item.event_num}`, |
| | | }) |
| | | } |
| | | // 退回 |
| | | const rejectTicket = () => { |
| | | const id = workDetailData.value.id |
| | | backGdApi({eventId : id,eventStatus:'0'}).then(res => { |
| | | uni.showToast({ |
| | | title: '退回成功', |
| | | icon: 'success', |
| | | }) |
| | | }) |
| | | |
| | | } |
| | | // 确认工单 |
| | | const confirmTheTicket = () => { |
| | | const id = workDetailData.value.id |
| | | backGdApi({eventId : id,eventStatus:'1'}).then(res => { |
| | | uni.showToast({ |
| | | title: '确认成功', |
| | | icon: 'success', |
| | | }) |
| | | }) |
| | | } |
| | | // 分享模态框状态 |
| | | const showShareModal = ref(false) |
| | | |
| | |
| | | <style lang="scss" scoped> |
| | | .workDetailContainer { |
| | | // 添加导航栏高度的padding-top,避免内容被遮挡 |
| | | padding-top: 44px; |
| | | padding-top: 88rpx; |
| | | // 分享按钮样式 |
| | | .share-btn { |
| | | color: #1D6FE9; |
| | | font-size: 14px; |
| | | padding: 0 10px; |
| | | line-height: 44px; |
| | | img { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | } |
| | | } |
| | | .detailTop { |
| | | .image-container { |
| | |
| | | align-items: center; |
| | | :deep(.u-button) { |
| | | width: 276rpx !important; |
| | | height: 100rpx !important; |
| | | height: 76rpx !important; |
| | | &:last-child { |
| | | margin-left: 30rpx; |
| | | } |