吉安感知网项目-前端
张含笑
2026-01-23 0416ea9c7eedcfa0b4064b2202f01737c2ce483c
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
@@ -47,7 +23,6 @@
            ></u-swiper>
         </div>
      </div>
    <!-- 工单内容 -->
    <div class="worderContainer">
      <div class="workOrderContent">
@@ -63,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>
@@ -92,8 +67,31 @@
    <!-- 操作按钮 -->
    <div class="actionButton">
      <div class="btngroups">
        <up-button type="primary" color="#AEAEAE" text="退回" @click="rejectTicket"></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>
@@ -155,13 +153,24 @@
// 退回
const rejectTicket = () => {
  const id = workDetailData.value.id
  backGdApi({eventId : id}).then(res => {
  backGdApi({eventId : id,eventStutas:'0'}).then(res => {
    uni.showToast({
      title: '退回成功',
      icon: 'success',
    })
  })
}
// 确认工单
const confirmTheTicket = () => {
  const id = workDetailData.value.id
  backGdApi({eventId : id,eventStutas:'1'}).then(res => {
    uni.showToast({
      title: '确认成功',
      icon: 'success',
    })
  })
}
// 分享模态框状态
const showShareModal = ref(false)
@@ -423,7 +432,7 @@
      align-items: center;
      :deep(.u-button) {
        width: 276rpx !important;
        height: 100rpx !important;
        height: 76rpx !important;
        &:last-child {
          margin-left: 30rpx;
        }