feat(order): add order detail and list pages with components for order management

- Implemented order detail page with components for displaying order status, user info, and refund options.
- Created order list page with pagination and order cards for displaying all orders.
- Added styles for order detail and list pages.
- Developed a prompt document outlining component requirements for the order management system.
- Introduced a new Card component for quick booking with a responsive design.
- Enhanced Tabs component for better navigation between different categories.
- Integrated z-paging for efficient data loading and management in order and quick booking lists.
- Added service order card component for displaying service requests with call functionality.
- Updated main CSS for improved viewport handling.
This commit is contained in:
duanshuwen
2026-05-26 15:38:33 +08:00
parent fa76435e38
commit ad93ca5e8e
194 changed files with 17069 additions and 2 deletions

View File

@@ -0,0 +1,51 @@
<template>
<div class="survey-questionnaire w-vw-24">
<div class="bg-white border-box border-ff overflow-hidden rounded-20">
<div
class="border-box flex flex-items-center flex-justify-between bg-theme-color-50"
>
<spanclass="font-size-18 font-500 color-171717 text-left ml-12">
调查问卷
</text>
<img class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
</div>
<img class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
<div
class="h-44 m-12 rounded-50 bg-button color-white flex flex-items-center flex-justify-center"
@click="handleCall"
>
前往填写
</div>
</div>
</div>
</template>
<script setup>
import { getAccessToken } from "@/constant/token";
import { defineProps, computed } from "vue";
import { navigateTo } from "../../router";
const props = defineProps({
toolCall: {
type: Object,
default: {},
},
});
const surveyData = computed(() => {
if (props.toolCall?.data) {
return JSON.parse(props.toolCall?.data);
} else {
return {};
}
});
const handleCall = () => {
const token = getAccessToken();
navigateTo(surveyData.value.jumpUrl, { token: token });
};
</script>
<style lang="scss" scoped></style>