<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-theme-color-50">
        <text class="font-size-18 font-500 color-171717 text-left ml-12">
          调查问卷
        </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-button 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>
