<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no viewport-fit=cover" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<link rel="stylesheet" href="../../layer-v3.1.0/layer/theme/default/layer.css" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/newIndex.css?v=202312191729">
<script src="js/fsize.js"></script>
<title></title>
<style>
[v-cloak] {
display: none !important;
}
</style>
</head>
<body>
<div class="main" id="app" v-cloak @click.stop="closeAll">
<div class="mTop">
<span class="backIcon" @click.stop="goBack"></span>
<!-- <div class="rankText">RANKING</div> -->
<div class="mTab1">
<div class="tabContainer">
<span @click.stop="changeTab1(1)" :class="{selected: tab1 == 1}">{{langList[langType].lang1}}</span>
<span @click.stop="changeTab1(2)" :class="{selected: tab1 == 2}">{{langList[langType].lang2}}</span>
<span @click.stop="changeTab1(3)" :class="{selected: tab1 == 3}">{{langList[langType].lang3}}</span>
<!-- <span @click.stop="changeTab1(4)" :class="{selected: tab1 == 4}">{{langList[langType].lang4}}</span> -->
</div>
</div>
<div :class="{langChange: true,showing: langShow}" @click.stop="showLangTab" v-if="tab1 != 4">
<span>{{langSelectValue}}</span>
<div v-show="langShow" class="langSelector">
<div @click.stop="changeLang(1,langList[langType].lang6)" :class="{selected:langSelect==1}">
{{langList[langType].lang6}}</div>
<div @click.stop="changeLang(2,langList[langType].lang5)" :class="{selected:langSelect==2}">
{{langList[langType].lang5}}</div>
<div @click.stop="changeLang(3,langList[langType].lang7)" :class="{selected:langSelect==3}">
{{langList[langType].lang7}}</div>
<div @click.stop="changeLang(4,langList[langType].lang8)" :class="{selected:langSelect==4}">
{{langList[langType].lang8}}</div>
<div @click.stop="changeLang(5,langList[langType].lang9)" :class="{selected:langSelect==5}">
{{langList[langType].lang9}}</div>
<div @click.stop="changeLang(8,langList[langType].lang10)" :class="{selected:langSelect==8}">
{{langList[langType].lang10}}</div>
</div>
</span>
</div>
</div>
<div class="mTab2">
<span v-show="tab1 == 1 || tab1 == 2" @click.stop="changeTab2(1)"
:class="{selected: tab2 == 1}">{{langList[langType].lang11}}</span>
<span v-show="tab1 == 1 || tab1 == 2" @click.stop="changeTab2(2)"
:class="{selected: tab2 == 2}">{{isHis1?langList[langType].lang30:langList[langType].lang12}}<i
class="down"></i>
<div class="subTab2" v-show="showHisTab&&tab2 == 2">
<p :class="{selected:!isHis1}" @click.stop="checkHis(1)">{{langList[langType].lang12}}
</p>
<p :class="{selected:isHis1}" @click.stop="checkHis(1,true)">
{{langList[langType].lang30}}</p>
</div>
</span>
<span @click.stop="changeTab2(3)"
:class="{selected: tab2 == 3}">{{isHis2?langList[langType].lang15:langList[langType].lang13}}<i
class="down"></i>
<div class="subTab2" v-show="showHisTab&&tab2 == 3">
<p :class="{selected:!isHis2}" @click.stop="checkHis(2)">{{langList[langType].lang13}}
</p>
<p :class="{selected:isHis2}" @click.stop="checkHis(2,true)">
{{langList[langType].lang15}}</p>
</div>
</span>
<span v-show="tab1 !=4" @click.stop="changeTab2(4)"
:class="{selected: tab2 == 4}">{{isHis3?langList[langType].lang31:langList[langType].lang16}}<i
class="down"></i>
<div class="subTab2" v-show="showHisTab&&tab2 == 4">
<p :class="{selected:!isHis3}" @click.stop="checkHis(3)">{{langList[langType].lang16}}
</p>
<p :class="{selected:isHis3}" @click.stop="checkHis(3,true)">
{{langList[langType].lang31}}</p>
</div>
</span>
<span v-show="tab1 == 3 || tab1 == 4" @click.stop="changeTab2(5)"
:class="{selected: tab2 == 5}">{{langList[langType].lang17}}</span>
</div>
<div class="mBody">
<!-- <div class="rankRewards" v-if="rankOther&&rankOther.length>0&&rankLists.length>0">
<div v-for="(item,index) in rankOther" :key="index" :class="'rankReward'+(index+1)">
{{langList[langType].lang18}}:<img :src="'https://big.bgp.ourpow.com/comm'+item.icon"> <span
class="mBlue">x{{item.reward}}</span>
</div>
</div> -->
<div class="rankTop" v-if="rankLists.length>0&&tab1!=4">
<div class="rankTop1">
<div class="topHead">
<a v-if="rankLists[0]" :href="'http://yazhai://_'+rankLists[0].uid+'_zone'"
class="avatarBorder top1">
<!-- <span v-if="rankLists[0].privilege.vip">{{rankLists[0].level}}</span> -->
</a>
<i :class="getLiveStatus(rankLists[0])"></i>
<img :src="ifExsist(rankLists[0],'face','./images/default.png')">
</div>
<div class="topName ellipsis">{{decodeURIComponent(ifExsist(rankLists[0],
'nickname',langList[langType].lang29))}}</div>
<div v-if="rankLists[0]" :class="{'topScore':true, 'iconFire':tab1 != 2, 'iconGew': tab1 == 2}">
<i :class="{'pkIcon': tab1 ==3}"></i>{{rankLists[0].score}}
</div>
<div v-if="rankLists[0]" :class="{topIcon:true, followed: rankLists[0].isFollow}"
@click.stop="changeLike(rankLists[0].isFollow,rankLists[0].uid,0)"></div>
</div>
<div class="rankTop2">
<div class="topHead">
<a v-if="rankLists[1]" :href="'http://yazhai://_'+rankLists[1].uid+'_zone'"
class="avatarBorder top2">
<!-- <span v-if="rankLists[1].privilege.vip">{{rankLists[1].level}}</span> -->
</a>
<i :class="getLiveStatus(rankLists[1])"></i>
<img :src="ifExsist(rankLists[1],'face','./images/default.png')">
</div>
<div class="topName ellipsis">{{decodeURIComponent(ifExsist(rankLists[1],
'nickname',langList[langType].lang29))}}</div>
<div v-if="rankLists[1]" :class="{'topScore':true, 'iconFire':tab1 != 2, 'iconGew': tab1 == 2}">
<i :class="{'pkIcon': tab1 ==3}"></i>{{rankLists[1].score}}
</div>
<div v-if="rankLists[1]" :class="{topIcon:true, followed: rankLists[1].isFollow}"
@click.stop="changeLike(rankLists[1].isFollow,rankLists[1].uid,1)"></div>
</div>
<div class="rankTop3">
<div class="topHead">
<a v-if="rankLists[2]" :href="'http://yazhai://_'+rankLists[2].uid+'_zone'"
class="avatarBorder top3">
<!-- <span v-if="rankLists[2].privilege.vip">{{rankLists[2].level}}</span> -->
</a>
<i :class="getLiveStatus(rankLists[2])"></i>
<img :src="ifExsist(rankLists[2],'face','./images/default.png')">
</div>
<div class="topName ellipsis">{{decodeURIComponent(ifExsist(rankLists[2],
'nickname',langList[langType].lang29))}}</div>
<div v-if="rankLists[2]" :class="{'topScore':true, 'iconFire':tab1 != 2, 'iconGew': tab1 == 2}">
<i :class="{'pkIcon': tab1 ==3}"></i>{{rankLists[2].score}}
</div>
<div v-if="rankLists[2]" :class="{topIcon:true, followed: rankLists[2].isFollow}"
@click.stop="changeLike(rankLists[2].isFollow,rankLists[2].uid,2)"></div>
</div>
</div>
<div class="rankCenter">
<div class="rankCenCon" v-if="rankLists.length>0">
<div class="rankEach" v-for="(item,index) in rankLists" :key="index" v-if="index > 2">
<div class="rankIndex">{{index+1}}</div>
<div class="rankAvatar">
<a :href="'http://yazhai://_'+item.uid+'_zone'" :class="getBorderLevel(item)">
<span v-if="item.privilege.vip">{{item.level|| ''}}</span>
</a>
<img class="lazyload" :src="ifExsist(item,'face','./images/default.png')">
<i :class="getLiveStatus(item)"></i>
</div>
<div class="rankInfo">
<div class="rankName ellipsis">
<div class="ellipsis"><span class="name">{{decodeURIComponent(item.nickname)}}</span>
<div v-if="tab1 !=4&&item.privilege.vip" class="vipIcon"><img
:src="getVipLevel(item.level)"></div>
</div>
</div>
<div :class="{'rankScore':true, 'iconFire':tab1 != 2, 'iconGew': tab1 == 2}"><i
:class="{'pkIcon': tab1 ==3}"></i>{{item.score}}</div>
</div>
<div :class="{rankIcon:true, followed: item.isFollow}"
@click.stop="changeLike(item.isFollow,item.uid,index)"></div>
</div>
</div>
<div class="noData" v-show="rankLists.length == 0">{{langList[langType].lang22}}</div>
</div>
<div class="tst"></div>
</div>
</div>
</body>
<script src="./js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/vue.min.js?v=202310081551"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/common.js?v=201912141005"></script>
<script src="../../layer-v3.1.0/layer/layer.js"></script>
<script src="../../js/time.js"></script>
<script src="./js/preload.js"></script>
<script src="./js/lazyload.min.js"></script>
<script src="https://app.ixiulive.com/static/js/fastClick.js"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/webAppComm.js?v=202310071605"></script>
<script>
let $url = "https://webserver.yabolive.net";
// let $url = 'https://ceshi.yabolive.tv/web';
let $url2 = 'https://www.footseen.com/footseen/';
var cdn = 'https://big.bgp.ourpow.com/comm';
var app = new Vue({
el: '#app',
data() {
return {
langList: [
//中文
{
'lang1': '主播',
'lang2': '富豪',
'lang3': 'PK',
'lang4': '團戰',
'lang5': '華語',
'lang6': '英語',
'lang7': '泰語',
'lang8': '日語',
'lang9': '印尼語',
'lang10': '越南語',
'lang11': '小時',
'lang12': '日榜',
'lang13': '週榜',
'lang14': '本週',
'lang15': '上週',
'lang16': '月榜',
'lang17': '縂榜',
'lang18': '獎勵',
'lang19': '接通率',
'lang20': '團積分',
'lang21': '團員',
'lang22': '暫無數據',
'lang23': '暫未登榜',
'lang24': '珍愛團',
'lang25': '約會',
'lang26': '自己不能關注自己哦',
'lang27': '關注成功',
'lang28': '已取消關注',
'lang29': '虛位以待',
'lang30': '昨日',
'lang31': '上月',
},
//英文
{
'lang1': 'Broadcaster',
'lang2': 'Rich',
'lang3': 'PK',
'lang4': 'Club battle',
'lang5': 'Chinese',
'lang6': 'English',
'lang7': 'Thai',
'lang8': 'Japanese',
'lang9': 'Indonesian',
'lang10': 'Vietnamese',
'lang11': 'Hour',
'lang12': 'Daily',
'lang13': 'Weekly',
'lang14': 'This week',
'lang15': 'Last week',
'lang16': 'Monthly',
'lang17': 'Rank List',
'lang18': 'Reward',
'lang19': 'Connection rate',
'lang20': 'Club points',
'lang21': 'Member',
'lang22': 'No data',
'lang23': 'Not listed yet',
'lang24': 'Fan Club',
'lang25': 'Date',
'lang26': 'Cannot follow yourself',
'lang27': 'Follow successfully',
'lang28': 'Unfollowed successfully',
'lang29': 'Waiting',
'lang30': 'Yesterday',
'lang31': 'Last month',
},
//阿语
{
'lang1': 'المذيع',
'lang2': 'ثري',
'lang3': 'PK',
'lang4': 'معركة النادي',
'lang5': 'صينى',
'lang6': 'إنجليزي',
'lang7': 'التايلاندية',
'lang8': 'اليابانية',
'lang9': 'الأندونيسية',
'lang10': 'فيتنامي',
'lang11': 'ساعة',
'lang12': 'يوميًا',
'lang13': 'أسبوعي',
'lang14': '.هذا الاسبوع',
'lang15': 'الأسبوع الماضي',
'lang16': 'شهريا',
'lang17': 'قائمة الرتب',
'lang18': 'جائزة',
'lang19': 'معدل الاتصال',
'lang20': 'نقاط النادي',
'lang21': 'عضو',
'lang22': 'لايوجد بيانات',
'lang23': 'غير مدرج بعد',
'lang24': 'نادي المعجبين',
'lang25': 'تاريخ',
'lang26': 'لا تستطيع متابعة نفسك',
'lang27': 'اتبع بنجاح',
'lang28': 'تم إلغاء المتابعة بنجاح',
'lang29': 'منتظر',
'lang30': 'البارحة',
'lang31': 'في الشهر الماضي',
},
//泰语
{
'lang1': 'โฆษก',
'lang2': 'รวย',
'lang3': 'PK',
'lang4': 'การต่อสู้ของสโมสร',
'lang5': 'ชาวจีน',
'lang6': 'ภาษาอังกฤษ',
'lang7': 'แบบไทย',
'lang8': 'ญี่ปุ่น',
'lang9': 'ชาวอินโดนีเซีย',
'lang10': 'เวียตนาม',
'lang11': 'ชั่วโมง',
'lang12': 'รายวัน',
'lang13': 'รายสัปดาห์',
'lang14': 'ในสัปดาห์นี้',
'lang15': 'อาทิตย์ที่แล้ว',
'lang16': 'รายเดือน',
'lang17': 'รายการอันดับ',
'lang18': 'รางวัล',
'lang19': 'อัตราการเชื่อมต่อ',
'lang20': 'คะแนนคลับ',
'lang21': 'สมาชิก',
'lang22': 'ไม่มีข้อมูล',
'lang23': 'ยังไม่อยู่ในรายการ',
'lang24': 'แฟนคลับ',
'lang25': 'วันที่',
'lang26': 'ตามตัวไม่ได้',
'lang27': 'ทำตามสำเร็จ',
'lang28': 'เลิกติดตามเรียบร้อยแล้ว',
'lang29': 'ซึ่งรอคอย',
'lang30': 'เมื่อวานนี้',
'lang31': 'เดือนที่แล้ว',
},
//越南语
{
'lang1': 'phát thanh viên',
'lang2': 'Giàu có',
'lang3': 'PK',
'lang4': 'trận chiến câu lạc bộ',
'lang5': 'người Trung Quốc',
'lang6': 'Tiếng Anh',
'lang7': 'tiếng Thái',
'lang8': 'tiếng Nhật',
'lang9': 'tiếng Indonesia',
'lang10': 'Tiếng Việt',
'lang11': 'Giờ',
'lang12': 'Hằng ngày',
'lang13': 'hàng tuần',
'lang14': 'tuần này',
'lang15': 'Tuần trước',
'lang16': 'hàng tháng',
'lang17': 'Danh sách xếp hạng',
'lang18': 'Phần thưởng',
'lang19': 'tỷ lệ kết nối',
'lang20': 'điểm câu lạc bộ',
'lang21': 'Thành viên',
'lang22': 'Không có dữ liệu',
'lang23': 'chưa được liệt kê',
'lang24': 'Câu lạc bộ fan hâm mộ',
'lang25': 'Ngày',
'lang26': 'Không thể theo dõi chính mình',
'lang27': 'Theo dõi thành công',
'lang28': 'Bỏ theo dõi thành công',
'lang29': 'Chờ',
'lang30': 'Hôm qua',
'lang31': 'Tháng trước',
},
//日语
{
'lang1': '放送局',
'lang2': 'リッチ',
'lang3': 'PK',
'lang4': 'クラブバトル',
'lang5': '中国語',
'lang6': '英語',
'lang7': 'タイ語',
'lang8': '日本語',
'lang9': 'インドネシア語',
'lang10': 'ベトナム語',
'lang11': '時間',
'lang12': '毎日',
'lang13': '毎週',
'lang14': '今週',
'lang15': '先週',
'lang16': '毎月',
'lang17': 'ランク一覧',
'lang18': '褒美',
'lang19': '接続率',
'lang20': 'クラブポイント',
'lang21': 'メンバー',
'lang22': 'データなし',
'lang23': 'まだリストされていません',
'lang24': 'ファンクラブ',
'lang25': '日付',
'lang26': '自分自身をフォローできません',
'lang27': '正常にフォローしました',
'lang28': 'フォローを解除しました',
'lang29': '待っている',
'lang30': '昨日',
'lang31': '先月',
},
//印尼语
{
'lang1': 'Penyiar radio',
'lang2': 'Kaya',
'lang3': 'PK',
'lang4': 'Pertempuran klub',
'lang5': 'Cina',
'lang6': 'Bahasa inggris',
'lang7': 'Thai',
'lang8': 'Jepang',
'lang9': 'bahasa Indonesia',
'lang10': 'Orang Vietnam',
'lang11': 'Jam',
'lang12': 'Sehari-hari',
'lang13': 'Mingguan',
'lang14': 'minggu ini',
'lang15': 'Minggu lalu',
'lang16': 'Bulanan',
'lang17': 'Daftar Peringkat',
'lang18': 'Hadiah',
'lang19': 'Tingkat koneksi',
'lang20': 'Poin klub',
'lang21': 'Anggota',
'lang22': 'Tidak ada data',
'lang23': 'Belum terdaftar',
'lang24': 'Klub penggemar',
'lang25': 'Tanggal',
'lang26': 'Tidak bisa mengikuti diri sendiri',
'lang27': 'Ikuti dengan sukses',
'lang28': 'Berhenti mengikuti dengan sukses',
'lang29': 'Menunggu',
'lang30': 'kemarin',
'lang31': 'Bulan lalu',
},
],
langType: 0,
rankLists: [],
rankOther: [],
tab1: 1,
tab2: 1,
langTab: 2,
clickRankLang: 2,
langShow: false,
langSelect: 2,
langSelectValue: '',
showHisTab: false,
isHis1: false,
isHis2: false,
isHis3: false,
canTab: true,
}
},
methods: {
goBack() {
let obj = {
"cid": 14,
"reqCode": new Date().getTime(),
"data": {
"msg": '關閉全屏網頁',
}
}
let obj2 = JSON.stringify(obj);
appCollaboration(obj2);
},
hideBack() {
try {
let obj = {
"cid": 21,
"reqCode": new Date().getTime(),
"data": {
"msg": "web关闭网页方法加载完成向客户端通知",
}
}
let obj2 = JSON.stringify(obj);
appCollaboration(obj2);
} catch (error) {
}
},
getLangType() {
let that = this;
let langCon = $firefly.urlData.lang;
if (langCon == undefined || langCon == 'undefined') {
langCon = sessionStorage.lang;
}
//当没有语言参数时 默认
if (langCon == undefined || langCon == 'undefined') {
langCon = 2;
}
sessionStorage.lang = langCon;
if (langCon == 0 || langCon == 2) {
that.langType = 0;
} else if (langCon == 7) {
that.langType = 2;
} else if (langCon == 8) {
that.langType = 4;
} else if (langCon == 3) {
that.langType = 3;
} else if (langCon == 4) {
that.langType = 5;
} else if (langCon == 5) {
that.langType = 6;
} else {
that.langType = 1;
}
},
showLangTab() {
this.langShow = !this.langShow;
this.showHisTab = false;
},
closeAll() {
this.langShow = false;
this.showHisTab = false;
},
changeLang(a, b) {
this.langSelect = a;
this.clickRankLang = a;
this.langSelectValue = b;
this.langShow = false;
switch (this.tab1) {
case 1:
if (this.tab2 == 1) {
this.getCharmHour(0)
} else if (this.tab2 == 2) {
if (this.isHis1) {
this.getCharmDay(-1);
} else {
this.getCharmDay(0);
}
} else if (this.tab2 == 3) {
if (this.isHis2) {
this.getCharmWeek(-1);
} else {
this.getCharmWeek(0);
}
} else if (this.tab2 == 4) {
if (this.isHis3) {
this.getCharMonth(-1);
} else {
this.getCharMonth(0);
}
}
break;
case 2:
if (this.tab2 == 1) {
this.getRichHour(0)
} else if (this.tab2 == 2) {
if (this.isHis1) {
this.getRichDay(-1);
} else {
this.getRichDay(0);
}
} else if (this.tab2 == 3) {
if (this.isHis2) {
this.getRichWeek(-1);
} else {
this.getRichWeek(0);
}
} else if (this.tab2 == 4) {
if (this.isHis3) {
this.getRichMonth(-1);
} else {
this.getRichMonth(0);
}
}
break;
case 3:
if (this.tab2 == 3) {
if (this.isHis2) {
this.getPkRank(2);
} else {
this.getPkRank(1);
}
} else if (this.tab2 == 4) {
if (this.isHis3) {
this.getPkRank(3);
} else {
this.getPkRank(4);
}
} else if (this.tab2 == 5) {
this.getPkRank(0);
}
break;
default:
break;
}
},
changeTab1(a) {
if (!this.canTab) {
return
}
this.canTab = false;
app.tab1 = a;
app.langShow = false;
if (a < 3) {
app.tab2 = 1;
} else {
app.tab2 = 3
}
if (a == 1) {
app.getCharmHour();
} else if (a == 2) {
app.getRichHour();
} else if (a == 3) {
app.getPkRank(1)
} else {
app.getDateRank(1)
}
app.showHisTab = false;
},
changeTab2(a) {
if (!this.canTab) {
return
}
this.canTab = false;
this.langShow = false;
if (a == this.tab2) {
this.showHisTab = true;
return
}
if (a == 1) {
if (this.tab1 == 1) {
this.getCharmHour();
} else if (this.tab1 == 2) {
this.getRichHour();
}
} else if (a == 2) {
if (this.tab1 == 1) {
if (this.isHis1) {
this.getCharmDay(-1);
} else {
this.getCharmDay(0);
}
} else if (this.tab1 == 2) {
if (this.isHis1) {
this.getRichDay(-1);
} else {
this.getRichDay(0);
}
}
} else if (a == 3) {
if (this.tab1 == 1) {
if (this.isHis2) {
this.getCharmWeek(-1);
} else {
this.getCharmWeek(0);
}
} else if (this.tab1 == 2) {
if (this.isHis2) {
this.getRichWeek(-1);
} else {
this.getRichWeek(0);
}
} else if (this.tab1 == 3) {
if (this.isHis2) {
this.getPkRank(2)
} else {
this.getPkRank(1)
}
} else if (this.tab1 == 4) {
if (this.isHis2) {
this.getDateRank(2)
} else {
this.getDateRank(1)
}
}
} else if (a == 4) {
if (this.tab1 == 1) {
if (this.isHis3) {
this.getCharMonth(-1);
} else {
this.getCharMonth(0);
}
} else if (this.tab1 == 2) {
if (this.isHis3) {
this.getRichMonth(-1);
} else {
this.getRichMonth(0);
}
} else if (this.tab1 == 3) {
if (this.isHis3) {
this.getPkRank(4)
} else {
this.getPkRank(3)
}
}
} else {
if (this.tab1 == 1) {
this.getCharMonth();
} else if (this.tab1 == 2) {
this.getRichMonth();
} else if (this.tab1 == 3) {
this.getPkRank(0)
} else if (this.tab1 == 4) {
this.getDateRank(0)
}
}
this.tab2 = a;
this.showHisTab = false;
},
ifExsist(obj, attr, def) {
if (obj) {
if (attr == 'face' || attr == 'roomFace') {
return cdn + obj[attr]
}
return obj[attr];
} else {
return def;
}
},
getBorderLevel(now) {
if (!now) {
return ['avatarBorder']
}
let mBorder = '';
if ((now.privilege && now.privilege.vip) || now.vip) {
if (now.level < 11) {
mBorder = 'level1';
} else if (now.level < 21) {
mBorder = 'level2';
} else if (now.level < 31) {
mBorder = 'level3'
} else if (now.level < 41) {
mBorder = 'level4'
} else if (now.level < 46) {
mBorder = 'level5'
} else if (now.level < 51) {
mBorder = 'level6'
} else if (now.level < 52) {
mBorder = 'level7'
} else {
mBorder = 'level8'
}
}
return ['avatarBorder', mBorder];
},
getVipLevel(l) {
return './images/vip/' + l + '.png'
},
getLiveStatus(now) {
let that = this;
let nowStatus = '';
// if (now) {
// if (now.videoState == 0) {
// nowStatus = 'blue3';
// if ($firefly.urlData.isSpecialUser && that.tab1 == 2) {
// nowStatus = 'blue4';
// }
// } else if (now.videoState == 2) {
// nowStatus = 'blue2';
// }
// if (now.liveState == 1) {
// nowStatus = 'green';
// } else if (now.liveState == 2) {
// nowStatus = 'yellow';
// }
// }
if (now) {
if (now.videoState == 0) {
nowStatus = 'online';
} else if (now.videoState == 2) {
nowStatus = 'calling';
}
}
return ['liveIcon', nowStatus];
},
checkHis(type, his) {
this.showHisTab = false;
switch (type) {
case 1:
if (!his) {
this.isHis1 = false;
if (this.tab1 == 1) {
this.getCharmDay(0);
} else if (this.tab1 == 2) {
this.getRichDay(0);
}
} else {
this.isHis1 = true
if (this.tab1 == 1) {
this.getCharmDay(-1);
} else if (this.tab1 == 2) {
this.getRichDay(-1);
}
}
break;
case 2:
if (!his) {
this.isHis2 = false;
if (this.tab1 == 1) {
this.getCharmWeek(0);
} else if (this.tab1 == 2) {
this.getRichWeek(0);
} else if (this.tab1 == 3) {
this.getPkRank(1)
} else if (this.tab1 == 4) {
this.getDateRank(1)
}
} else {
this.isHis2 = true
if (this.tab1 == 1) {
this.getCharmWeek(-1);
} else if (this.tab1 == 2) {
this.getRichWeek(-1);
} else if (this.tab1 == 3) {
this.getPkRank(2)
} else if (this.tab1 == 4) {
this.getDateRank(2)
}
}
break;
case 3:
if (!his) {
this.isHis3 = false;
if (this.tab1 == 1) {
this.getCharMonth(0);
} else if (this.tab1 == 2) {
this.getRichMonth(0);
} else if (this.tab1 == 3) {
this.getPkRank(3)
}
} else {
this.isHis3 = true
if (this.tab1 == 1) {
this.getCharMonth(-1);
} else if (this.tab1 == 2) {
this.getRichMonth(-1);
} else if (this.tab1 == 3) {
this.getPkRank(4)
}
}
break;
default:
break;
}
},
getPkRank(t) {
let that = this;
$.ajax({
url: $url + '/rank/pk/get',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
type: t
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true;
});
} else {
that.rankLists = []
that.rankOther = [];
that.canTab = true;
}
}
})
},
getDateRank(t) {
let that = this;
$.ajax({
url: $url + '/fans/group/platform/rank/list',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
page: 1,
type: t,
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.rankOther = []
that.rankLists = []
that.canTab = true
}
}
})
},
getCharMonth(m) {
let that = this;
$.ajax({
url: $url + '/rank/charm/month',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
month: m,
vest: 50
// month: 0
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.canTab = true
that.rankOther = []
that.rankLists = []
}
}
})
},
getCharmWeek(w) { //0本周 1上周
let that = this;
$.ajax({
url: $url + '/rank/charm/week',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
lastweek: w,
vest: 50
// lastweek: 0
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.canTab = true
that.rankOther = []
that.rankLists = []
}
}
})
},
getCharmDay(d) { //0今日 1昨日
let that = this;
$.ajax({
url: $url + '/rank/charm/day',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
day: d,
vest: 50
// day: 0
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.canTab = true
that.rankOther = []
that.rankLists = []
}
}
})
},
getCharmHour() {
let that = this;
$.ajax({
url: $url + '/rank/charm/hour',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
vest: 50
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.rankOther = []
that.canTab = true
that.rankLists = []
}
}
})
},
getRichMonth(m) { // 0 本月 -1上月
let that = this;
$.ajax({
url: $url + '/rank/rich/month',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
month: m
// month: 0
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.canTab = true
that.rankOther = []
that.rankLists = []
}
}
})
},
getRichWeek(w) { //0本周 1上周
let that = this;
$.ajax({
url: $url + '/rank/rich/week',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
lastweek: w
// lastweek: 0
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.canTab = true
that.rankOther = []
that.rankLists = []
}
}
})
},
getRichDay(d) { //0今日 1昨日
let that = this;
$.ajax({
url: $url + '/rank/rich/day',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
day: d
// day: 0
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.canTab = true
that.rankOther = []
that.rankLists = []
}
}
})
},
getRichHour() {
let that = this;
$.ajax({
url: $url + '/rank/rich/hour',
data: {
uid: $firefly.urlData.uid,
lang: $firefly.urlData.lang,
rankLang: that.clickRankLang,
page: 1,
},
success: function (res) {
if (res.code == 1) {
if (res.ranklist) {
that.rankLists = res.ranklist;
} else {
that.rankLists = []
}
if (res.rankOther) {
that.rankOther = res.rankOther;
} else {
that.rankOther = []
}
that.$forceUpdate();
that.$nextTick(function () {
// console.log(1);
that.canTab = true
});
} else {
that.canTab = true
that.rankLists = []
that.rankOther = []
}
}
})
},
changeLike(isLike, mUid, idx) {
if (isLike) {
this.toUnlike(mUid, idx)
} else {
this.toLike(mUid, idx)
}
},
toLike(tId, idx) {
let that = this;
$.ajax({
url: $url + '/room/like',
data: {
os: $firefly.urlData.os,
cid: $firefly.urlData.cid,
version: $firefly.urlData.appversion || 9999,
uid: $firefly.urlData.uid,
roomId: tId
},
success: function (res) {
if (res.code == 1) {
layer.msg(that.langList[that.langType].lang27);
let aaa = that.rankLists[idx]
aaa.isFollow = 1;
app.$set(app.rankLists, idx, aaa)
} else {
layer.msg(res.msg);
}
}
})
},
toUnlike(tId, idx) {
let that = this;
$.ajax({
url: $url + '/room/unlike',
data: {
os: $firefly.urlData.os,
cid: $firefly.urlData.cid,
version: $firefly.urlData.appversion,
uid: $firefly.urlData.uid,
roomId: tId
},
success: function (res) {
if (res.code == 1) {
layer.msg(that.langList[that.langType].lang28);
let aaa = that.rankLists[idx]
aaa.isFollow = 0;
app.$set(app.rankLists, idx, aaa)
} else {
layer.msg(res.msg);
}
}
})
}
},
mounted: function () {
// FastClick.attach(document.body);
this.langSelectValue = this.langList[this.langType].lang5;
this.getLangType();
this.hideBack();
this.getCharmHour();
}
})
</script>
</html>