<template>
  <div class="login-flex">
    <div class="login">
      <div class="logo"><img src="img/logo_blue.png" /></div>
      <form>
        <div>
          <a-select
            style="width: 100%"
            v-model:value="server"
            :options="servers"
            type="round"
            placeholder="请选择服务地址"
          >
          </a-select>
        </div>
        <div>
          <input id="loginName-input" type="text" placeholder="请输入账号" />
        </div>
        <div>
          <input id="password-input" type="password" placeholder="请输入密码" />
        </div>
        <div><a href="##" id="login-button">登录</a></div>
      </form>
    </div>
    <div class="ft">
      Copyright © 2011-2021 www.qmth.com.cn, All Rights Reserved
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";

Object.assign(
  electron.env,
  JSON.parse(window.localStorage.getItem("env") || "{}")
);

let server = ref("");
const servers = electron.config.servers.map((v) => {
  return { label: v.name, value: v.host };
});
console.log(servers);

onMounted(() => {
  window.localStorage.clear();
});

// document.onkeydown = function (event) {
//     var e = event || window.event;
//     if (e && e.keyCode == 13) { //回车键的键值为13
//         $('#login-button').click() //调用登录按钮的登录事件
//     }
// }

// $('#login-button').click(() => {
//     let index = $('#server-select').val()
//     if (index != '') {
//         env.server = config.servers[parseInt(index)]
//     } else {
//         env.server = undefined
//     }
//     env.loginName = $('#loginName-input').val()
//     env.password = $('#password-input').val()
//     if (env.server == undefined) {
//         alert('请选择服务地址')
//         return
//     }
//     if (env.loginName == '') {
//         alert('请输入账号')
//         return
//     }
//     if (env.password == '') {
//         alert('请输入密码')
//         return
//     }
//     api.login().then(user => {
//         env.user = user
//         window.localStorage.setItem('env', JSON.stringify(env))
//         window.location.href = 'exam-list.html'
//     }).catch(err => {
//         alert('登陆失败，用户名或密码错误')
//     })
// })

// const {
//   user: { userName },
//   exam: { iid, name, examTime },
// } = env;

// $("#user-name").html(env.user.userName);

// $("#exam-title").find(".id").html(env.exam.id);
// $("#exam-title").find(".name").html(env.exam.name);
// $("#exam-title").find(".time").html(env.exam.examTime);
</script>
