<template>

  <div class="login-wrap">

    <el-switch

      v-model="isDark"

      class="theme-btn"

      style="margin-left: 24px"

      inline-prompt

      :active-icon="Moon"

      :inactive-icon="Sunny"

      @change="toggleDark"

    />

    <!-- 背景 -->

    <div class="back-wrap">

      <div class="bg-item left one"></div>

      <div class="bg-item right two"></div>

      <div class="bg-item left three"></div>

      <div class="bg-item right four"></div>

    </div>

    <div class="loogin-container">

      <div class="login-title">登录</div>

      <el-form

        :model="sendData"

        class="form-wrap"

        ref="ruleFormRef"

        :rules="rules"

        autocomplete="off"

      >

        <el-form-item prop="staff_account">

          <el-input

            class="login-input"

            v-model="sendData.staff_account"

            placeholder="请输入账号或手机号"

            :prefix-icon="User"

          ></el-input>

        </el-form-item>

        <el-form-item prop="password">

          <el-input

            class="login-input"

            v