admin/src/views/login.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <div>
    <div class="container">
      <div class="login-form">
        <h1 class="h1">万物由你商品定制交易网站登录</h1>
        <div class="input-group">
          <div class="input-container">
            <input v-model="rulesForm.username" class="input" type="text" placeholder="用户名" />
          </div>
        </div>
        <div class="input-group">
          <div class="input-container">
            <input v-model="rulesForm.password" class="input" type="password" placeholder="密码" />
          </div>
        </div>
        <div class="input-group">
          <div class="input-container">
            <el-radio
              v-for="item in menus"
              v-bind:key="item.roleName"
              v-model="rulesForm.role"
              :label="item.roleName"
            >{{item.roleName}}</el-radio>
          </div>
        </div>
        <div class="nk-navigation">
          <a href="#">
            <img class="icon" src="../assets/img/login.png" />
            <div @click="login()">登录</div>
          </a>
        </div>
        <div class="register-container">
          <a href="#">
                                    <div @click="register('yonghu')">注册用户</div>
                                                                                                                                                                                                                                                                                                                                                          </a>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import menu from "@/utils/menu";
export default {
  data() {
    return {
      rulesForm: {
        username: "",
        password: "",
        role: ""
      },
      menus: [],
      tableName: ""
    };
  },
  mounted() {
    let menus = menu.list();
    this.menus = menus;
  },
  methods: {
    register(tableName){