<script setup lang="ts">
import { onLoad, onShow } from "@dcloudio/uni-app";
import { ref, reactive } from "vue";

const inputDialog = ref<any>(false);

const dialogInputConfirm = () => {
  //判断单位是否为空
  uni.navigateTo({ url: "/pages/login/login?id=1231" });
};

//打开输入税号的弹出框
const openSH = () => {
  inputDialog.value.open("center");
};

//关闭税务弹出框
const closeSW = () => {
  inputDialog.value.close();
};

const next_step = () => {
  //跳转到首页
  uni.switchTab({ url: "/pages/index/index" });
};

//导出方法专供父组件调用
defineExpose({ openSH });
</script>
<template>
  <view>
    <view>
      <!-- 输入框示例 -->
      <uni-popup ref="inputDialog" type="dialog" :mask-click="false">
        <view class="form_out">
          <view class="form_title">提示</view>

          <view class="form_tip"
            >我们将对你企业基本信息、申报信息、征收信息等数据进行采集。</view
          >
          <view>成功了 </view>
          <view class="form_wu"
            >您好，税务授权登录已完成，请勿在3天内登录税务局系统！</view
          >
          <view class="form_button_out"
            ><button class="form_button" @click="next_step">下一步</button></view
          >
        </view>
      </uni-popup>
    </view>
  </view>
</template>
<style lang="scss" scoped>
.form_out {
  // padding: 0rpx 20rpx;
  width: 90%;
  margin-left: 5%;
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 20rpx;
  .form_title {
    // border-radius: 20rpx;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
    padding: 30rpx 0rpx;
    font-size: 40rpx;
    background-color: #eceaea;

    width: 100%;
    text-align: center;
  }
  .form_tip {
    padding: 20rpx;
    text-align: center;
    width: 70%;
    background-color: rgb(164, 215, 247);
    border: #3785ec solid 1rpx;
    margin-top: 40rpx;
    font-size: 35rpx;
    color: #0a7baf;
    margin-bottom: 40rpx;
  }
  .form_wu {
    padding: 0rpx 40rpx;
    color: #000000;
    opacity: 0.4;
    margin-top: 30rpx;
    margin-bottom: 40rpx;
  }
  .form_button_out {
    margin-bottom: 60rpx;
    width: 90%;
    button {
      width: 100%;
      background: linear-gradient(#4a5fd6, #4b6bf8) !important;
      color: #ffffff;
    }
  }
}
</style>
