<template>
  <view class="add-car-card" @click="handleConfirm">
    <view class="header-image">
      <image
        class="header-img"
        src="./images/add_car_crad.png"
        mode="aspectFill"
      />
    </view>

    <view class="content">
      <view class="title">请输入车牌号</view>
      <view class="description">
        请绑定真实有效的车牌号，否则将无法正常使用车牌付费等功能
      </view>
    </view>

    <view class="confirm-btn">
      <text class="confirm-text">进入绑定</text>
    </view>
  </view>
</template>

<script setup>
import { defineProps } from "vue";
import { navigateTo } from "@/router/index";

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

// 确认绑定事件
const handleConfirm = () => {
  navigateTo(props.toolCall.url);
};
</script>

<style lang="scss" scoped>
@import "./styles/index.scss";
</style>
