xbx #150
119
src/App.vue
119
src/App.vue
@ -1,74 +1,87 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- <div id="nav">
|
<!-- <div id="nav">
|
||||||
<router-link to="/">Home</router-link> |
|
<router-link to="/">Home</router-link> |
|
||||||
<router-link to="/about">About</router-link>
|
<router-link to="/about">About</router-link>
|
||||||
</div> -->
|
</div> -->
|
||||||
<a-config-provider :locale="len.$s() == 'zh' ? zh : en">
|
<a-config-provider :locale="len.$s() == 'zh' ? zh : en">
|
||||||
<router-view/>
|
<router-view />
|
||||||
</a-config-provider>
|
</a-config-provider>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent } from 'vue';
|
import { defineComponent } from "vue";
|
||||||
import router from './router';
|
import router from "./router";
|
||||||
import store from './store';
|
import store from "./store";
|
||||||
import { getValue } from './utils/common';
|
import { getValue } from "./utils/common";
|
||||||
import { provideI18n } from "@/utils/i18n"
|
import { provideI18n } from "@/utils/i18n";
|
||||||
import i18ninit from "@/i18n/init"
|
import i18ninit from "@/i18n/init";
|
||||||
import enUS from 'ant-design-vue/es/locale/en_US';
|
import enUS from "ant-design-vue/es/locale/en_US";
|
||||||
import zhCN from 'ant-design-vue/es/locale/zh_CN';
|
import zhCN from "ant-design-vue/es/locale/zh_CN";
|
||||||
import dayjs from 'dayjs';
|
import dayjs, { locale } from "dayjs";
|
||||||
import { getaddr } from './api';
|
import { getaddr } from "./api";
|
||||||
|
import { useRoute } from "vue-router";
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
setup(){
|
setup() {
|
||||||
console.log(i18ninit)
|
console.log(i18ninit);
|
||||||
const len = provideI18n(i18ninit);
|
const len = provideI18n(i18ninit);
|
||||||
// len.locale.value = !getValue("Lanvuage") ? 'zh' : getValue("Lanvuage");
|
function GetUrlRelativePath() {
|
||||||
if(getValue('token')){
|
const url = document.location.toString();
|
||||||
console.log("token")
|
const arrUrl = url.split("//");
|
||||||
store.commit("login", true)
|
|
||||||
store.dispatch("getcode");
|
|
||||||
store.dispatch("setUserInfo");
|
|
||||||
}else{
|
|
||||||
|
|
||||||
console.log('ip')
|
const start = arrUrl[1].indexOf("/");
|
||||||
store.dispatch("getip");
|
let relUrl = arrUrl[1].substring(start); //stop省略,截取从start开始到结尾的所有字符
|
||||||
store.commit('setWlan')
|
|
||||||
router.push("/")
|
if (relUrl.indexOf("?") != -1) {
|
||||||
}
|
relUrl = relUrl.split("?")[0];
|
||||||
const zh = zhCN
|
}
|
||||||
const en = enUS
|
return relUrl;
|
||||||
/* eslint-disable */
|
}
|
||||||
const utc = require('dayjs/plugin/utc') // dependent on utc plugin
|
// len.locale.value = !getValue("Lanvuage") ? 'zh' : getValue("Lanvuage");
|
||||||
/* eslint-disable */
|
if (getValue("token")) {
|
||||||
const timezone = require('dayjs/plugin/timezone')
|
console.log("token");
|
||||||
const days: any = dayjs;
|
store.commit("login", true);
|
||||||
dayjs.extend(utc)
|
store.dispatch("getcode");
|
||||||
dayjs.extend(timezone)
|
store.dispatch("setUserInfo");
|
||||||
console.log(days.tz.guess())
|
const patn = useRoute().path;
|
||||||
return{
|
|
||||||
zh,
|
console.log(GetUrlRelativePath(), 444);
|
||||||
en,
|
if (GetUrlRelativePath() == "/") {
|
||||||
len
|
router.push("/mine/archives").then(() => {
|
||||||
}
|
location.reload();
|
||||||
}
|
});
|
||||||
})
|
}
|
||||||
|
} else {
|
||||||
|
console.log("ip");
|
||||||
|
store.dispatch("getip");
|
||||||
|
store.commit("setWlan");
|
||||||
|
router.push("/");
|
||||||
|
}
|
||||||
|
const zh = zhCN;
|
||||||
|
const en = enUS;
|
||||||
|
|
||||||
|
return {
|
||||||
|
zh,
|
||||||
|
en,
|
||||||
|
len,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
div {
|
div {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
.one-line-hide {
|
.one-line-hide {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
input::-webkit-outer-spin-button,
|
input::-webkit-outer-spin-button,
|
||||||
input::-webkit-inner-spin-button {
|
input::-webkit-inner-spin-button {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
input[type="number"]{
|
input[type="number"] {
|
||||||
-moz-appearance: textfield;
|
-moz-appearance: textfield;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
117
src/api/index.ts
117
src/api/index.ts
@ -1041,31 +1041,72 @@ export async function luzhi(roomid: string){
|
|||||||
|
|
||||||
export function getaddr() {
|
export function getaddr() {
|
||||||
return new Promise(async (r)=>{
|
return new Promise(async (r)=>{
|
||||||
console.log("开始定位")
|
// console.log("开始定位")
|
||||||
const lan = getValue("Lanvuage");
|
const lan = getValue("Lanvuage");
|
||||||
if ("geolocation" in navigator) {
|
// if ("geolocation" in navigator) {
|
||||||
/* 地理位置服务可用 */
|
// /* 地理位置服务可用 */
|
||||||
navigator.geolocation.getCurrentPosition(async (res) => {
|
// navigator.geolocation.getCurrentPosition(async (res) => {
|
||||||
console.log(res, 'res')
|
// console.log(res, 'res')
|
||||||
const qh = await get<any>('countryCode', {
|
// const qh = await get<any>('countryCode', {
|
||||||
longitude: res.coords.longitude,
|
// longitude: res.coords.longitude,
|
||||||
latitude: res.coords.latitude
|
// latitude: res.coords.latitude
|
||||||
});
|
// });
|
||||||
console.log(qh)
|
// console.log(qh)
|
||||||
if(lan != null && lan){
|
// if(lan != null && lan){
|
||||||
if(qh.data.ename == "China"){
|
// if(qh.data.ename == "China"){
|
||||||
r({hb: '人民币¥', qh});
|
// r({hb: '人民币¥', qh});
|
||||||
}else {
|
// }else {
|
||||||
r({hb: '美元$', qh})
|
// r({hb: '美元$', qh})
|
||||||
}
|
// }
|
||||||
}else{
|
// }else{
|
||||||
if(qh.data.ename == "China"){
|
// if(qh.data.ename == "China"){
|
||||||
r({yy: "zh", yyx: "中文", hb: '人民币¥', qh});
|
// r({yy: "zh", yyx: "中文", hb: '人民币¥', qh});
|
||||||
}else {
|
// }else {
|
||||||
r({yy: 'en', yyx: 'English', hb: '美元$', qh})
|
// r({yy: 'en', yyx: 'English', hb: '美元$', qh})
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
},async () => {
|
// },async () => {
|
||||||
|
// const qh = await get<any>('countryCode', {
|
||||||
|
|
||||||
|
// });
|
||||||
|
// console.log(qh)
|
||||||
|
// if(lan != null && lan){
|
||||||
|
// if(qh.data.ename == "China"){
|
||||||
|
// r({hb: '人民币¥', qh});
|
||||||
|
// }else {
|
||||||
|
// r({hb: '美元$', qh})
|
||||||
|
// }
|
||||||
|
// }else{
|
||||||
|
// if(qh.data.ename == "China"){
|
||||||
|
// r({yy: "zh", yyx: "中文", hb: '人民币¥', qh});
|
||||||
|
// }else {
|
||||||
|
// r({yy: 'en', yyx: 'English', hb: '美元$', qh})
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// // message.error(err.message)
|
||||||
|
// // console.log(err, 'err')
|
||||||
|
// })
|
||||||
|
// } else {
|
||||||
|
// const qh = await get<any>('countryCode', {
|
||||||
|
|
||||||
|
// });
|
||||||
|
// console.log(qh)
|
||||||
|
// if(lan != null && lan){
|
||||||
|
// if(qh.data.ename == "China"){
|
||||||
|
// r({hb: '人民币¥', qh});
|
||||||
|
// }else {
|
||||||
|
// r({hb: '美元$', qh})
|
||||||
|
// }
|
||||||
|
// }else{
|
||||||
|
// if(qh.data.ename == "China"){
|
||||||
|
// r({yy: "zh", yyx: "中文", hb: '人民币¥', qh});
|
||||||
|
// }else {
|
||||||
|
// r({yy: 'en', yyx: 'English', hb: '美元$', qh})
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// /* 地理位置服务不可用 */
|
||||||
|
// console.log("无法定位")
|
||||||
|
// }
|
||||||
const qh = await get<any>('countryCode', {
|
const qh = await get<any>('countryCode', {
|
||||||
|
|
||||||
});
|
});
|
||||||
@ -1083,30 +1124,6 @@ export function getaddr() {
|
|||||||
r({yy: 'en', yyx: 'English', hb: '美元$', qh})
|
r({yy: 'en', yyx: 'English', hb: '美元$', qh})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// message.error(err.message)
|
|
||||||
// console.log(err, 'err')
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
const qh = await get<any>('countryCode', {
|
|
||||||
|
|
||||||
});
|
|
||||||
console.log(qh)
|
|
||||||
if(lan != null && lan){
|
|
||||||
if(qh.data.ename == "China"){
|
|
||||||
r({hb: '人民币¥', qh});
|
|
||||||
}else {
|
|
||||||
r({hb: '美元$', qh})
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
if(qh.data.ename == "China"){
|
|
||||||
r({yy: "zh", yyx: "中文", hb: '人民币¥', qh});
|
|
||||||
}else {
|
|
||||||
r({yy: 'en', yyx: 'English', hb: '美元$', qh})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* 地理位置服务不可用 */
|
|
||||||
console.log("无法定位")
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
|
||||||
// const res = await get<any>('ip');
|
// const res = await get<any>('ip');
|
||||||
@ -1167,3 +1184,7 @@ export async function setusername(src: string){
|
|||||||
}
|
}
|
||||||
console.log(res)
|
console.log(res)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export async function logoutapi() {
|
||||||
|
await get("logout");
|
||||||
|
}
|
@ -130,6 +130,7 @@
|
|||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
import { logoutapi } from '@/api';
|
||||||
import { setToken } from '@/api/base';
|
import { setToken } from '@/api/base';
|
||||||
import router from '@/router';
|
import router from '@/router';
|
||||||
import store from '@/store';
|
import store from '@/store';
|
||||||
@ -230,6 +231,7 @@ export default defineComponent({
|
|||||||
|
|
||||||
function logout(): void{
|
function logout(): void{
|
||||||
console.log("退出")
|
console.log("退出")
|
||||||
|
logoutapi()
|
||||||
store.commit("login", false)
|
store.commit("login", false)
|
||||||
saveValue("token", "");
|
saveValue("token", "");
|
||||||
setToken();
|
setToken();
|
||||||
|
@ -159,7 +159,7 @@
|
|||||||
}
|
}
|
||||||
.name{
|
.name{
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
font-size: 11px;
|
font-size: 13px;
|
||||||
color: #111;
|
color: #111;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
@ -3,7 +3,7 @@ export default {
|
|||||||
shipinguanli: "Video",
|
shipinguanli: "Video",
|
||||||
dingyuezheguanli: "Followers",
|
dingyuezheguanli: "Followers",
|
||||||
gerenzhongxin: "Profile",
|
gerenzhongxin: "Profile",
|
||||||
rili: "calendar",
|
rili: "Calendar",
|
||||||
quanbuzhibo: "All",
|
quanbuzhibo: "All",
|
||||||
weikaishi: "Planning",
|
weikaishi: "Planning",
|
||||||
yijieshu: "Completed",
|
yijieshu: "Completed",
|
||||||
@ -17,7 +17,7 @@ export default {
|
|||||||
yifabu: "Published",
|
yifabu: "Published",
|
||||||
shipinsousuo: "Please enter the live title you want to search",
|
shipinsousuo: "Please enter the live title you want to search",
|
||||||
wodedingyuezhe: "My subscribers",
|
wodedingyuezhe: "My subscribers",
|
||||||
xingming: "name",
|
xingming: "Name",
|
||||||
suozaiguojia: "Country",
|
suozaiguojia: "Country",
|
||||||
nianling: "Age",
|
nianling: "Age",
|
||||||
xueshengmuyu: "Speak",
|
xueshengmuyu: "Speak",
|
||||||
@ -33,7 +33,7 @@ export default {
|
|||||||
chengweilaoshi: "Become a Beelink teacher",
|
chengweilaoshi: "Become a Beelink teacher",
|
||||||
shoujidenglu: "Mobile phone number login",
|
shoujidenglu: "Mobile phone number login",
|
||||||
mimadenglu: "Account password login",
|
mimadenglu: "Account password login",
|
||||||
shoujihao: "cell-phone number",
|
shoujihao: "Mobile Number",
|
||||||
yanzhengma: "Verification Code",
|
yanzhengma: "Verification Code",
|
||||||
dianjihuoquyzm: "Click to get the verification code",
|
dianjihuoquyzm: "Click to get the verification code",
|
||||||
lijidenglu: "Log in now",
|
lijidenglu: "Log in now",
|
||||||
@ -56,11 +56,11 @@ export default {
|
|||||||
shezhimima: "Set password",
|
shezhimima: "Set password",
|
||||||
shurumimatwo: "Please enter your password again",
|
shurumimatwo: "Please enter your password again",
|
||||||
shuruxingming: "Please enter your name",
|
shuruxingming: "Please enter your name",
|
||||||
youxiang: "mailbox",
|
youxiang: "Email",
|
||||||
shuruyouxiang: "Please enter your email",
|
shuruyouxiang: "Please enter your email",
|
||||||
muyu: "mother tongue",
|
muyu: "My Language",
|
||||||
shurumuyu: "Please enter your native language",
|
shurumuyu: "Please enter your native language",
|
||||||
jiaoshou: "teach",
|
jiaoshou: "Teaching",
|
||||||
xuanzejiaoshou: "Please choose your professor",//翻译很奇怪
|
xuanzejiaoshou: "Please choose your professor",//翻译很奇怪
|
||||||
lijizhuce: "Register now",
|
lijizhuce: "Register now",
|
||||||
wanchengzhuce: "You have completed the registration",
|
wanchengzhuce: "You have completed the registration",
|
||||||
@ -84,14 +84,14 @@ export default {
|
|||||||
xiugai: "modify",
|
xiugai: "modify",
|
||||||
shuruxinnicheng: "Please enter a new nickname",
|
shuruxinnicheng: "Please enter a new nickname",
|
||||||
jibenxinxi: "Basic information",
|
jibenxinxi: "Basic information",
|
||||||
laiziguojia: "From a country or region",
|
laiziguojia: "Country or region",
|
||||||
juzhudi: "Place of residence",
|
juzhudi: "Place of residence",
|
||||||
shurujuzhudi: "Enter residence",
|
shurujuzhudi: "Enter residence",
|
||||||
wohaihuishuo: "I would also say",
|
wohaihuishuo: "Speak",
|
||||||
shuliandu: "Proficiency",
|
shuliandu: "Proficiency",
|
||||||
jixutianjia: "Continue adding",
|
jixutianjia: "Continue adding",
|
||||||
xindemuyu: "Please enter your new mother tongue",
|
xindemuyu: "Please enter your new mother tongue",
|
||||||
duanshipin: "Short video introduction",
|
duanshipin: "Self-introduction by videon",
|
||||||
shipinyaoqiu: "Video requirements:",
|
shipinyaoqiu: "Video requirements:",
|
||||||
shipinyaoqiu1: "The time required for uploading video is within 30s",
|
shipinyaoqiu1: "The time required for uploading video is within 30s",
|
||||||
shipinyaoqiu2: "Support file size 100m",
|
shipinyaoqiu2: "Support file size 100m",
|
||||||
@ -117,28 +117,28 @@ export default {
|
|||||||
xiugaimima: "Change Password",
|
xiugaimima: "Change Password",
|
||||||
baocun: "Save information",
|
baocun: "Save information",
|
||||||
gerenjieshao: "Please enter your profile",
|
gerenjieshao: "Please enter your profile",
|
||||||
shangchuanshipin: "Upload video",
|
shangchuanshipin: "Submit",
|
||||||
shipinbiaoti: "Video title",
|
shipinbiaoti: "Title",
|
||||||
shurushipinbiaoti: "Please enter your video title",
|
shurushipinbiaoti: "Please enter your video title",
|
||||||
shipinfengmian: "Video cover",
|
shipinfengmian: "Cover",
|
||||||
xuanzeshipin: "Choose video",
|
xuanzeshipin: "Choose video",
|
||||||
shipinjianjie: "Video introduction",
|
shipinjianjie: "Video introduction",
|
||||||
shurushipinjianjie: "Please enter your video profile",
|
shurushipinjianjie: "Please enter your video profile",
|
||||||
zhiboxinxi: "Live broadcast information",
|
zhiboxinxi: "Online class information",
|
||||||
zhibobiaoti: "Live title",
|
zhibobiaoti: "Title",
|
||||||
shuruzhibobiaoti: "Please enter your live title",
|
shuruzhibobiaoti: "Please enter your live title",
|
||||||
zhibofengmian: "Live cover",
|
zhibofengmian: "Cover",
|
||||||
shipinjieshao: "Video introduction",
|
shipinjieshao: "Video",
|
||||||
kaishishijian: "start time",
|
kaishishijian: "Start time",
|
||||||
shezhikaishishijian: "Please set your start time",
|
shezhikaishishijian: "Please set your start time",
|
||||||
zhiboshichang: "Live broadcast duration",
|
zhiboshichang: "Duration",
|
||||||
shuruzhiboshijian: "Please input live time",
|
shuruzhiboshijian: "Please input live time",
|
||||||
fenzhong: "minute",
|
fenzhong: "minute",
|
||||||
zhiborenshu: "Number of live broadcast",
|
zhiborenshu: "Number of attendees",
|
||||||
shuruzhiborenshu: "Please input the number of live broadcast",
|
shuruzhiborenshu: "Please input the number of live broadcast",
|
||||||
zhibojianjie: "Introduction to live broadcast",
|
zhibojianjie: "Text introduction",
|
||||||
shuruzhibojianjie: "Please enter your live broadcast profile",
|
shuruzhibojianjie: "Please enter your live broadcast profile",
|
||||||
fabuzhibo: "Release live broadcast",
|
fabuzhibo: "Live Class",
|
||||||
wuzhibozige: "You are not eligible for live broadcast",
|
wuzhibozige: "You are not eligible for live broadcast",
|
||||||
yijianfankui: "Feedback",
|
yijianfankui: "Feedback",
|
||||||
fen: "score",
|
fen: "score",
|
||||||
@ -174,10 +174,10 @@ export default {
|
|||||||
zhiboyemian: "Live page",
|
zhiboyemian: "Live page",
|
||||||
querenguanbi: "Are you sure you want to close the live broadcast",
|
querenguanbi: "Are you sure you want to close the live broadcast",
|
||||||
dingyuezhe: "My Followers",
|
dingyuezhe: "My Followers",
|
||||||
sousuodingyue: "Please enter the name of the student you want to search",
|
sousuodingyue: "Enter the name",
|
||||||
wodeqianbao: "My wallet",
|
wodeqianbao: "My wallet",
|
||||||
lijitixian: "Immediate withdrawal",
|
lijitixian: "Cash transfer",
|
||||||
tixianjilu: "Withdrawal record",
|
tixianjilu: "Transfer record",
|
||||||
bangdingyonghu: "Binding users",
|
bangdingyonghu: "Binding users",
|
||||||
zhanghuyue: "Account balance",
|
zhanghuyue: "Account balance",
|
||||||
tianjiazhanghu: "Add a new account",
|
tianjiazhanghu: "Add a new account",
|
||||||
@ -245,8 +245,8 @@ export default {
|
|||||||
shurufankui: "Please enter your feedback",
|
shurufankui: "Please enter your feedback",
|
||||||
tijiaofankui: "Submit feedback",
|
tijiaofankui: "Submit feedback",
|
||||||
tuichu: "Account exit",
|
tuichu: "Account exit",
|
||||||
wodedangan: "My files",
|
wodedangan: "My Profile",
|
||||||
liebiaotongji: "List statistics",
|
liebiaotongji: "Statistics",
|
||||||
guanyu: "About Beelink",
|
guanyu: "About Beelink",
|
||||||
xuanzehuifuxuesheng: "Please select the student to reply first",
|
xuanzehuifuxuesheng: "Please select the student to reply first",
|
||||||
shoujihaoweikong: "Mobile phone number cannot be empty",
|
shoujihaoweikong: "Mobile phone number cannot be empty",
|
||||||
@ -314,7 +314,26 @@ export default {
|
|||||||
zhuanmazhong: "Transcoding in",
|
zhuanmazhong: "Transcoding in",
|
||||||
leixingcuowu:"File type error",
|
leixingcuowu:"File type error",
|
||||||
zuida:"maximum",
|
zuida:"maximum",
|
||||||
zhibotishi1:"Congratulations on your qualification for beelink live streaming course.",
|
zhibotishi1:"You have the online class privilege on Beelink.",
|
||||||
|
shipindianjiliang: "Video clicks",
|
||||||
|
paiming: "rank",
|
||||||
|
wo: "my",
|
||||||
|
yizhucexuesheng: "This number is already registered as a student",
|
||||||
|
zhouri:"Sunday",
|
||||||
|
zhouyi:"Monday",
|
||||||
|
zhouer:"Tuesday",
|
||||||
|
zhousan:"Wednesday",
|
||||||
|
zhousi:"Thursday",
|
||||||
|
zhouwu:"Friday",
|
||||||
|
zhouliu:"Saturday",
|
||||||
|
shangyige:"previous",
|
||||||
|
xiayige:"next",
|
||||||
|
nian:"year",
|
||||||
|
yues:"month",
|
||||||
|
zhourili:"Week",
|
||||||
|
yuerili:"Month",
|
||||||
|
shangyizhou:"previous",
|
||||||
|
xiayizhou:"next",
|
||||||
shichangtishi:"",
|
shichangtishi:"",
|
||||||
renshutishi: '',
|
renshutishi: '',
|
||||||
tixianzhu: "",
|
tixianzhu: "",
|
||||||
|
@ -15,7 +15,7 @@ getset().then((res: any)=>{
|
|||||||
zh.zuiditixian = "最低提现金额" + res.symbol + res.minwithdraw
|
zh.zuiditixian = "最低提现金额" + res.symbol + res.minwithdraw
|
||||||
en.zuiditixian = "Minimum withdrawal amount " + res.symbol + res.minwithdraw
|
en.zuiditixian = "Minimum withdrawal amount " + res.symbol + res.minwithdraw
|
||||||
zh.zhibotishi = `直播资格按照每周浏览量排名,前${res.views}名基本直播资格。`
|
zh.zhibotishi = `直播资格按照每周浏览量排名,前${res.views}名基本直播资格。`
|
||||||
en.zhibotishi = `The top ${res.views} basic live streaming qualifications are ranked according to the number of views per week`
|
en.zhibotishi = `Weekly Top ${res.views} uploaded video visits have this privilege.`
|
||||||
const i18n = geti18n();
|
const i18n = geti18n();
|
||||||
const loc = i18n.locale.value;
|
const loc = i18n.locale.value;
|
||||||
i18n.locale.value = '';
|
i18n.locale.value = '';
|
||||||
|
@ -315,6 +315,25 @@ export default {
|
|||||||
leixingcuowu:"文件类型错误",
|
leixingcuowu:"文件类型错误",
|
||||||
zuida:"最大",
|
zuida:"最大",
|
||||||
zhibotishi1:"恭喜您在Beelink有直播课资格",
|
zhibotishi1:"恭喜您在Beelink有直播课资格",
|
||||||
|
shipindianjiliang: "视频点击量",
|
||||||
|
paiming: "排名",
|
||||||
|
wo: "我",
|
||||||
|
yizhucexuesheng: "该手机已注册学生端账号",
|
||||||
|
zhouri:"周日",
|
||||||
|
zhouyi:"周一",
|
||||||
|
zhouer:"周二",
|
||||||
|
zhousan:"周三",
|
||||||
|
zhousi:"周四",
|
||||||
|
zhouwu:"周五",
|
||||||
|
zhouliu:"周六",
|
||||||
|
shangyige:"上一月",
|
||||||
|
xiayige:"下一月",
|
||||||
|
nian:"年",
|
||||||
|
yues:"月",
|
||||||
|
zhourili:"周日历",
|
||||||
|
yuerili:"月日历",
|
||||||
|
shangyizhou:"上一周",
|
||||||
|
xiayizhou:"下一周",
|
||||||
shichangtishi:"",
|
shichangtishi:"",
|
||||||
renshutishi: '',
|
renshutishi: '',
|
||||||
tixianzhu:"",
|
tixianzhu:"",
|
||||||
|
@ -68,9 +68,9 @@ export default createStore({
|
|||||||
views:0
|
views:0
|
||||||
},
|
},
|
||||||
qh: {
|
qh: {
|
||||||
code: "86",
|
code: "",
|
||||||
ename: "China",
|
ename: "",
|
||||||
name: "中国",
|
name: "",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mutations: {
|
mutations: {
|
||||||
|
@ -103,7 +103,7 @@ export function getweek(time: string, id: string,zhou?: number){
|
|||||||
|
|
||||||
for(let i = 0; i < 7; i++){
|
for(let i = 0; i < 7; i++){
|
||||||
console.log(i);
|
console.log(i);
|
||||||
now = now.day(i + 1)
|
now = now.day(i)
|
||||||
date[i] = {day: ""};
|
date[i] = {day: ""};
|
||||||
date[i].day = now.year() + "-" + (now.month() + 1 < 10 ? '0' + (now.month() + 1) : (now.month() + 1)) + "-" + (now.date() < 10 ? '0' + now.date() : now.date())
|
date[i].day = now.year() + "-" + (now.month() + 1 < 10 ? '0' + (now.month() + 1) : (now.month() + 1)) + "-" + (now.date() < 10 ? '0' + now.date() : now.date())
|
||||||
date[i].list = []
|
date[i].list = []
|
||||||
|
@ -23,12 +23,13 @@
|
|||||||
</a-select-option>
|
</a-select-option>
|
||||||
<a-select-option value="Jiangsu"> Jiangsu </a-select-option>
|
<a-select-option value="Jiangsu"> Jiangsu </a-select-option>
|
||||||
</a-select> -->
|
</a-select> -->
|
||||||
<a-select v-model:value="hqqh" size="small" option-label-prop="label" @change="getquhao" class="getcode" show-search >
|
<a-select :default-value="hqqh" size="small" option-label-prop="label" @change="getquhao" class="getcode" show-search v-if="hqqh != '+' && hqqh">
|
||||||
<a-select-option v-for="(i,j) in quhaolist" :key="j" :value="i.name + '+' + i.code" :label="'+' + i.code">
|
<a-select-option v-for="(i,j) in quhaolist" :key="j" :value="i.name + '+' + i.code" :label="'+' + i.code">
|
||||||
{{i.name}}+{{i.code}}
|
{{i.name}}+{{i.code}}
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
<!-- <a-select-option value="Jiangsu"> Jiangsu </a-select-option> -->
|
<!-- <a-select-option value="Jiangsu"> Jiangsu </a-select-option> -->
|
||||||
</a-select>
|
</a-select>
|
||||||
|
<div class="getcode" v-else></div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<a-input v-model:value="phone" style="width: 50%" :placeholder="lan.$t('shurushouji')" />
|
<a-input v-model:value="phone" style="width: 50%" :placeholder="lan.$t('shurushouji')" />
|
||||||
</a-input-group>
|
</a-input-group>
|
||||||
@ -79,7 +80,7 @@
|
|||||||
|
|
||||||
<div class="lessons">
|
<div class="lessons">
|
||||||
<!-- @click="tovideoxq(i.videoid)" -->
|
<!-- @click="tovideoxq(i.videoid)" -->
|
||||||
<div class="lessonitem" v-for="(i,j) in videolist" :key="j">
|
<div class="lessonitem" v-for="(i,j) in videolist" :key="j" >
|
||||||
<img :src="i.img" alt="" class="pic"/>
|
<img :src="i.img" alt="" class="pic"/>
|
||||||
<div class="lessonname">
|
<div class="lessonname">
|
||||||
<div>{{i.title}}</div>
|
<div>{{i.title}}</div>
|
||||||
@ -119,11 +120,12 @@
|
|||||||
import { computed, defineComponent, onMounted, reactive, ref } from "vue";
|
import { computed, defineComponent, onMounted, reactive, ref } from "vue";
|
||||||
import LoginTab from "@/components/login/LoginTab.vue";
|
import LoginTab from "@/components/login/LoginTab.vue";
|
||||||
import NavTop from "@/components/NavTop.vue"
|
import NavTop from "@/components/NavTop.vue"
|
||||||
import { checksmscode, getquhaolist, getwebvideolist, loginpass, sendsms } from '@/api';
|
import { checksmscode, checkuser, getquhaolist, getwebvideolist, loginpass, sendsms } from '@/api';
|
||||||
import { message } from 'ant-design-vue';
|
import { message } from 'ant-design-vue';
|
||||||
import router from '@/router';
|
import router from '@/router';
|
||||||
import { useI18n } from '@/utils/i18n';
|
import { useI18n } from '@/utils/i18n';
|
||||||
import store from '@/store';
|
import store from '@/store';
|
||||||
|
import { getValue } from '@/utils/common';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: "Login",
|
name: "Login",
|
||||||
@ -147,7 +149,7 @@ export default defineComponent({
|
|||||||
password: '123456'
|
password: '123456'
|
||||||
})
|
})
|
||||||
const mrqh = computed(() => store.state.qh)
|
const mrqh = computed(() => store.state.qh)
|
||||||
const hqqh = computed(() => { return mrqh.value.name + '+' + mrqh.value.code })
|
const hqqh = computed(() => { console.log(mrqh.value.name + '+' + mrqh.value.code); return (getValue("Lanvuage") == "en" ?mrqh.value.ename : mrqh.value.name) + '+' + mrqh.value.code })
|
||||||
const quhaolist = ref<any>([
|
const quhaolist = ref<any>([
|
||||||
{
|
{
|
||||||
code: "86",
|
code: "86",
|
||||||
@ -156,7 +158,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
])
|
])
|
||||||
const myquhao=ref(mrqh.value.code)
|
const myquhao=ref(mrqh.value.code)
|
||||||
const videolist=ref<any>([{}])
|
const videolist=ref<any>([])
|
||||||
|
|
||||||
onMounted(async ()=>{
|
onMounted(async ()=>{
|
||||||
quhaolist.value=await getquhaolist()
|
quhaolist.value=await getquhaolist()
|
||||||
@ -179,7 +181,7 @@ export default defineComponent({
|
|||||||
* 点击获取验证码 触发倒计时
|
* 点击获取验证码 触发倒计时
|
||||||
*/
|
*/
|
||||||
let lock=false
|
let lock=false
|
||||||
const getcode: () => void = () => {
|
async function getcode() {
|
||||||
console.log(phone.value);
|
console.log(phone.value);
|
||||||
if (lock) {
|
if (lock) {
|
||||||
console.log("lock")
|
console.log("lock")
|
||||||
@ -189,6 +191,13 @@ export default defineComponent({
|
|||||||
message.error(lan.$t('shoujihaoweikong'));
|
message.error(lan.$t('shoujihaoweikong'));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
const iszc: any = await checkuser({phone: phone.value})
|
||||||
|
if(iszc.data){
|
||||||
|
if(iszc.data.type == 0){
|
||||||
|
message.error(lan.$t("yizhucexuesheng"))
|
||||||
|
}
|
||||||
|
return ;
|
||||||
|
}
|
||||||
lock = true;
|
lock = true;
|
||||||
console.log(myquhao.value,"quhao")
|
console.log(myquhao.value,"quhao")
|
||||||
sendsms(myquhao.value, phone.value);
|
sendsms(myquhao.value, phone.value);
|
||||||
@ -205,7 +214,7 @@ export default defineComponent({
|
|||||||
clearInterval(timestep);
|
clearInterval(timestep);
|
||||||
}
|
}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
};
|
}
|
||||||
function getquhao(e?: any){
|
function getquhao(e?: any){
|
||||||
console.log(e)
|
console.log(e)
|
||||||
myquhao.value = e.toString()
|
myquhao.value = e.toString()
|
||||||
|
@ -406,7 +406,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
.topbtn {
|
.topbtn {
|
||||||
// width: 89px;
|
// width: 89px;
|
||||||
height: 17px;
|
min-height: 17px;
|
||||||
padding-left: 14px;
|
padding-left: 14px;
|
||||||
padding-right: 14px;
|
padding-right: 14px;
|
||||||
line-height: 17px;
|
line-height: 17px;
|
||||||
|
@ -509,7 +509,7 @@
|
|||||||
<a-modal v-model:visible="huobi" :footer="null" :title="lan.$t('tishi')" >
|
<a-modal v-model:visible="huobi" :footer="null" :title="lan.$t('tishi')" >
|
||||||
<div style=" display: flex;align-items: center;">
|
<div style=" display: flex;align-items: center;">
|
||||||
<img style=" width: 50px;margin-right: 15px;" src="@/static/images/tishihei.png" alt="">
|
<img style=" width: 50px;margin-right: 15px;" src="@/static/images/tishihei.png" alt="">
|
||||||
<p style="margin-top: 1em">{{lan.$t('huobitishi')}}</p>
|
<p style="margin-top: 1em;color: #f55456;font-weight: 600;">{{lan.$t('huobitishi')}}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</a-modal>
|
</a-modal>
|
||||||
@ -1121,6 +1121,7 @@ export default defineComponent({
|
|||||||
border-radius: 17px;
|
border-radius: 17px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
||||||
.telbox {
|
.telbox {
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -1399,7 +1400,7 @@ export default defineComponent({
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 2.3rem;
|
top: 1.3rem;
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -260,7 +260,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
.topbtn {
|
.topbtn {
|
||||||
// width: 89px;
|
// width: 89px;
|
||||||
height: 17px;
|
min-height: 17px;
|
||||||
padding-left: 14px;
|
padding-left: 14px;
|
||||||
padding-right: 14px;
|
padding-right: 14px;
|
||||||
line-height: 17px;
|
line-height: 17px;
|
||||||
|
@ -1,15 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="rank-list">
|
<div class="rank-list">
|
||||||
<div class="list-thead">
|
<div class="list-thead">
|
||||||
<div class="ranking-number">排名</div>
|
<div class="ranking-number">{{lan.$t('paiming')}}</div>
|
||||||
<div class="user-info">姓名</div>
|
<div class="user-info">{{lan.$t("xingming")}}</div>
|
||||||
<div class="hits">视频点击量</div>
|
<div class="hits">{{lan.$t("shipindianjiliang")}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="list-body">
|
<div class="list-body">
|
||||||
<div class="rank-item" v-for="(item,index) in newList" :key="index" :class="{'mine-item': item.isme }">
|
<div class="rank-item" v-for="(item,index) in newList" :key="index" :class="{'mine-item': item.isme }">
|
||||||
<div class="other-rank" :class="{'mine-rank': item.isme }">
|
<div class="other-rank" :class="{'mine-rank': item.isme }">
|
||||||
<div class="ranking-number">
|
<div class="ranking-number">
|
||||||
<span v-if="item.isme" class="mine">我的成绩</span>
|
<span v-if="item.isme" class="mine">{{lan.$t("wo")}}</span>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<img src="@/static/images/rank_first.png" class="rank-img" v-if="index === 0" />
|
<img src="@/static/images/rank_first.png" class="rank-img" v-if="index === 0" />
|
||||||
<img src="@/static/images/rank_second.png" class="rank-img" v-else-if="index === 1" />
|
<img src="@/static/images/rank_second.png" class="rank-img" v-else-if="index === 1" />
|
||||||
@ -39,6 +39,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, ref } from 'vue';
|
import { defineComponent, ref } from 'vue';
|
||||||
import { UserOutlined } from '@ant-design/icons-vue';
|
import { UserOutlined } from '@ant-design/icons-vue';
|
||||||
|
import { useI18n } from '@/utils/i18n';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: 'RankList',
|
name: 'RankList',
|
||||||
@ -53,6 +54,7 @@ export default defineComponent({
|
|||||||
setup(props) {
|
setup(props) {
|
||||||
const deadLine = ref(4); // 写死的合格线
|
const deadLine = ref(4); // 写死的合格线
|
||||||
const list = ref(props.list);
|
const list = ref(props.list);
|
||||||
|
const lan = useI18n()
|
||||||
let mineRank = 0; // 自己的排名
|
let mineRank = 0; // 自己的排名
|
||||||
list.value!.forEach((element: any) => {
|
list.value!.forEach((element: any) => {
|
||||||
if(element.isme) {
|
if(element.isme) {
|
||||||
@ -67,6 +69,7 @@ export default defineComponent({
|
|||||||
return {
|
return {
|
||||||
newList,
|
newList,
|
||||||
deadLine,
|
deadLine,
|
||||||
|
lan
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -396,8 +396,9 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
.ant-row {
|
.ant-row {
|
||||||
.ant-form-item-label {
|
.ant-form-item-label {
|
||||||
width: 60px;
|
width: 130px;
|
||||||
margin: 0 30px 0 17px;
|
margin: 0 30px 0 17px;
|
||||||
|
text-align: left;
|
||||||
> label {
|
> label {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
@ -203,11 +203,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="notice-container" v-else>
|
<div class="notice-container" v-else>
|
||||||
<div class="title">{{ lan.$t("wuzhibozige") }}</div>
|
<div class="title">{{ lan.$t("wuzhibozige") }}</div>
|
||||||
<div class="title sub-title">
|
<div class="title sub-title" v-html="lives.msg">
|
||||||
<!-- 上一周/月您在平台视频点击量为
|
|
||||||
<span class="red">第24名</span>,要在前
|
|
||||||
<span class="bule">20名</span> 才能获得直播资格 -->
|
|
||||||
{{ lives.msg }}
|
|
||||||
</div>
|
</div>
|
||||||
<rank-list :list="lives.data"></rank-list>
|
<rank-list :list="lives.data"></rank-list>
|
||||||
</div>
|
</div>
|
||||||
@ -666,7 +663,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
.ant-row {
|
.ant-row {
|
||||||
.ant-form-item-label {
|
.ant-form-item-label {
|
||||||
width: 60px;
|
width: 130px;
|
||||||
margin: 0 30px 0 17px;
|
margin: 0 30px 0 17px;
|
||||||
> label {
|
> label {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
@ -410,7 +410,7 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
.topbtn {
|
.topbtn {
|
||||||
width: 57px;
|
width: 57px;
|
||||||
height: 18px;
|
min-height: 18px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
|
@ -16,37 +16,37 @@
|
|||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="infoitem">
|
<div class="infoitem">
|
||||||
<span class="label">{{lan.$t("xingming")}}:</span>
|
<span class="label">{{lan.$t("xingming")}}:</span>
|
||||||
<span class="one-line-hide">{{i.name}}</span>
|
<span class="one-line-hide"> {{i.name}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="infoitem">
|
<div class="infoitem">
|
||||||
<span class="label">{{lan.$t('suozaiguojia')}}:</span>
|
<span class="label">{{lan.$t('suozaiguojia')}}:</span>
|
||||||
<span class="one-line-hide">{{i.live}}</span>
|
<span class="one-line-hide"> {{i.live}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="infoitem">
|
<div class="infoitem">
|
||||||
<span class="label">{{lan.$t('nianling')}}:</span>
|
<span class="label">{{lan.$t('nianling')}}:</span>
|
||||||
<span class="one-line-hide">{{i.age}}</span>
|
<span class="one-line-hide"> {{i.age}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="infoitem">
|
<div class="infoitem">
|
||||||
<span class="label">{{lan.$t('xueshengmuyu')}}:</span>
|
<span class="label">{{lan.$t('xueshengmuyu')}}:</span>
|
||||||
<span class="one-line-hide">{{i.mtongue }}</span>
|
<span class="one-line-hide"> {{i.mtongue }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="infoitem">
|
<div class="infoitem">
|
||||||
<span class="label">{{lan.$t('xingqudian')}}:</span>
|
<span class="label">{{lan.$t('xingqudian')}}:</span>
|
||||||
<span class="one-line-hide">{{i.interestStr}}</span>
|
<span class="one-line-hide"> {{i.interestStr}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="infoitem">
|
<div class="infoitem">
|
||||||
<span class="label">{{lan.$t("yuyandengji")}}:</span>
|
<span class="label">{{lan.$t("yuyandengji")}}:</span>
|
||||||
<span class="one-line-hide">asd</span>
|
<span class="one-line-hide"> {{i.levelStr}}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>{{lan.$t('canyupingtaishichang')}}:<span class="time">{{i.longtime}}min</span></div>
|
<div>{{lan.$t('canyupingtaishichang')}}:<span class="time"> {{i.longtime}}min</span></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -3,26 +3,26 @@
|
|||||||
<div class="head">
|
<div class="head">
|
||||||
<div @click="shang">
|
<div @click="shang">
|
||||||
<img src="../../static/images/left.png" alt="">
|
<img src="../../static/images/left.png" alt="">
|
||||||
上一月
|
{{lan.$t("shangyige")}}
|
||||||
</div>
|
</div>
|
||||||
{{month.year}}年{{month.yue}}月
|
{{month.year}}{{lan.$t("nian")}}{{month.yue}}{{lan.$t("yues")}}
|
||||||
<a-button type="primary" class="button" @click="navto()">
|
<a-button type="primary" class="button" @click="navto()">
|
||||||
周日历
|
{{lan.$t("zhourili")}}
|
||||||
</a-button>
|
</a-button>
|
||||||
<div @click="xia">
|
<div @click="xia">
|
||||||
下一月
|
{{lan.$t("xiayige")}}
|
||||||
<img src="../../static/images/right.png" alt="">
|
<img src="../../static/images/right.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="yue">
|
<div class="yue">
|
||||||
<div class="heads">
|
<div class="heads">
|
||||||
<div :class="{zhou: yue == 0 && month.zhou == 0}">周日</div>
|
<div :class="{zhou: yue == 0 && month.zhou == 0}">{{lan.$t("zhouri")}}</div>
|
||||||
<div :class="{zhou: yue == 0 && month.zhou == 1}">周一</div>
|
<div :class="{zhou: yue == 0 && month.zhou == 1}">{{lan.$t("zhouyi")}}</div>
|
||||||
<div :class="{zhou: yue == 0 && month.zhou == 2}">周二</div>
|
<div :class="{zhou: yue == 0 && month.zhou == 2}">{{lan.$t("zhouer")}}</div>
|
||||||
<div :class="{zhou: yue == 0 && month.zhou == 3}">周三</div>
|
<div :class="{zhou: yue == 0 && month.zhou == 3}">{{lan.$t("zhousan")}}</div>
|
||||||
<div :class="{zhou: yue == 0 && month.zhou == 4}">周四</div>
|
<div :class="{zhou: yue == 0 && month.zhou == 4}">{{lan.$t("zhousi")}}</div>
|
||||||
<div :class="{zhou: yue == 0 && month.zhou == 5}">周五</div>
|
<div :class="{zhou: yue == 0 && month.zhou == 5}">{{lan.$t("zhouwu")}}</div>
|
||||||
<div :class="{zhou: yue == 0 && month.zhou == 6}">周六</div>
|
<div :class="{zhou: yue == 0 && month.zhou == 6}">{{lan.$t("zhouliu")}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div class="row" v-for="(item,index) in month.date" :key="index">
|
<div class="row" v-for="(item,index) in month.date" :key="index">
|
||||||
@ -195,14 +195,14 @@ import { getdate, getDay } from "@/utils/date"
|
|||||||
import { getdatelist } from '@/api';
|
import { getdatelist } from '@/api';
|
||||||
import store from '@/store';
|
import store from '@/store';
|
||||||
import router from '@/router';
|
import router from '@/router';
|
||||||
|
import { useI18n } from '@/utils/i18n';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
props:{
|
props:{
|
||||||
|
|
||||||
},
|
},
|
||||||
setup(){
|
setup(){
|
||||||
console.log(1)
|
const lan = useI18n();
|
||||||
|
|
||||||
const month: any = ref({zhou:0,data:[]});
|
const month: any = ref({zhou:0,data:[]});
|
||||||
const yue = ref(0);
|
const yue = ref(0);
|
||||||
const userid = computed(() => {
|
const userid = computed(() => {
|
||||||
@ -287,7 +287,8 @@ export default defineComponent({
|
|||||||
shang,
|
shang,
|
||||||
yue,
|
yue,
|
||||||
navto,
|
navto,
|
||||||
gotolive
|
gotolive,
|
||||||
|
lan
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -3,38 +3,38 @@
|
|||||||
<div class="head">
|
<div class="head">
|
||||||
<div @click="zhou--">
|
<div @click="zhou--">
|
||||||
<img src="../../static/images/left.png" alt="" />
|
<img src="../../static/images/left.png" alt="" />
|
||||||
上一周
|
{{lan.$t("shangyizhou")}}
|
||||||
</div>
|
</div>
|
||||||
{{week.year}}年{{week.yue}}月
|
{{week.year}}{{lan.$t("nian")}}{{week.yue}}{{lan.$t("yues")}}
|
||||||
<a-button type="primary" class="button" @click="navto('/regime/date')"> 月日历 </a-button>
|
<a-button type="primary" class="button" @click="navto('/regime/date')"> {{lan.$t("yuerili")}} </a-button>
|
||||||
<div @click="zhou++">
|
<div @click="zhou++">
|
||||||
下一周
|
{{lan.$t("xiayizhou")}}
|
||||||
<img src="../../static/images/right.png" alt="" />
|
<img src="../../static/images/right.png" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="week">
|
<div class="week">
|
||||||
<div class="heads">
|
<div class="heads">
|
||||||
<div></div>
|
<div></div>
|
||||||
|
<div :class="{ zhou: zhou == 0 && week.zhou == 0 }">
|
||||||
|
{{lan.$t("zhouri")}}<span>{{ week.date[0].day }}</span>
|
||||||
|
</div>
|
||||||
<div :class="{ zhou: zhou == 0 && week.zhou == 1 }">
|
<div :class="{ zhou: zhou == 0 && week.zhou == 1 }">
|
||||||
周一<span>{{ week.date[0].day }}</span>
|
{{lan.$t("zhouyi")}}<span>{{ week.date[1].day }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div :class="{ zhou: zhou == 0 && week.zhou == 2 }">
|
<div :class="{ zhou: zhou == 0 && week.zhou == 2 }">
|
||||||
周二<span>{{ week.date[1].day }}</span>
|
{{lan.$t("zhouer")}}<span>{{ week.date[2].day }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div :class="{ zhou: zhou == 0 && week.zhou == 3 }">
|
<div :class="{ zhou: zhou == 0 && week.zhou == 3 }">
|
||||||
周三<span>{{ week.date[2].day }}</span>
|
{{lan.$t("zhousan")}}<span>{{ week.date[3].day }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div :class="{ zhou: zhou == 0 && week.zhou == 4 }">
|
<div :class="{ zhou: zhou == 0 && week.zhou == 4 }">
|
||||||
周四<span>{{ week.date[3].day }}</span>
|
{{lan.$t("zhousi")}}<span>{{ week.date[4].day }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div :class="{ zhou: zhou == 0 && week.zhou == 5 }">
|
<div :class="{ zhou: zhou == 0 && week.zhou == 5 }">
|
||||||
周五<span>{{ week.date[4].day }}</span>
|
{{lan.$t("zhouwu")}}<span>{{ week.date[5].day }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div :class="{ zhou: zhou == 0 && week.zhou == 6 }">
|
<div :class="{ zhou: zhou == 0 && week.zhou == 6 }">
|
||||||
周六<span>{{ week.date[5].day }}</span>
|
{{lan.$t("zhouliu")}}<span>{{ week.date[6].day }}</span>
|
||||||
</div>
|
|
||||||
<div :class="{ zhou: zhou == 0 && week.zhou == 0 }">
|
|
||||||
周日<span>{{ week.date[6].day }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
@ -222,7 +222,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 128px;
|
left: 165px;
|
||||||
.heng{
|
.heng{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -242,7 +242,7 @@
|
|||||||
}
|
}
|
||||||
.times{
|
.times{
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #D12C2E;
|
color: #08AE98;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -256,6 +256,7 @@ import { getdatelist, userinfo } from '@/api';
|
|||||||
import router from '@/router';
|
import router from '@/router';
|
||||||
import dayjs from 'dayjs';
|
import dayjs from 'dayjs';
|
||||||
import { useRoute } from 'vue-router';
|
import { useRoute } from 'vue-router';
|
||||||
|
import { useI18n } from '@/utils/i18n';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
props: {},
|
props: {},
|
||||||
@ -265,7 +266,7 @@ export default defineComponent({
|
|||||||
const time: any = useRoute().query.time;
|
const time: any = useRoute().query.time;
|
||||||
let userid = userinfo.value.memberid;
|
let userid = userinfo.value.memberid;
|
||||||
const week = ref<any>(getweek(time, userinfo.value.zoneValue));
|
const week = ref<any>(getweek(time, userinfo.value.zoneValue));
|
||||||
|
const lan = useI18n()
|
||||||
function getdates(userid: number){
|
function getdates(userid: number){
|
||||||
getdatelist(week.value.start, week.value.end, userid).then((res: any)=>{
|
getdatelist(week.value.start, week.value.end, userid).then((res: any)=>{
|
||||||
console.log(res)
|
console.log(res)
|
||||||
@ -358,7 +359,8 @@ export default defineComponent({
|
|||||||
top,
|
top,
|
||||||
times,
|
times,
|
||||||
xs,
|
xs,
|
||||||
tolive
|
tolive,
|
||||||
|
lan
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user