JCSS / jcss-miniprogram

  <template>

      <view class="page-wrap">
          <!-- 顶部提示栏 -->

          <view class="tip-bar" v-if="isView==1" >

              一个任务可提交多次上报记录，每一次作业需如实上报。
          </view>
          <!-- 上报记录列表 -->

          <view class="list-wrap" v-if="reportList.length > 0">
              <view class="report-item" v-for="(item, index) in reportList[0].workRecords" :key="index">

                  <view class="item-title">【第{{ item.sortNum || (index + 1) }}次上报】{{ planName }}</view>

                  <view class="item-row item-row-bottom">

                      <view class="item-time">提交时间：{{ timeFormat(item.createTime,'yyyy-mm-dd hh:MM:ss')}}</view>

                      <view class="look-btn" @click="handleView(item,reportList[0])">查看</view>

                  </view>
              </view>
          </view>
          <!-- 暂无数据 -->
          <view class="empty-wrap" v-else>
              <empty-view text="暂无数据"></empty-view>
          </view>
          <!-- 底部固定按钮 -->

          <view class="fixed-bottom-btn-wrap" v-if="isView==1">

              <up-button type="primary" size="large" block @click="handleAddReport">上报本次记录</up-button>

          </view>

      </view>

  </template>

  <script setup lang="ts">
  import { ref } from 'vue'

  import { onShow, onLoad } from '@dcloudio/uni-app'
  import { maintainPlanList } from "@/api/maintain-manage/maintain-manage";

  import {timeFormat} from '@/uni_modules/uview-plus';

  // 上报记录数据

  const dataList = ref<any[]>([])

  const reportList = ref<any[]>([])

  let planNo = ref('')
  let planTypeId = ref('')
  let businessType = ref('')

  let planName = ref('')

  let isView = ref(true)

  // 存储commitState=1对应的commitId，没有则为空字符串
  const currentCommitId = ref('')
  

  // onLoad接收url传过来的planNo
  onLoad((options) => {
      if (options.planNo) {
          planNo.value = options.planNo
           planTypeId.value = options.planTypeId
            businessType.value = options.businessType

            isView.value = options.isView

          getReportList()
      } else {
          uni.showToast({ title: 'planNo参数缺失', icon: 'none' })
      }
  })

  // 请求上报记录接口
  const getReportList = async () => {
      console.log('3123')
      uni.showLoading({ title: '加载中...', mask: true })
      try {
          // 传入planNo调取接口
          let data = {
              planNo: planNo.value,
              pageNo: 1,
              pageSize: 10
          }
          const res = await maintainPlanList(data)
          // 接口返回list，无数据则reportList为空，页面自动显示empty

          dataList.value = res?.list[0].workRecords
          planName.value = res?.list[0].planName
           reportList.value = res?.list || []
  
         
  
          // ============ 新增逻辑：寻找commitState ===1 的commitId ============
          currentCommitId.value = ''
          if(reportList.value.length > 0){
              // 找到第一条 commitState ===1 的数据
              const activeItem = reportList.value.find(item => item.commitState === 1)
              if(activeItem){
                  currentCommitId.value = activeItem.commitId || ''
              }
              // 没有找到 activeItem，currentCommitId保持 ''
          }
          // reportList为空直接 currentCommitId=''
  

      } catch (err) {
          console.error('获取上报记录失败', err)
          uni.showToast({ title: '加载失败', icon: 'none' })
      } finally {
          uni.hideLoading()
      }
  }

  // 查看上报详情

  const handleView = (item,i) => {

      console.log('查看详情', item)
      uni.navigateTo({

          // 后端 page 接口支持 commitId 精确过滤，必须带上，否则会把该计划全部上报都展示出来

          url: `/pages-sub/daily/maintain-manage/finish-plan-detail?planNo=${i.planNo}&commitId=${i.commitId}`

      })

  }

  // 新增上报记录，把planNo + currentCommitId带到新增页面

  const handleAddReport = () => {

      console.log('上报本次记录', currentCommitId.value)

      uni.navigateTo({

          url: `/pages-sub/daily/maintain-manage/add-record?planNo=${planNo.value}&planTypeId=${planTypeId.value}&businessType=${businessType.value}&commitId=${currentCommitId.value}`

      })

  }
  </script>

  <style scoped lang="scss">
  .page-wrap {

      min-height: 100vh;
      padding-bottom: 120rpx; // 给底部按钮预留空间
      background: #ffffff;

  }

  // 顶部黄色提示条
  .tip-bar {

      background-color: #f9e0a2;
      color: #6b4b00;
      font-size: 28rpx;
      padding: 24rpx 20rpx;
      line-height: 1.5;

  }

  .list-wrap {

      padding: 0;

  }

  .report-item {

      padding: 30rpx 24rpx;
      border-bottom: 1rpx solid #eee;

      .item-title {
          font-size: 32rpx;
          color: #222;
          font-weight: 500;
          margin-bottom: 20rpx;
      }

      .item-row {
          font-size: 28rpx;
          color: #555;
          margin-bottom: 12rpx;
      }

      .item-row-bottom {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 0;
      }

      .look-btn {
          font-size: 28rpx;
          color: #1989fa;
      }

  }

  .empty-wrap {

      padding-top: 120rpx;

  }

  .fixed-bottom-btn-wrap {
      //   position: fixed;
      //   bottom: 0;
      //   left:0;
      //   width:100%;
      //   padding:20rpx;
      //   background:#fff;
  }

  </style>