| | |
|---|
| | | <!DOCTYPE HTML> |
|---|
| | | <html> |
|---|
| | | |
|---|
| | | <head> |
|---|
| | | <title>账号登录</title> |
|---|
| | | <link rel="shortcut icon" href="/favicon.ico"> |
|---|
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|---|
| | | <link rel="stylesheet" href="/static/supplier/login/login.css?x=1"> |
|---|
| | | <include file="common:element-plus"> |
|---|
| | | </head> |
|---|
| | | <head> |
|---|
| | | <title>账号登录</title> |
|---|
| | | <link rel="shortcut icon" href="/favicon.ico"> |
|---|
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|---|
| | | <link rel="stylesheet" href="/static/admin/login/login.css?x=1"> |
|---|
| | | <include file="common:element-plus"> |
|---|
| | | </head> |
|---|
| | | |
|---|
| | | <body> |
|---|
| | | <div class="loginbg"></div> |
|---|
| | | <input type="hidden" id="backurl" value="{$SERVER.HTTP_REFERER|default=''}"> |
|---|
| | | <div id="login_app" class="login-bg"> |
|---|
| | | <div class="login-register"> |
|---|
| | | <div class="register-form"> |
|---|
| | | <div class="text-center font-size-20 mb30"> |
|---|
| | | <div class="mt45"> |
|---|
| | | <img src="/static/supplier/login/logo-m.png" style="height:100px;border-radius: 49%;" /> |
|---|
| | | </div> |
|---|
| | | <p class="mt10">总管理后台登录</p> |
|---|
| | | <body> |
|---|
| | | <div class="loginbg"></div> |
|---|
| | | <input type="hidden" id="backurl" value="{$SERVER.HTTP_REFERER|default=''}"> |
|---|
| | | <div id="login_app" class="login-bg"> |
|---|
| | | <div class="login-register"> |
|---|
| | | <div class="register-form"> |
|---|
| | | <div class="text-center font-size-20 mb30"> |
|---|
| | | <div class="mt45"> |
|---|
| | | <img src="/static/admin/login/logo-m.png" style="width: 200px;" /> |
|---|
| | | </div> |
|---|
| | | <br /> |
|---|
| | | <el-form :model="form" label-width="auto" style="max-width: 600px" @keydown.enter="login"> |
|---|
| | | <el-form-item> |
|---|
| | | <el-input v-model="userdata.username" placeholder="请输入账号" size="large" prefix-icon="user"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-input v-model="userdata.password" type="password" placeholder="请输入密码" size="large" prefix-icon="lock"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <br /> |
|---|
| | | <el-button type="primary" @click="login" size="large" class="btn_block">登录</el-button> |
|---|
| | | </el-form> |
|---|
| | | <p class="mt10">总管理后台登录</p> |
|---|
| | | </div> |
|---|
| | | <br /> |
|---|
| | | <el-form :model="form" label-width="auto" style="max-width: 600px" @keydown.enter="login"> |
|---|
| | | <el-form-item> |
|---|
| | | <el-input v-model="userdata.username" placeholder="请输入账号" size="large" prefix-icon="user"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <el-input v-model="userdata.password" type="password" placeholder="请输入密码" size="large" prefix-icon="lock"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <br /> |
|---|
| | | <el-button type="primary" @click="login" size="large" class="btn_block">登录</el-button> |
|---|
| | | </el-form> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | var backurl = $('#backurl').val(); |
|---|
| | | const { ElMessage } = ElementPlus; |
|---|
| | | const App = { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | userdata: { |
|---|
| | | username: '', |
|---|
| | | password: '', |
|---|
| | | backurl: backurl, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | mounted() { }, |
|---|
| | | created() { }, |
|---|
| | | methods: { |
|---|
| | | login() { |
|---|
| | | let that = this; |
|---|
| | | if (that.userdata.username == '') { |
|---|
| | | ElMessage({ |
|---|
| | | message: "请输入账号", |
|---|
| | | type: 'error', |
|---|
| | | plain: true, |
|---|
| | | duration: 2000, |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (that.userdata.password == '') { |
|---|
| | | ElMessage({ |
|---|
| | | message: "请输入密码", |
|---|
| | | type: 'error', |
|---|
| | | plain: true, |
|---|
| | | duration: 2000, |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | let url = "/admin/login/login.html" |
|---|
| | | postRequest(url, that.userdata).then(res => { |
|---|
| | | if (res.data.code == 200) { |
|---|
| | | that.$message({ |
|---|
| | | message: res.data.message, |
|---|
| | | type: 'success', |
|---|
| | | plain: true, |
|---|
| | | duration: 500, |
|---|
| | | onClose: function () { |
|---|
| | | document.location = res.data.url; |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | // |
|---|
| | | } |
|---|
| | | else { |
|---|
| | | that.$message({ |
|---|
| | | message: res.data.message, |
|---|
| | | type: 'error', |
|---|
| | | plain: true, |
|---|
| | | duration: 3000, |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | <script> |
|---|
| | | var backurl = $('#backurl').val(); |
|---|
| | | const { ElMessage } = ElementPlus; |
|---|
| | | const App = { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | userdata: { |
|---|
| | | username: '', |
|---|
| | | password: '', |
|---|
| | | backurl: backurl, |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | const app = Vue.createApp(App); |
|---|
| | | for (const [key, component] of Object.entries(ElementPlusIconsVue)) { |
|---|
| | | app.component(key, component) |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | mounted() { }, |
|---|
| | | created() { }, |
|---|
| | | methods: { |
|---|
| | | login() { |
|---|
| | | let that = this; |
|---|
| | | if (that.userdata.username == '') { |
|---|
| | | ElMessage({ |
|---|
| | | message: "请输入账号", |
|---|
| | | type: 'error', |
|---|
| | | plain: true, |
|---|
| | | duration: 2000, |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (that.userdata.password == '') { |
|---|
| | | ElMessage({ |
|---|
| | | message: "请输入密码", |
|---|
| | | type: 'error', |
|---|
| | | plain: true, |
|---|
| | | duration: 2000, |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | let url = "/admin/login/login.html" |
|---|
| | | postRequest(url, that.userdata).then(res => { |
|---|
| | | if (res.data.code == 200) { |
|---|
| | | that.$message({ |
|---|
| | | message: res.data.message, |
|---|
| | | type: 'success', |
|---|
| | | plain: true, |
|---|
| | | duration: 500, |
|---|
| | | onClose: function () { |
|---|
| | | document.location = res.data.url; |
|---|
| | | }, |
|---|
| | | }) |
|---|
| | | // |
|---|
| | | } |
|---|
| | | else { |
|---|
| | | that.$message({ |
|---|
| | | message: res.data.message, |
|---|
| | | type: 'error', |
|---|
| | | plain: true, |
|---|
| | | duration: 3000, |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | app.use(ElementPlus, { |
|---|
| | | locale: ElementPlusLocaleZhCn, |
|---|
| | | }); |
|---|
| | | app.mount("#login_app"); |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
| | | }; |
|---|
| | | const app = Vue.createApp(App); |
|---|
| | | for (const [key, component] of Object.entries(ElementPlusIconsVue)) { |
|---|
| | | app.component(key, component) |
|---|
| | | } |
|---|
| | | app.use(ElementPlus, { |
|---|
| | | locale: ElementPlusLocaleZhCn, |
|---|
| | | }); |
|---|
| | | app.mount("#login_app"); |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
| | | |
|---|
| | | </html> |
|---|
