e57617d2c6
remove unused theme color background utility classes from background.scss, swap all instances of bg-theme-color-50 and bg-theme-color-500 with their corresponding hex values across vue components, and update bg-liner gradient to use direct hex colors instead of theme variables
49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<template>
|
|
<view class="survey-questionnaire w-vw-24">
|
|
<view class="bg-white border-box border-ff overflow-hidden rounded-20">
|
|
<view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
|
|
<text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
|
|
调查问卷
|
|
</text>
|
|
<image class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
|
|
</view>
|
|
|
|
<image class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
|
|
|
|
<view
|
|
class="h-44 m-12 rounded-50 bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] color-white flex flex-items-center flex-justify-center"
|
|
@click="handleCall">
|
|
前往填写
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</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>
|