<template>
  <view class="survey-questionnaire w-[calc(100vw_-_24px)]">
    <view class="bg-white border-ff overflow-hidden rounded-[20px]">
      <view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
        <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
          调查问卷
        </text>
        <image class="w-[102px] h-72" :src="surveyData.logoUrl" mode="widthFix" />
      </view>

      <image class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />

      <view
        class="h-44 m-[12px] rounded-[50px] bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-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>
