THJ_Mobile/src/packages/mobile/views/mine/wareorder/wroutinapplydetail/index.vue

<template>
    <app-view class="wroutinapply-detail g-form">
        <template #header>
            <app-navbar title="提货详情" />
        </template>
        <div v-if="detail" class="wroutinapply-detail__container g-form__container">
            <CellGroup title="提货信息">
                <Cell title="商品" :value="detail.wrstandardname" />
                <Cell title="仓库" :value="detail.warehousename" />
                <Cell title="提货数量" :value="detail.qty" />
                <Cell title="提货方式" :value="detail.appointmentmodeldisplay" />
                <Cell title="联系人" :value="detail.contactname" />
                <Cell title="联系方式" :value="detail.contactnum" />
                <Cell title="目的地地址"
                    :value="[detail.provincename, detail.cityname, detail.districtname, detail.address].join(' ')"
                    v-if="detail.appointmentmodel === 1" />
                <Cell title="发票信息" title-style="flex:none" v-if="detail.appointmentremark">
                    <template #value>
                        <div style="white-space: pre-line">{{ detail.appointmentremark }}</div>
                    </template>
                </Cell>
                <Cell title="提货状态" :value="getApplyStatusName(detail.applystatus)" />
            </CellGroup>
        </div>
        <div v-else>
            <Empty />
        </div>
    </app-view>
</template>

<script lang="ts" setup>
import { shallowRef } from 'vue'
import { useNavigation } from '@/hooks/navigation'
import { CellGroup, Cell, Empty } from 'vant'
import { getApplyStatusName } from "@/constants/order";

const { route } = useNavigation()
const item = route.params.item
const detail = shallowRef<Model.WrOutInApplyRsp>()

if (item) {
    detail.value = JSON.parse(item.toString())
}
</script>

<style lang="less">@import './index.less';</style>