| | |
| | | <!-- 自定义导航栏 --> |
| | | <u-navbar title="工单详情" :is-back="true" back-text="" :back-icon-size="40" @left-click="onBackClick"> |
| | | <template #right> |
| | | <div class="share-btn" @click="onShareClick"></div> |
| | | <div v-if="isH5" class="tapShare-icon"><img src="/static/images/work/share.svg" @click="onShareClick"/></div> |
| | | <div v-else class="share-btn" @click="onShareClick"></div> |
| | | </template> |
| | | </u-navbar> |
| | | <div class="detailTop"> |
| | |
| | | <up-button type="primary" color="#1D6FE9" text="确认" @click="confirmTheTicket"></up-button> |
| | | </div> |
| | | <div class="btngroups" v-if="workDetailData.eventStatus === 3"> |
| | | <up-button type="primary" color="#1D6FE9" text="已确认" ></up-button> |
| | | <up-button type="primary" color="#1D6FE9" text="已确认" @click="confirmedHandle"></up-button> |
| | | </div> |
| | | </div> |
| | | <!-- 分享弹出层 --> |
| | |
| | | |
| | | <script setup> |
| | | // import { getShowImg, getSmallImg } from '@/utils/util' |
| | | import { ref, computed } from 'vue' |
| | | import {getGddetailedData,backGdApi} from '/src/api/work/index.js' |
| | | import dayjs from 'dayjs' |
| | | const formatDate = dateString => { |
| | |
| | | const eventNum = ref('') |
| | | // 工单内容 |
| | | const workDetailData = ref({}) |
| | | // 环境判断 |
| | | const isH5 = ref(false) |
| | | onLoad(async options => { |
| | | eventNum.value = options.id |
| | | await getDataList(options.id) |
| | | checkEnvironment() |
| | | }) |
| | | const getDataList = async val => { |
| | | const params = { |
| | |
| | | const res = await getGddetailedData(params) |
| | | const response = res.data.data |
| | | workDetailData.value = response |
| | | } |
| | | // 检查运行环境 |
| | | const checkEnvironment = () => { |
| | | const systemInfo = uni.getSystemInfoSync() |
| | | // #ifdef APP-PLUS |
| | | isH5.value = false |
| | | // #endif |
| | | |
| | | // #ifdef H5 |
| | | isH5.value = true |
| | | // #endif |
| | | |
| | | console.log('当前环境:', isH5.value ? 'H5' : 'App') |
| | | } |
| | | // 图片预览 |
| | | const previewImage = index => { |
| | |
| | | uni.navigateBack() |
| | | }) |
| | | }) |
| | | } |
| | | // 已确认 |
| | | const confirmedHandle = () => { |
| | | uni.navigateBack() |
| | | } |
| | | // 分享模态框状态 |
| | | const showShareModal = ref(false) |
| | |
| | | } |
| | | } // 分享按钮样式 |
| | | .share-btn { |
| | | // #ifdef APP-PLUS |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | background-image: url('/static/images/work/share.svg'); |
| | | background-size: contain; |
| | | background-repeat: no-repeat; |
| | | background-position: center; |
| | | // #endif |
| | | } |
| | | .tapShare-icon { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | img { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | } |
| | | } |
| | | .detailTop { |
| | | // #ifdef APP-PLUS |