<script setup>
import { useFetch } from 'hooks/use-fetch'
import { useUniApi } from 'hooks/use-uni-api'
import { getMaintainRecordInfoApi } from '@/api/elevator'
const { previewImage } = useUniApi()

// 电梯名称 工作选项 工作状态 创建时间 发布人员 期望时间 工作描述 被困人数 受伤人数 备注 其它原因
const cellData = ref([
  { key: '电梯名称', value: '某某某电梯' },
  { key: '工作选项', value: '维保' },
  { key: '工作状态', value: '未完成' },
  { key: '创建时间', value: '2021-12-12' },
  { key: '发布人员', value: '某某某' },
  { key: '期望时间', value: '2021-12-12' },
  { key: '工作描述', value: '领导派发' },
  { key: '被困人数', value: '1' },
  { key: '受伤人数', value: '0' },
  { key: '备注', value: '领导派发' },
  { key: '其他原因', value: '领导派发' }
])

// 警告信息
// 电梯名称 发生时间 故障类型 救援状态 情况描述
const warningMessageData = ref([
  { key: '电梯名称', value: '', field: 'elevatorName' },
  { key: '发生时间', value: '', field: 'time' },
  { key: '故障类型', value: '', field: 'faultName' },
  { key: '救援状态', value: '', field: 'rescueStatus' },
  { key: '情况描述', value: '', field: 'description' }
])

// 救援记录
// 被困人数 受伤人数 故障类型和原因 其它原因 备注
const rescueRecordData = ref([
  { key: '被困人数', value: '', field: 'beStuckNum' },
  { key: '受伤人数', value: '', field: 'injuryNum' },
  { key: '故障类型和原因', value: '', field: 'faultName' },
  { key: '其他原因', value: '', field: 'otherReason' },
  { key: '备注', value: '', field: 'remark' }
])

const actionRecord = ref([
  { title: '某某某', label: '接收', time: '2021-12-12 13:00:00' },
  { title: '某某某', label: '到场', time: '2021-12-12 13:00:00' },
  { title: '某某某', label: '完成', time: '2021-12-12 13:00:00' }
])

const workRecord = ref([
  {
    title: '[图片]',
    label: 'https://img.yzcdn.cn/vant/cat.jpeg',
    time: '2024-01-01 13:00:00'
  },
  {
    title: '[维保签名]',
    label: 'https://img.yzcdn.cn/vant/cat.jpeg',
    time: '2024-01-01 13:00:00'
  },
  {
    title: '[图片]',
    label: 'https://img.yzcdn.cn/vant/cat.jpeg',
    time: '2024-01-01 13:00:00'
  },
  {
    title: '[维保签名]',
    label: 'https://img.yzcdn.cn/vant/cat.jpeg',
    time: '2024-01-01 13:00:00'
  },
  {
    title: '[图片]',
    label: 'https://img.yzcdn.cn/vant/cat.jpeg',
    time: '2024-01-01 13:00:00'
  }
])

const dataDetail = ref({})
const { result, fetchApi } = useFetch({
  apiFn: getMaintainRecordInfoApi
})
const getDetail = async () => {
  await fetchApi({
    ...options.value
  })
  dataDetail.value = result.value
}
const options = ref({})
onLoad(async (e) => {
  dataDetail.value = {}
  options.value = e
  await getDetail()
})
</script>

<template>
  <view class="maintenance-detail" px-28>
    <up-cell-group :border="false">
      <up-cell
        v-for="(item, index) in cellData"
        :key="index"
        :title="item.key"
        :value="item.value"
      />
    </up-cell-group>

    <!-- 警告信息 -->
    <view mt-32>
      <view text-32 font-500>警告信息</view>
      <up-cell-group :border="false">
        <up-cell
          v-for="(item, index) in warningMessageData"
          :key="index"
          :title="item.title"
          :label="item.label"
          :value="item.time"
        />
      </up-cell-group>
    </view>

    <!-- 救援过程 -->
    <view mt-32>
      <view text-32 font-500>救援过程</view>
      <view mt-20 text-gray-500>暂无记录</view>
    </view>

    <!-- 救援记录 -->
    <view mt-32>
      <view text-32 font-500>救援记录</view>
      <up-cell-group :border="false">
        <up-cell
          v-for="(item, index) in rescueRecordData"
          :key="index"
          :title="item.title"
          :label="item.label"
          :value="item.time"
        />
      </up-cell-group>
    </view>
  </view>
</template>
