11.21前端

This commit is contained in:
@QQNZX 2023-11-21 15:57:47 +08:00
parent 2f229c225f
commit c068cdefa0
3 changed files with 125 additions and 23 deletions

View File

@ -173,7 +173,7 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="会员等级" prop="region" v-if="form.groupOriented == '2' " > <el-form-item label="会员等级" prop="region" v-if="form.groupOriented == '2' " >
<el-select v-model="form.membershipLevel" placeholder="会员等级" > <el-select v-model="form.membershipLevel" multiple placeholder="会员等级" >
<el-option v-for="(item,index) in vipname" :key="index" :label="item.name" :value="item.name"></el-option> <el-option v-for="(item,index) in vipname" :key="index" :label="item.name" :value="item.name"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -657,7 +657,7 @@
activeStatus:'1', activeStatus:'1',
paymentValue:'1', paymentValue:'1',
amountCommission:'', amountCommission:'',
membershipLevel:'', membershipLevel:[],
percentageCommissions:'', percentageCommissions:'',
fringeBenefit:'', fringeBenefit:'',
cardValueChildList:[], cardValueChildList:[],
@ -823,7 +823,7 @@
chongzhi(){ chongzhi(){
this.form = { this.form = {
sort:1, sort:1,
membershipLevel:'', membershipLevel:[],
groupOriented: '1', groupOriented: '1',
rechargeBalance:'', rechargeBalance:'',
giftBalance:'', giftBalance:'',

View File

@ -340,9 +340,6 @@
</el-col> </el-col>
</el-row> </el-row>
<el-form-item label="参与条件" prop="participationCondition"> <el-form-item label="参与条件" prop="participationCondition">
<el-select v-model="form.participationCondition" clearable placeholder="请选择天参与条件"> <el-select v-model="form.participationCondition" clearable placeholder="请选择天参与条件">
<el-option label="不限制" value="0"></el-option> <el-option label="不限制" value="0"></el-option>
@ -765,12 +762,13 @@ export default {
this.$message.error("该商品已存在") this.$message.error("该商品已存在")
return return
} }
this.pdswidlist.push( this.shopdata.goodsId.id) this.pdswidlist.push( this.shopdata.goodsId.id,)
let data = { let data = {
activeGift: 4, activeGift: 4,
goodsIds : this.shopdata.goodsId.id, goodsIds : this.shopdata.goodsId.id,
goodsName: this.shopdata.goodsId.name, goodsName: this.shopdata.goodsId.name,
goodsTotal:1
goodsTotal:this.shopdata.count
} }
this.form.shiwudata.push(data) this.form.shiwudata.push(data)

View File

@ -1,17 +1,24 @@
<template> <template>
<div class="login"> <div class="login">
<div class="login-main"> <div class="box-center">
<div class="caption"> <div class="box-left">
<h4 class="caption-title">{{ systemName }}</h4> <div class="bai-size">蓝鲸智慧加油站</div>
<p class="caption-remark">欢迎使用 {{ systemName }}您的卡券储值卡计次卡等会员营销小管家</p> <div class="bact-box">
<div class="sanhh">活动营销</div>
<div class="sanhh">节省人力</div>
<div class="sanhh">精准定位</div>
</div> </div>
</div> </div>
<div class="login-form"> <div class="box-right">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules"> <div class="box-title">
<div class="title"> 登录
<img class="logo" src="@/assets/logo/logo.png"/> </div>
<span class="name">{{ systemName }}</span> <el-form ref="loginForm" :model="loginForm" :rules="loginRules">
</div> <!-- <div class="title">-->
<!-- <img class="logo" src="@/assets/logo/logo.png"/>-->
<!-- <span class="name">{{ systemName }}</span>-->
<!-- </div>-->
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
@ -36,19 +43,30 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="captchaCode" v-if="captchaOnOff"> <el-form-item prop="captchaCode" v-if="captchaOnOff">
<div style="display: flex;align-items: center">
<div>
<el-input <el-input
v-model="loginForm.captchaCode" v-model="loginForm.captchaCode"
auto-complete="off" auto-complete="off"
placeholder="请输入验证码" placeholder="请输入验证码"
style="width: 63%" style="width: 90%"
clearable clearable
@keyup.enter.native="handleLogin" @keyup.enter.native="handleLogin"
> >
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input> </el-input>
<div class="login-code"> </div>
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
<div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
</div>
</div> </div>
</el-form-item> </el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox> <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
<el-form-item style="width:100%;"> <el-form-item style="width:100%;">
@ -63,7 +81,22 @@
<span v-else> 中...</span> <span v-else> 中...</span>
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
</div>
<!-- <div class="login-main">-->
<!-- <div class="caption">-->
<!-- <h4 class="caption-title">{{ systemName }}</h4>-->
<!-- <p class="caption-remark">欢迎使用 {{ systemName }}您的卡券储值卡计次卡等会员营销小管家</p>-->
<!-- </div>-->
<!-- </div>-->
<div class="login-form">
<div class="copy-right"> <div class="copy-right">
<span>Copyright © 2020-2023 <a class="link" href="https://www.fuint.cn">fuint.cn</a> All Rights Reserved.</span> <span>Copyright © 2020-2023 <a class="link" href="https://www.fuint.cn">fuint.cn</a> All Rights Reserved.</span>
</div> </div>
@ -75,9 +108,11 @@
import { getCodeImg } from "@/api/login"; import { getCodeImg } from "@/api/login";
import Cookies from "js-cookie"; import Cookies from "js-cookie";
import { encrypt, decrypt } from '@/utils/jsencrypt' import { encrypt, decrypt } from '@/utils/jsencrypt'
import BalanceRecharge from "@/views/member/balanceRecharge.vue";
export default { export default {
name: "Login", name: "Login",
components: {BalanceRecharge},
data() { data() {
return { return {
codeUrl: "", codeUrl: "",
@ -171,9 +206,78 @@ export default {
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.login { .login {
height: 100%; height: 100vh;
width: 100%; width: 100%;
position: relative; position: relative;
background-image: url("../assets/images/loginback.png");
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
.box-center{
width: 1000px;
height: 580px;
border-radius: 8px;
background: #FFFFFF;
box-shadow: 0px 4px 10px 0px rgba(20,61,129,0.1);
border-radius: 16px 16px 16px 16px;
opacity: 1;
margin: 150px auto;
overflow: hidden;
display: flex;
}
.box-left{
width: 50%;
height: 100%;
background: #00aaff;
background-image: url("../assets/images/box-left.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.box-right{
width: 50%;
box-sizing: border-box;
padding: 80px;
}
.box-title{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.bai-size{
width: 100%;
text-align: center;
font-size: 40px;
font-weight: bold;
color: #FFFFFF;
margin-top: 65px;
}
.bact-box{
width: 85%;
margin: 15px auto;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
}
.sanhh{
width: 112px;
height: 34px;
background: linear-gradient(90deg, #E1EBFF 0%, #FFFFFF 100%);
border-radius: 2px 2px 2px 2px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #1755D0;
}
.login-main { .login-main {
background-image: url("../assets/images/login-bg.png"); background-image: url("../assets/images/login-bg.png");
position: fixed; position: fixed;