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:
51
src/components/SurveyQuestionnaire/index.vue
Normal file
51
src/components/SurveyQuestionnaire/index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user