<template>
  <view class="survey-questionnaire">
    <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
      <view class="border-box w-vw flex flex-items-center flex-justify-between bg-EEF8FF">
        <text class="font-size-18 font-500 color-171717 text-left ml-12">
          调查问卷
        </text>
        <image class="w-102 h-72" src="./sq_edit.png" mode="widthFix" />
      </view>

      <image class="w-full" src="./sq_banner.png" 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 } from "vue";
import { navigateTo } from "../../router";

const props = defineProps({
  toolCall: {
    type: Object,
    default: {},
  },
});

const handleCall = () => {
  const token = getAccessToken();
  navigateTo(props.toolCall.data || props.toolCall.toolResult, { token: token });
};
</script>

<style lang="scss" scoped></style>
