Skip to content

S
SuperMan
Commit 5f3d7918 authored by 华国豪's avatar 华国豪 :rolling_eyes:
Browse files
Options

合并代码

parents 57406cb8 5818ed6f
Hide whitespace changes
Inline Side-by-side
Showing with 1588 additions and 1104 deletions
src/components/Hotel/HotelProductManage2.vue
View file @ 5f3d7918
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
</div> </div>
<div class="hotelProductManage2_calendar"> <div class="hotelProductManage2_calendar">
<div class="hotelProductManage2_calendarItem" v-for="(item, index) in days" :key="index"> <div class="hotelProductManage2_calendarItem" v-for="(item, index) in days" :key="index">
<div class="calendarItem_month" @click="calendarShow(item, index)">{{item.date}}</div> <div class="calendarItem_month" title="点击查看详情" @click="calendarShow(item, index)">{{item.date}}</div>
<div class="hotelproductCkbox"> <div class="hotelproductCkbox">
<el-checkbox v-model="item.isCked" @change="changeHotelStatus(item,index)">全选</el-checkbox> <el-checkbox v-model="item.isCked" @change="changeHotelStatus(item,index)">全选</el-checkbox>
</div> </div>
...@@ -52,17 +52,32 @@ ...@@ -52,17 +52,32 @@
<div>周日</div> <div>周日</div>
</div> </div>
<div class="calendarItem_day"> <div class="calendarItem_day">
<div v-for="(subItem, index2) in item.days" :key="index2" :class="subItem.month===item.date?'nowMonth':'otherMonth'"> <div v-for="(subItem, index2) in item.days" :key="index2"
<div :class="stockColor(item,subItem)" :class="subItem.month===item.date?'nowMonth':'otherMonth'">
:style="subItem.month===item.date&&msg2.DateList.indexOf(subItem.day)!==-1?'border-color: green':''" <div :class="stockColor(item,subItem)"
@click="calendarDayOn(item, subItem)"> :style="subItem.month===item.date&&msg2.DateList.indexOf(subItem.day)!==-1?'border-color: green':''"
{{subItem.date.getDate()}}<br /> @click="calendarDayOn(item, subItem)">
<template v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]"> {{subItem.date.getDate()}}<br />
<template v-for="(childItem,childIndex) in subItem.data.SubList" >
<span v-if="childItem.BatchNumber>1"> {{childItem.BatchNumber}} </span> <div class="detailInfo" v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
</template> <div class="triangle_border_up"></div>
<div class="popContent">
<template v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
<template v-for="(childItem,childIndex) in subItem.data.SubList">
<div class="popList">
<label>批次：{{childItem.BatchNumber}}</label>
<label>价格：{{childItem.CostPrice}}</label>
</div>
</template>
</template>
</div>
</div>
<template v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
<template v-for="(childItem,childIndex) in subItem.data.SubList">
<span v-if="childItem.BatchNumber>1"> {{childItem.BatchNumber}} </span>
</template> </template>
</div> </template>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -118,14 +133,15 @@ ...@@ -118,14 +133,15 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="标准间成本价"> <el-form-item label="标准间成本价">
<el-input-number v-model="msg2.CostPrice" :precision="2" :min="0" @keyup.native="checkPrice(msg2,'CostPrice')" maxlength="10"></el-input-number> <el-input-number v-model="msg2.CostPrice" :precision="2" :min="0"
@keyup.native="checkPrice(msg2,'CostPrice')" maxlength="10"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="散客价"> <el-form-item label="散客价">
<el-input-number v-model="msg2.SanKePrice" :precision="2" :min="0" <el-input-number v-model="msg2.SanKePrice" :precision="2" :min="0"
@keyup.native="checkPrice(msg2,'SanKePrice')" maxlength="10"></el-input-number> @keyup.native="checkPrice(msg2,'SanKePrice')" maxlength="10"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
...@@ -324,14 +340,14 @@ ...@@ -324,14 +340,14 @@
<el-col :span="6"> <el-col :span="6">
<el-form-item label="标准间成本价"> <el-form-item label="标准间成本价">
<el-input-number v-model="msg.CostPrice" :precision="2" :min="0" <el-input-number v-model="msg.CostPrice" :precision="2" :min="0"
@keyup.native="checkPrice(msg2,'CostPrice')" maxlength="10"></el-input-number> @keyup.native="checkPrice(msg2,'CostPrice')" maxlength="10"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="散客价"> <el-form-item label="散客价">
<el-input-number v-model="msg.SanKePrice" :precision="2" :min="0" <el-input-number v-model="msg.SanKePrice" :precision="2" :min="0"
@keyup.native="checkPrice(msg2,'SanKePrice')" maxlength="10"></el-input-number> @keyup.native="checkPrice(msg2,'SanKePrice')" maxlength="10"></el-input-number>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -764,7 +780,7 @@ ...@@ -764,7 +780,7 @@
}, },
methods: { methods: {
//库存类型 //库存类型
stockColor: function (item, item2,childItem) { stockColor: function (item, item2, childItem) {
if (item.date === item2.month && item2.hasOwnProperty('data')) { if (item.date === item2.month && item2.hasOwnProperty('data')) {
let type = item2.data.SubList[0].InventoryType; let type = item2.data.SubList[0].InventoryType;
if (type === 1) { if (type === 1) {
...@@ -806,7 +822,7 @@ ...@@ -806,7 +822,7 @@
}, res => { }, res => {
if (res.data.resultCode === 1) { if (res.data.resultCode === 1) {
let json = res.data.data; let json = res.data.data;
this.hotelInfo.HotelName = json.HotelName; this.hotelInfo.HotelName = json.HotelName;
this.hotelInfo.TotalInventory = json.TotalInventory; this.hotelInfo.TotalInventory = json.TotalInventory;
this.hotelInfo.Validity = json.Validity; this.hotelInfo.Validity = json.Validity;
...@@ -860,11 +876,11 @@ ...@@ -860,11 +876,11 @@
this.calendar.show = true; this.calendar.show = true;
}, },
// 获取详情 // 获取详情
getDetail: function (date,BatchNumber) { getDetail: function (date, BatchNumber) {
this.apipost('dict_post_HotelOffer_GetHotelPriceInfo', { this.apipost('dict_post_HotelOffer_GetHotelPriceInfo', {
HotelId: this.msg.Hotel, HotelId: this.msg.Hotel,
Time: date, Time: date,
BatchNumber:BatchNumber BatchNumber: BatchNumber
}, res => { }, res => {
if (res.data.resultCode === 1) { if (res.data.resultCode === 1) {
let data = res.data.data; let data = res.data.data;
...@@ -937,12 +953,12 @@ ...@@ -937,12 +953,12 @@
}, err => {}); }, err => {});
}, },
// 打开编辑窗口 // 打开编辑窗口
goEdit: function (type, date,BatchNumber) { goEdit: function (type, date, BatchNumber) {
let nowDate = new Date().Format('yyyy-MM-dd'); let nowDate = new Date().Format('yyyy-MM-dd');
this.msg.StartDate = date === undefined ? nowDate : date; this.msg.StartDate = date === undefined ? nowDate : date;
this.msg.EndDate = date === undefined ? nowDate : date; this.msg.EndDate = date === undefined ? nowDate : date;
if (type === '2' && date) { if (type === '2' && date) {
this.getDetail(date,BatchNumber); this.getDetail(date, BatchNumber);
} }
this.editShow = true; this.editShow = true;
}, },
...@@ -1163,6 +1179,7 @@ ...@@ -1163,6 +1179,7 @@
display: inline-block; display: inline-block;
margin: 0 5px; margin: 0 5px;
width: 24%; width: 24%;
/* width:438px; */
background-color: #fff; background-color: #fff;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
border-radius: 4px; border-radius: 4px;
...@@ -1182,6 +1199,7 @@ ...@@ -1182,6 +1199,7 @@
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
text-decoration: underline;
} }
.hotelProductManage2_calendarItem>.calendarItem_week { .hotelProductManage2_calendarItem>.calendarItem_week {
...@@ -1206,13 +1224,14 @@ ...@@ -1206,13 +1224,14 @@
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
flex-wrap: wrap; flex-wrap: wrap;
padding-bottom:20px; padding-bottom: 20px;
} }
.hotelProductManage2_calendarItem>.calendarItem_day>div { .hotelProductManage2_calendarItem>.calendarItem_day>div {
display: inline-block; display: inline-block;
padding: 15px 0; padding: 15px 0;
width: 14.2%; width: 14.2%;
position: relative;
} }
.hotelProductManage2_calendarItem>.calendarItem_day>div>div { .hotelProductManage2_calendarItem>.calendarItem_day>div>div {
...@@ -1500,5 +1519,51 @@ ...@@ -1500,5 +1519,51 @@
color: #606266; color: #606266;
font-size: 14px; font-size: 14px;
} }
.popList{
font-size: 12px;
line-height: 15px;
text-align: left;
}
.hotelProductManage2_calendarItem>.calendarItem_day>.nowMonth:hover .detailInfo{
display:block;
}
.hotelProductManage2 .detailInfo {
display: none;
position: absolute;
left: -52px;
top: 50px;
z-index: 999;
}
.hotelProductManage2 .triangle_border_up {
width: 0;
height: 0;
border-width: 0 86px 30px;
border-style: solid;
opacity: 0.75;
border-color: transparent transparent rgba(233, 82, 82, 1); /*透明 透明 灰*/
}
.hotelProductManage2 .detailInfo .popContent{
width: 170px;
height: 80px;
background-color: #e95252;
text-align: left;
color: #fff;
font-size: 12px;
margin-top:-2px;
overflow: auto;
padding-bottom:10px;
}
.hotelProductManage2 .popList label:first-child{
display: inline-block;
width: 40%;
margin: 10px 0 0 10px;
text-align: left;
}
.hotelProductManage2 .popList label:last-child {
display: inline-block;
width: 40%;
margin: 10px 10px 0 0;
text-align: right;
}
</style> </style>
src/components/LeaderManagement/leaderPerformance.vue
View file @ 5f3d7918
<style> <style>
.guidPerformance .backBtn {float: right;margin: 30px 10px 0 0;} .guidPerformance .backBtn {
.guidPerformance .listSpan span {display: inline-block;margin: 30px 0 0 10px;font-family: PingFangSC-Semibold, sans-serif;font-size: 14px;color: #333333;} float: right;
.guidPerformance .statistical {width: 100%;} margin: 30px 10px 0 0;
.guidPerformance .dataList li {float: left;width: 100px;height: 40px;text-align: center;color: #666666;background-color: #f1f1f1; }
margin-top:0;line-height: 40px;font-size: 14px;position: relative;cursor: pointer;}
.guidPerformance .dataList li:first-child{border-top-left-radius: 4px;} .guidPerformance .listSpan span {
.guidPerformance .Day_active {background-color: #fff !important;color: #000 !important;} display: inline-block;
.guidPerformance .Day_active i {display: inline-block;width: 35px;height: 2px;background-color: #e95252;position: absolute;bottom: 0;left: 35px;} margin: 30px 0 0 10px;
.guidPerformance .chartsMap {width: 100%; height: 500px;background-color: #fff;padding-top: 50px;} font-family: PingFangSC-Semibold, sans-serif;
.guidPerformance .mainLeftdiv{margin-top:20px;float:left;} font-size: 14px;
.guidPerformance .leftTop{width:810px;height:360px;border:1px solid #E6E6E6;background-color:#fff;position:relative;border-radius:4px;margin-bottom:10px;} color: #333333;
.guidPerformance .dataList{position:absolute;top:0;left:0;} }
.guidPerformance .leftBottom{width:100%;}
.guidPerformance .bottomList{float:left;width:399px;height:230px;border:1px solid #E6E6E6;border-radius:4px; .guidPerformance .statistical {
margin-right:10px;background-color:#fff;padding:0 20px;} width: 100%;
.guidPerformance .bottomList:last-child{margin-right:0;} }
.guidPerformance .rightDiv{width:300px;height:600px;border:1px solid #E6E6E6;border-radius:4px;background-color:#fff;float:left;margin:20px 0 0 10px}
.guidPerformance .ChampionsLeague{width:100%;height:200px;margin-top:40px;} .guidPerformance .dataList li {
.guidPerformance .championList{float:left;width:265px;position:relative;text-align: center;} float: left;
.guidPerformance .runnderUp{width:118px;height:118px;border-radius:50%;border:3px solid #9A9A9A;margin:80px 0 0 80px;} width: 100px;
.guidPerformance .championName{color:#333;font-size:19px;font-family:PingFangSC-Semibold,sans-serif;margin:20px 0 5px 0; } height: 40px;
.guidPerformance .championMoney{color:#FE9C02;font-size:19px;font-family:PingFangSC-Semibold,sans-serif;} text-align: center;
.guidPerformance .chamPionUp img,.runnderUp img{width:100%;height:100%;border-radius:50%;} color: #666666;
.guidPerformance .yajun{position: absolute;top:50px;left:103px;} background-color: #f1f1f1;
.guidPerformance .piaodai2{position:absolute;left:50px;top:151px;} margin-top: 0;
.guidPerformance .chamPionUp{width:160px;height:160px;border-radius: 50%;border:3px solid #FFD133;margin:50px 0 0 70px;} line-height: 40px;
.guidPerformance .guanjun{position: absolute;top:10px;left:100px;} font-size: 14px;
.guidPerformance .piao1{position: absolute;left: 7px;top: 138px;} position: relative;
.guidPerformance .guanName{font-size:28px;color:#333;font-family:PingFangSC-Semibold,sans-serif;margin-top:10px;} cursor: pointer;
.guidPerformance .guanMoney{font-size:28px;color:#E95252;font-family:PingFangSC-Semibold,sans-serif; } }
.guidPerformance .piao3{border-color:#D97D03;}
.guidPerformance .btLittle{width:100%;height:57px;border-bottom:1px solid #F6F6F6;position:relative;line-height: 57px;} .guidPerformance .dataList li:first-child {
.guidPerformance .cmoney{color:#7BC877;} border-top-left-radius: 4px;
.guidPerformance ._index{position: absolute;left:-20px;top:16px;width:40px;height:24px;line-height: 24px;font-size:12px; }
text-align:center;color:#fff;border-top-right-radius: 12px;border-bottom-right-radius: 12px;background-color:#E95252;}
.guidPerformance .HeadPortrait{width:40px;height:40px;border-radius:50%;float:left;margin:10px 20px 0 0;} .guidPerformance .Day_active {
.guidPerformance .HeadPortrait img{width:100%;height:100%;border-radius:50%;} background-color: #fff !important;
.guidPerformance .peopleInfo{margin-left:50px;font-size:12px;} color: #000 !important;
.guidPerformance .peopleMoney{float:right;color:#FE9C02;font-size:14px;font-family:PingFangSC-Semibold,sans-serif;} }
.guidPerformance .tweleindex{float:left;margin-left:10px;color:#999999;font-size:14px;font-family:PingFangSC-Semibold,sans-serif;}
.guidPerformance .TweleEx{float:right;color:#333333;font-size:14px;margin-right:20px;font-family:PingFangSC-Semibold,sans-serif;} .guidPerformance .Day_active i {
.guidPerformance ._btTitle{width:100%;height:66px;border-bottom:1px solid #F6F6F6;line-height: 66px;} display: inline-block;
.guidPerformance .TW{margin:14px 20px 0 0;} width: 35px;
.guidPerformance ._btTitle:last-child{border-bottom:0;} height: 2px;
background-color: #e95252;
position: absolute;
bottom: 0;
left: 35px;
}
.guidPerformance .chartsMap {
width: 100%;
height: 500px;
background-color: #fff;
padding-top: 50px;
}
.guidPerformance .mainLeftdiv {
margin-top: 20px;
float: left;
}
.guidPerformance .leftTop {
width: 810px;
height: 360px;
border: 1px solid #E6E6E6;
background-color: #fff;
position: relative;
border-radius: 4px;
margin-bottom: 10px;
}
.guidPerformance .dataList {
position: absolute;
top: 0;
left: 0;
}
.guidPerformance .leftBottom {
width: 100%;
}
.guidPerformance .bottomList {
float: left;
width: 399px;
height: 230px;
border: 1px solid #E6E6E6;
border-radius: 4px;
margin-right: 10px;
background-color: #fff;
padding: 0 20px;
}
.guidPerformance .bottomList:last-child {
margin-right: 0;
}
.guidPerformance .rightDiv {
width: 300px;
height: 600px;
border: 1px solid #E6E6E6;
border-radius: 4px;
background-color: #fff;
float: left;
margin: 20px 0 0 10px
}
.guidPerformance .ChampionsLeague {
width: 100%;
height: 200px;
margin-top: 40px;
}
.guidPerformance .championList {
float: left;
width: 265px;
position: relative;
text-align: center;
}
.guidPerformance .runnderUp {
width: 118px;
height: 118px;
border-radius: 50%;
border: 3px solid #9A9A9A;
margin: 80px 0 0 80px;
}
.guidPerformance .championName {
color: #333;
font-size: 19px;
font-family: PingFangSC-Semibold, sans-serif;
margin: 20px 0 5px 0;
}
.guidPerformance .championMoney {
color: #FE9C02;
font-size: 19px;
font-family: PingFangSC-Semibold, sans-serif;
}
.guidPerformance .chamPionUp img,
.runnderUp img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.guidPerformance .yajun {
position: absolute;
top: 50px;
left: 103px;
}
.guidPerformance .piaodai2 {
position: absolute;
left: 50px;
top: 151px;
}
.guidPerformance .chamPionUp {
width: 160px;
height: 160px;
border-radius: 50%;
border: 3px solid #FFD133;
margin: 50px 0 0 70px;
}
.guidPerformance .guanjun {
position: absolute;
top: 10px;
left: 100px;
}
.guidPerformance .piao1 {
position: absolute;
left: 7px;
top: 138px;
}
.guidPerformance .guanName {
font-size: 28px;
color: #333;
font-family: PingFangSC-Semibold, sans-serif;
margin-top: 10px;
}
.guidPerformance .guanMoney {
font-size: 28px;
color: #E95252;
font-family: PingFangSC-Semibold, sans-serif;
}
.guidPerformance .piao3 {
border-color: #D97D03;
}
.guidPerformance .btLittle {
width: 100%;
height: 57px;
border-bottom: 1px solid #F6F6F6;
position: relative;
line-height: 57px;
}
.guidPerformance .cmoney {
color: #7BC877;
}
.guidPerformance ._index {
position: absolute;
left: -20px;
top: 16px;
width: 40px;
height: 24px;
line-height: 24px;
font-size: 12px;
text-align: center;
color: #fff;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
background-color: #E95252;
}
.guidPerformance .HeadPortrait {
width: 40px;
height: 40px;
border-radius: 50%;
float: left;
margin: 10px 20px 0 0;
}
.guidPerformance .HeadPortrait img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.guidPerformance .peopleInfo {
margin-left: 50px;
font-size: 12px;
}
.guidPerformance .peopleMoney {
float: right;
color: #FE9C02;
font-size: 14px;
font-family: PingFangSC-Semibold, sans-serif;
}
.guidPerformance .tweleindex {
float: left;
margin-left: 10px;
color: #999999;
font-size: 14px;
font-family: PingFangSC-Semibold, sans-serif;
}
.guidPerformance .TweleEx {
float: right;
color: #333333;
font-size: 14px;
margin-right: 20px;
font-family: PingFangSC-Semibold, sans-serif;
}
.guidPerformance ._btTitle {
width: 100%;
height: 66px;
border-bottom: 1px solid #F6F6F6;
line-height: 66px;
}
.guidPerformance .TW {
margin: 14px 20px 0 0;
}
.guidPerformance ._btTitle:last-child {
border-bottom: 0;
}
</style> </style>
<template> <template>
<div class='flexOne guidPerformance'> <div class='flexOne guidPerformance'>
<div class="listSpan"> <div class="query-box">
<span>{{$t('leader.leader_List')}}</span> <ul>
<li>
<span>
<em>{{$t('system.query_workType')}}</em>
<el-select v-model="msg.QLeaderType" :placeholder="$t('system.ph_choice')">
<el-option :label="$t('system.ph_buxian')" :value='0'></el-option>
<el-option v-for="item in workTypeList" :key="item.Key" :label="item.Key" :value="item.Value">
</el-option>
</el-select>
</span>
</li>
<li>
<span v-if="msg.Type==2">
<em>月份：</em>
<el-date-picker v-model="msg.MonthStr" type="month" placeholder="选择月">
</el-date-picker>
</span>
<span v-else>
<em>年份：</em>
<el-date-picker v-model="msg.MonthStr" type="year" placeholder="选择年">
</el-date-picker>
</span>
</li>
<li>
<span>
<em>类型：</em>
<el-select v-model="msg.Type" :placeholder="$t('system.ph_choice')">
<el-option label="月榜" :value='2'></el-option>
<el-option label="年榜" :value='3'></el-option>
<el-option label="总榜" :value='1'></el-option>
</el-option>
</el-select>
</span>
</li>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="getStatis()" />
</li>
</ul>
</div>
<div class="statistical clearfix" style="display:block">
<div class="mainLeftdiv">
<div class="leftTop">
<ul class="dataList clearfix">
<li :class="msg.Type==2?'Day_active':''" @click="msg.Type=2,getStatis()">
{{$t('leader.leader_Month')}}
<i></i>
</li>
<li :class="msg.Type==3?'Day_active':''" @click="msg.Type=3,getStatis()">
{{$t('leader.leader_Year')}}
<i></i>
</li>
<li :class="msg.Type==1?'Day_active':''" @click="msg.Type=1,getStatis()">
{{$t('leader.leader_All')}}
<i></i>
</li>
</ul>
<div class="ChampionsLeague clearfix">
<div class="championList" v-for="item in yajun" :key="item.subCode">
<div class="runnderUp">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div>
<img class="yajun" src="../../assets/img/runnerUp.png" />
<img class="piaodai2" src="../../assets/img/piaodai2.png" />
<div class="championName">{{item.Name}}</div>
<div class="championMoney">￥{{item.LeaderExtract}}</div>
</div> </div>
<div class="statistical clearfix" style="display:block"> <div class="championList" v-for="item in Champion" :key="item.subCode">
<div class="mainLeftdiv"> <div class="chamPionUp">
<div class="leftTop"> <img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<ul class="dataList clearfix"> <img v-else :src="item.EmPhoto" :onerror='defaultImg' />
<li :class="monthList==true?'Day_active':''" @click="getStatis(2)"> </div>
{{$t('leader.leader_Month')}} <img class="guanjun" src="../../assets/img/chamPion.png" />
<i></i> <img class="piao1" src="../../assets/img/piao1.png" />
</li> <div class="guanName">{{item.Name}}</div>
<li :class="yearList==true?'Day_active':''" @click="getStatis(3)"> <div class="guanMoney">￥{{item.LeaderExtract}}</div>
{{$t('leader.leader_Year')}} </div>
<i></i> <div class="championList" v-for="item in jijun" :key="item.subCode">
</li> <div class="runnderUp piao3">
<li :class="allList==true?'Day_active':''" @click="getStatis(1)"> <img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
{{$t('leader.leader_All')}} <img v-else :src="item.EmPhoto" :onerror='defaultImg' />
<i></i> </div>
</li> <img class="yajun" src="../../assets/img/bronze.png" />
</ul> <img class="piaodai2" src="../../assets/img/piao3.png" />
<div class="ChampionsLeague clearfix"> <div class="championName">{{item.Name}}</div>
<div class="championList" v-for="item in yajun" :key="item.subCode"> <div class="championMoney cmoney">￥{{item.LeaderExtract}}</div>
<div class="runnderUp"> </div>
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg"> </div>
<img v-else :src="item.EmPhoto" :onerror='defaultImg'/> </div>
</div> <div class="leftBottom clearfix">
<img class="yajun" src="../../assets/img/runnerUp.png"/> <div class="bottomList">
<img class="piaodai2" src="../../assets/img/piaodai2.png"/> <div class="btLittle" v-for="(item,index) in fourToSeven" :key="item.subCode">
<div class="championName">{{item.Name}}</div> <div class="_index">{{4+index}}</div>
<div class="championMoney">￥{{item.LeaderExtract}}</div> <div class="peopleInfo clearfix">
</div> <div class="HeadPortrait">
<div class="championList" v-for="item in Champion" :key="item.subCode"> <img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<div class="chamPionUp"> <img v-else :src="item.EmPhoto" :onerror='defaultImg' />
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg'/>
</div>
<img class="guanjun" src="../../assets/img/chamPion.png"/>
<img class="piao1" src="../../assets/img/piao1.png"/>
<div class="guanName">{{item.Name}}</div>
<div class="guanMoney">￥{{item.LeaderExtract}}</div>
</div>
<div class="championList" v-for="item in jijun" :key="item.subCode">
<div class="runnderUp piao3">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg'/>
</div>
<img class="yajun" src="../../assets/img/bronze.png"/>
<img class="piaodai2" src="../../assets/img/piao3.png"/>
<div class="championName">{{item.Name}}</div>
<div class="championMoney cmoney">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
<div class="leftBottom clearfix">
<div class="bottomList">
<div class="btLittle" v-for="(item,index) in fourToSeven" :key="item.subCode">
<div class="_index">{{4+index}}</div>
<div class="peopleInfo clearfix">
<div class="HeadPortrait">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg'/>
</div>
<span class="peopleName">{{item.Name}}</span>
<div class="peopleMoney">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
<div class="bottomList">
<div class="btLittle" v-for="(item,index) in eightToeleven" :key="item.subCode">
<div class="_index">{{8+index}}</div>
<div class="peopleInfo clearfix">
<div class="HeadPortrait">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg'/>
</div>
<span class="peopleName">{{item.Name}}</span>
<div class="peopleMoney">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="rightDiv"> <span class="peopleName">{{item.Name}}</span>
<div class="_btTitle" v-for="(item,index) in twelveToTwenty" :key="item.subCode"> <div class="peopleMoney">￥{{item.LeaderExtract}}</div>
<div class="tweleindex">{{12+index}}</div> </div>
<div class="peopleInfo clearfix"> </div>
<div class="HeadPortrait TW"> </div>
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg"> <div class="bottomList">
<img v-else :src="item.EmPhoto" :onerror='defaultImg'/> <div class="btLittle" v-for="(item,index) in eightToeleven" :key="item.subCode">
</div> <div class="_index">{{8+index}}</div>
<span class="peopleName">{{item.Name}}</span> <div class="peopleInfo clearfix">
<div class="TweleEx">￥{{item.LeaderExtract}}</div> <div class="HeadPortrait">
</div> <img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
</div> <img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div> </div>
<span class="peopleName">{{item.Name}}</span>
<div class="peopleMoney">￥{{item.LeaderExtract}}</div>
</div>
</div> </div>
<div class="noData" v-show="noData"> </div>
{{$t('system.content_noData')}} </div>
</div>
<div class="rightDiv">
<div class="_btTitle" v-for="(item,index) in twelveToTwenty" :key="item.subCode">
<div class="tweleindex">{{12+index}}</div>
<div class="peopleInfo clearfix">
<div class="HeadPortrait TW">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div> </div>
<span class="peopleName">{{item.Name}}</span>
<div class="TweleEx">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
ShoppingID: "" ShoppingID: "",
}, Type: 2,
noData: false, MonthStr: "",
loading: true, //领队类型
DataList: "", QLeaderType: 0,
Champion:[], },
yajun:[], //工作类型
jijun:[], workTypeList: [],
fourToSeven:'', DataList: "",
eightToeleven:'', //冠军
twelveToTwenty:'', Champion: [],
monthList: true, //亚军
yearList: false, yajun: [],
allList: false, //季军
defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"', jijun: [],
}; //4-7名
}, fourToSeven: '',
methods: { //8-11名
getStatis(type) { eightToeleven: '',
if (type == 1) { //12-20名
this.allList = true; twelveToTwenty: '',
this.monthList = false; monthList: true,
this.yearList = false; yearList: false,
} else if (type == 2) { allList: false,
this.allList = false; defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"',
this.monthList = true;
this.yearList = false;
} else {
this.allList = false;
this.monthList = false;
this.yearList = true;
}
let msg = {
Type: type
}; };
this.Champion = []; },
this.yajun=[]; methods: {
this.jijun=[]; getStatis() {
this.fourToSeven = []; let msg = {
this.eightToeleven=[]; Type: this.msg.Type,
this.twelveToTwenty=[]; QLeaderType:this.msg.QLeaderType,
this.apipost("LeaderSchedule_get_GetLeaderList",msg,res => { QMonthStr:this.msg.MonthStr
if (res.data.resultCode == 1) { };
if(res.data.data.length>0){ this.Champion = [];
this.Champion =res.data.data.splice(0,1); this.yajun = [];
this.yajun =res.data.data.splice(0,1); this.jijun = [];
this.jijun =res.data.data.splice(0,1); this.fourToSeven = [];
this.fourToSeven = res.data.data.splice(0,4); this.eightToeleven = [];
this.eightToeleven = res.data.data.splice(0,4); this.twelveToTwenty = [];
this.twelveToTwenty = res.data.data.splice(0,9); this.apipost("LeaderSchedule_get_GetLeaderList", msg, res => {
if (res.data.resultCode == 1) {
if (res.data.data.length > 0) {
this.Champion = res.data.data.splice(0, 1);
this.yajun = res.data.data.splice(0, 1);
this.jijun = res.data.data.splice(0, 1);
this.fourToSeven = res.data.data.splice(0, 4);
this.eightToeleven = res.data.data.splice(0, 4);
this.twelveToTwenty = res.data.data.splice(0, 9);
}
} }
},
err => {}
);
},
goUrl(path, ID) {
this.$router.push({
path: path,
query: {
"id": ID
} }
}, })
err => {} },
); goUrl(path, ID, Type) {
}, this.$router.push({
goUrl(path,ID) { path: path,
this.$router.push({ path: path,query:{"id":ID}}) query: {
"id": ID,
"Type": Type
}
})
},
//获取工作类型(值获取领兼地和导游)
getWorkType() {
this.apipost(
"leader_post_GetType", {},
res => {
if (res.data.resultCode == 1) {
res.data.data.forEach(item => {
this.workTypeList.push(item);
});
}
},
err => {}
);
},
}, },
goUrl(path,ID,Type) { mounted() {
this.$router.push({ path: path,query:{"id":ID,"Type":Type}}) this.getWorkType();
this.getStatis();
} }
}, };
mounted() {
this.getStatis(2);
}
};
</script> </script>
src/components/TravelManager/TravelList/RegistrationList.vue
View file @ 5f3d7918
This source diff could not be displayed because it is too large. You can view the blob instead.
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