<template>
  <login-box ref="form" @on-submit="onSubmit"></login-box>
  <div class="btn" @click="submit">
    登&nbsp;录
  </div>
</template>

<script setup>
import LoginBox from '@/components/LoginBox'
import { onMounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';

import {
  Cookies,
  $,
  _,
  axios,
  storeToRefs,
  mainStore,
  Toast,
  useTitle,
} from '@/utils/generatePackage.js';
//import { } from '@/utils/generateModules.js'
//import { } from '@/utils/generateIcons.js'
//import { } from '@/composables'
const $route = useRoute();
const $router = useRouter();
useTitle($route.meta.title);

const form = ref(null);

const submit = () => {
  form.value.submit();
}

const onSubmit = (values) => {
  axios.post('/srv/?a=b_login', {
    phone: values.phone,
    pin: values.code,
  })
    .then(res => {
      if (res.data.code === 1) {
        $router.push({
          path: '/business/index'
        });
      } else {
        console.warn(res.data);
        Toast({
          message: res.data.msg,
          icon: 'close',
        });
      }
    })
    .catch(err => {
      console.error(err);
    })
};
</script>

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