<!--
 * @Author: micky
 * @Date: 2024-08-13 19:19:02
 * @LastEditors: micky
 * @LastEditTime: 2024-08-14 10:07:03
 * @FilePath: \chargingpile-uniapp\src\bundle\pages\overhaul\offer-price-detail.vue
-->
<template>
    <w-page-common btnText="确认收货" @submit="handleSubmit">
        <TCard title="进度跟踪">
            <view class="c-form-item-wrapper">
                <view class="item">
                    <view>状态</view>
                    <view
                        :style="{ background: receiveFlowColor[formData.status] }"
                        class="px-2 text-white rounded-sm !flex-none"
                    >
                        {{ receiveFlowMap[formData.status] }}
                    </view>
                </view>
            </view>
        </TCard>
        <TCard title="基本信息" :cardStyle="{ marginTop: '15px' }">
            <view class="c-form-item-wrapper">
                <view class="item">
                    <view>工单编号</view>
                    <view>{{ formData.status }}</view>
                </view>
                <view class="item">
                    <view>报修人</view>
                    <view>{{ formData.status }}</view>
                </view>
                <view class="item">
                    <view>报修时间</view>
                    <view>{{ formData.status }}</view>
                </view>
                <view class="item">
                    <view>报修设备</view>
                    <view>{{ formData.status }}</view>
                </view>
                <view class="item">
                    <view>检修员</view>
                    <view>{{ formData.status }}</view>
                </view>
            </view>
        </TCard>
        <TCard :cardStyle="{ marginTop: '15px', padding: '0 12px 12px' }">
            <view class="c-input-field-item">
                <text>配件费用</text>
                <text class="text-sm">
                    总金额
                    <text class="text-error">￥12312</text>
                </text>
            </view>
            <w-spareParts-list :datas="datas" />
        </TCard>
    </w-page-common>
</template>

<script setup lang="ts">
import { receiveFlowMap, receiveFlowColor } from '@/enums/businessEnums'
import { ref } from 'vue'

const formData = ref({
    status: 1
})
const datas = [
    {
        name: '12'
    }
]
const handleSubmit = () => {}
</script>
<style scoped lang="scss"></style>
