<script setup>
import { useUniApi } from '@/composables/use-uni-api'
import config from '@/config'
const { cdn } = config

const PNG_1 = `${cdn}/elevator/2024/12/30/4d2f6fbb2ab74f619cee8925374e2389.jpg`
const PNG_2 = `${cdn}/elevator/2024/12/30/96978c870eea4205b5ad7d364889e0f2.jpg`
const PNG_3 = `${cdn}/elevator/2024/12/30/0a1987d290f84a57be6ce4d5439b9ef5.jpg`

const { previewImage } = useUniApi()
</script>

<template>
  <view>
    <up-collapse accordion value="0">
      <up-collapse-item title="1.接单" name="0">
        <view>
          <view>
            进入小程序轻触【订单】->点击左上角【未接单】查看未接单的工单列表，进行接单。
          </view>
          <up-image :src="PNG_1" @click="previewImage(PNG_1)" />
        </view>
      </up-collapse-item>
      <up-collapse-item title="2.完成工单" name="1">
        <view>
          进入小程序轻触【订单】->点击左上角【进行中】查看进行中的的工单列表，进行完成工单。
          <up-image :src="PNG_2" @click="previewImage(PNG_2)" />
        </view>
      </up-collapse-item>
      <up-collapse-item title="3.查看详情" name="2">
        <view>
          进入小程序轻触【订单】->点击左上角【已完成】查看已完成的工单列表，查看工单详情。
          <up-image :src="PNG_3" @click="previewImage(PNG_3)" />
        </view>
      </up-collapse-item>
    </up-collapse>
  </view>
</template>
