script import menu from utilsmenu export default data return username password codes num 1 color #000 rotate 10deg size 16px num 2 color #000

这是一个 Vue 组件的 script 部分，包含了组件的导入、数据、生命周期函数和方法。其中，通过 import 引入了一个名为 menu 的工具模块，该模块的作用是生成菜单列表。该组件的默认导出是一个对象，包含了 data、onLoad、methods 等属性。

在 data 中定义了组件的数据，包括用户名、密码、验证码、下拉框选项、下拉框选项值、选项索引和角色数量等。其中，下拉框选项和选项值是通过遍历菜单列表生成的，角色数量是根据菜单列表中是否有前台登录功能来计算的。如果角色数量为 1，则默认选中该角色。

在 onLoad 生命周期函数中，获取菜单列表并遍历，将包含前台登录功能的角色名称添加到下拉框选项中。如果角色数量为 1，则将选项索引设为 1。最后调用 styleChange 方法，该方法用于改变组件样式。

在 methods 中定义了组件的方法，包括 onRegisterTap、onForgetTap 和 onLoginTap。其中，onRegisterTap 方法用于跳转到注册页面，onForgetTap 方法用于跳转到忘记密码页面，onLoginTap 方法用于登录操作。在 onLoginTap 方法中，首先判断是否选择了登录用户类型，然后调用 $api.login 方法进行登录操作。如果登录成功，则将 token、昵称、当前表名和角色名称等信息存储到本地缓存中，并调用 $api.session 方法获取用户信息，并将用户 id 存储到本地缓存中。最后跳转到首页。optionsChange 方法用于监听下拉框选项的变化，并更新选项索引