吉安感知网项目-前端
shuishen
2026-01-23 e946d0a2f9cf788e8f9ca0f84cf96fced21aaf5e
uniapps/work-app/src/subPackages/workDetail/index.vue
@@ -7,30 +7,6 @@
            <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
@@ -45,15 +21,8 @@
               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">
@@ -69,7 +38,7 @@
          </div>
          <div class="orderRow">
            <div class="rowTitle">处置部门</div>
            <div>{{ workDetailData.disposeDept }}</div>
            <div>{{ workDetailData.disposeDeptName }}</div>
          </div>
          <div class="orderRow">
            <div class="rowTitle">拍摄时间</div>
@@ -98,8 +67,31 @@
    <!-- 操作按钮 -->
    <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>
@@ -108,7 +100,7 @@
<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')
@@ -129,10 +121,8 @@
  workDetailData.value = response
  console.log('详情', workDetailData.value)
}
// 图片预览
const previewImage = index => {
  if (getImageList.value.length === 0) return
  const currentIndex = typeof index === 'number' ? index : 0
@@ -160,7 +150,27 @@
    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)
@@ -283,13 +293,13 @@
<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 {
@@ -422,7 +432,7 @@
      align-items: center;
      :deep(.u-button) {
        width: 276rpx !important;
        height: 100rpx !important;
        height: 76rpx !important;
        &:last-child {
          margin-left: 30rpx;
        }