Skip to content

S
support
Commit 59e8e10e by suwenbiao
Options

配置文件更新

parent e5f58745
Showing with 239 additions and 3 deletions
.env.development 0 → 100644
# just a flag
ENV = 'development'
# base api
# VUE_APP_BASE_API = '/dev-api'
#VUE_APP_BASE_API = 'http://192.168.3.43:8870'
#VUE_APP_BASE_API = 'https://test-channelapi.finezb.com/'
VUE_APP_BASE_API = 'http://oc-channel-api.finekaa.com'
#VUE_APP_LIVE_PLAYER='http://static.oclive.cn/live.player_commons_4.4.js'
VUE_APP_LIVE_PLAYER='http://static.oclive.cn/live.player_commons_5.2.js'
#VUE_APP_LIVE_PLAYER='https://webjs-lib.finezb.com/live.player_commons_4.2.js'
VUE_APP_REDIRECT_URL = 'http://qw.finekaa.com'
.env.production 0 → 100644
# just a flag
ENV = 'production'
# base api
# VUE_APP_BASE_API = '/prod-api'
VUE_APP_BASE_API = 'https://channel-api.occloud.net/'
VUE_APP_LIVE_PLAYER='https://webjs-lib.finezb.com/live.player_commons_4.7.js'
VUE_APP_REDIRECT_URL = 'https://qw.occloud.net'
package-lock.json
{
"name": "v3test",
"name": "support",
"version": "0.1.0",
"lockfileVersion": 1,
"requires": true,
......
package.json
{
"name": "v3test",
"name": "support",
"version": "0.1.0",
"private": true,
"scripts": {
......
public/favicon.ico
No preview for this file type
src/.env.development 0 → 100644
# just a flag
ENV = 'development'
# base api
# VUE_APP_BASE_API = '/dev-api'
#VUE_APP_BASE_API = 'http://192.168.3.43:8870'
#VUE_APP_BASE_API = 'https://test-channelapi.finezb.com/'
VUE_APP_BASE_API = 'http://oc-channel-api.finekaa.com'
#VUE_APP_LIVE_PLAYER='http://static.oclive.cn/live.player_commons_4.4.js'
VUE_APP_LIVE_PLAYER='http://static.oclive.cn/live.player_commons_5.2.js'
#VUE_APP_LIVE_PLAYER='https://webjs-lib.finezb.com/live.player_commons_4.2.js'
VUE_APP_REDIRECT_URL = 'http://qw.finekaa.com'
src/.env.production 0 → 100644
# just a flag
ENV = 'production'
# base api
# VUE_APP_BASE_API = '/prod-api'
VUE_APP_BASE_API = 'https://channel-api.occloud.net/'
VUE_APP_LIVE_PLAYER='https://webjs-lib.finezb.com/live.player_commons_4.7.js'
VUE_APP_REDIRECT_URL = 'https://qw.occloud.net'
src/App.vue
......@@ -10,7 +10,8 @@
text-align: center;
color: #2c3e50;
height: 100vh;
overflow: hidden;
min-width: 1400px;
overflow: auto;
}
*{
margin: 0;
......
src/login/index.vue 0 → 100644
<template>
<div class="login-container" :style="`transform:scale(`+ scaleNum +`)`">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
<div class="title-container" style="color: #36a3f7;font-size: 32px;letter-spacing: 2px;margin-bottom: 40px;font-weight: 700;">
欧畅云技术支持后台
</div>
<el-form-item prop="username">
<span class="svg-container" style="margin-left: 5px;">
<svg-icon icon-class="user" />
</span>
<el-input
ref="username"
v-model="loginForm.username"
placeholder="请输入用户名"
name="username"
type="text"
tabindex="1"
auto-complete="on"
size="large"
/>
</el-form-item>
<el-form-item prop="password">
<span class="svg-container" style="margin-left: 5px;">
<svg-icon icon-class="password" />
</span>
<el-input
:key="passwordType"
ref="password"
v-model="loginForm.password"
:type="passwordType"
placeholder="请输入密码"
name="password"
tabindex="2"
auto-complete="on"
@keyup.enter.native="handleLogin"
size="large"
/>
<span class="show-pwd" @click="showPwd">
<svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
</span>
</el-form-item>
<el-button :loading="loading" type="primary" style="width: 100%;margin-bottom: 20px;margin-top: 60px;height: 55px;font-size: 22px;" @click.native.prevent="handleLogin">登&nbsp;&nbsp;录</el-button>
</el-form>
</div>
</template>
<script>
// import { validUsername } from '@/utils/validate'
// import { Message } from 'element-ui'
export default {
name: 'Login',
data() {
const validateUsername = (rule, value, callback) => {
if (!value.trim()) {
callback(new Error('请输入正确的用户名'))
} else {
callback()
}
}
const validatePassword = (rule, value, callback) => {
if (value.length < 4) {
callback(new Error('密码不能少于4位'))
} else {
callback()
}
}
return {
loginForm: {
username: '',
subDomain: '',
password: ''
},
loginRules: {
username: [{ required: true, trigger: 'blur', validator: validateUsername }],
password: [{ required: true, trigger: 'blur', validator: validatePassword }]
},
loading: false,
passwordType: 'password',
redirect: undefined,
screenWidth: 0,
scaleNum: 1
}
},
// watch: {
// $route: {
// handler: function(route) {
// this.redirect = route.query && route.query.redirect
// },
// immediate: true
// }
// },
// mounted() {
// this.screenWidth = document.body.clientWidth
// console.log(this.screenWidth)
// this.scaleNum = (this.screenWidth / 1920)
// console.log(this.scaleNum)
// },
// methods: {
// showPwd() {
// if (this.passwordType === 'password') {
// this.passwordType = ''
// } else {
// this.passwordType = 'password'
// }
// this.$nextTick(() => {
// this.$refs.password.focus()
// })
// },
// handleLogin() {
// console.log(document.domain)
// this.loginForm.subDomain = document.domain + '.'
// // this.loginForm.subDomain = 'ut60txvc.'
// this.$refs.loginForm.validate(valid => {
// if (valid) {
// this.loading = true
// this.$store.dispatch('user/login', this.loginForm).then(res => {
// if (res.code === 200) {
// sessionStorage.setItem('channelName', res.channelName)
// this.$router.push({ path: '/' })
// this.loading = false
// } else {
// Message({
// message: res.message || 'Error',
// type: 'error',
// duration: 5 * 1000
// })
// this.loading = false
// }
// }).catch(() => {
// this.loading = false
// })
// } else {
// console.log('error submit!!')
// return false
// }
// })
// },
// handleRegister() {
// this.$router.push({ path: '/register' })
// }
/* async register() {
await this.$store.dispatch('user/logout')
this.$router.push(`/login?redirect=${this.$route.fullPath}`)
}*/
// }
}
</script>
<style lang="scss">
$bg: #2d3a4b;
$dark_gray:#889aa4;
$light_gray:#eee;
.login-container {
width: 100%;
height: 100%;
background: url("../assets/images/bgImg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
transform-origin: 0 0;
position: relative;
}
.login-form {
width: 440px;
height: 470px;
position: absolute;
top: 35%;
right: 20%;
overflow: hidden;
}
.show-pwd {
position: absolute;
margin-left: 2px;
right: 10px;
top: 7px;
font-size: 16px;
color: $dark_gray;
cursor: pointer;
user-select: none;
}
</style>
src/router/index.ts
......@@ -15,6 +15,14 @@ const routes: Array<RouteRecordRaw> = [
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
},
{
path: '/login',
name: 'about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../login/index.vue')
}
]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment