fix:回退原先版本

charles

2024-04-29 c7f3fd5215399b37d0511b3bd555150ff1b13507

 src/views/login/loginView.vue

@@ -4,7 +4,7 @@
      <div class="card-top">
        <img src="@/assets/images/logo.png" />
      </div>
      <p>智能报工系统</p>
      <p>智能质检系统</p>
      <div class="card_bottom">
        <el-form ref="ruleFormRef" :model="ruleForm" status-icon :rules="rules" label-width="25%" class="demo-ruleForm">
          <el-form-item label="" prop="accountNumber">
@@ -20,8 +20,12 @@
            />
          </el-form-item>
          <el-form-item label="" prop="code">
            <el-input v-model="ruleForm.code" placeholder="验证码" autocomplete="off" style="width: 70%"> </el-input>
            <img class="login-code" :src="captcha" @click="getCaptchaData" />
            <el-input v-model="ruleForm.code" placeholder="验证码" autocomplete="off" style="width: 70%">
              <template #append>
                <img class="login-code" :src="captcha" @click="getCaptchaData" />
              </template>
            </el-input>
            <!-- <img class="login-code" :src="captcha" @click="getCaptchaData" /> -->
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="submitForm(ruleFormRef)">登录</el-button>
@@ -181,7 +185,13 @@
    }
  }
}

.login-code {
  height: 40px - 2px;
  display: block;
  margin: 0px -20px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
::v-deep .el-form-item__content {
  display: flex;
  align-items: center;