Skip to content

S
SuperMan
Commit 5f3d7918 authored by 华国豪's avatar 华国豪 🙄
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 @@
</div>
<div class="hotelProductManage2_calendar">
<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">
<el-checkbox v-model="item.isCked" @change="changeHotelStatus(item,index)">全选</el-checkbox>
</div>
......@@ -52,17 +52,32 @@
<div>周日</div>
</div>
<div class="calendarItem_day">
<div v-for="(subItem, index2) in item.days" :key="index2" :class="subItem.month===item.date?'nowMonth':'otherMonth'">
<div :class="stockColor(item,subItem)"
:style="subItem.month===item.date&&msg2.DateList.indexOf(subItem.day)!==-1?'border-color: green':''"
@click="calendarDayOn(item, subItem)">
{{subItem.date.getDate()}}<br />
<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>
<div v-for="(subItem, index2) in item.days" :key="index2"
:class="subItem.month===item.date?'nowMonth':'otherMonth'">
<div :class="stockColor(item,subItem)"
:style="subItem.month===item.date&&msg2.DateList.indexOf(subItem.day)!==-1?'border-color: green':''"
@click="calendarDayOn(item, subItem)">
{{subItem.date.getDate()}}<br />
<div class="detailInfo" v-if="subItem.data&&subItem.data.SubList && subItem.data.SubList[0]">
<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>
</div>
</template>
</div>
</div>
</div>
</div>
......@@ -118,14 +133,15 @@
</el-col>
<el-col :span="6">
<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-col>
<el-col :span="6">
<el-form-item label="散客价">
<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-col>
<el-col :span="6">
......@@ -324,14 +340,14 @@
<el-col :span="6">
<el-form-item label="标准间成本价">
<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-col>
<el-col :span="6">
<el-form-item label="散客价">
<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-col>
......@@ -764,7 +780,7 @@
},
methods: {
//库存类型
stockColor: function (item, item2,childItem) {
stockColor: function (item, item2, childItem) {
if (item.date === item2.month && item2.hasOwnProperty('data')) {
let type = item2.data.SubList[0].InventoryType;
if (type === 1) {
......@@ -806,7 +822,7 @@
}, res => {
if (res.data.resultCode === 1) {
let json = res.data.data;
this.hotelInfo.HotelName = json.HotelName;
this.hotelInfo.TotalInventory = json.TotalInventory;
this.hotelInfo.Validity = json.Validity;
......@@ -860,11 +876,11 @@
this.calendar.show = true;
},
// 获取详情
getDetail: function (date,BatchNumber) {
getDetail: function (date, BatchNumber) {
this.apipost('dict_post_HotelOffer_GetHotelPriceInfo', {
HotelId: this.msg.Hotel,
Time: date,
BatchNumber:BatchNumber
BatchNumber: BatchNumber
}, res => {
if (res.data.resultCode === 1) {
let data = res.data.data;
......@@ -937,12 +953,12 @@
}, err => {});
},
// 打开编辑窗口
goEdit: function (type, date,BatchNumber) {
goEdit: function (type, date, BatchNumber) {
let nowDate = new Date().Format('yyyy-MM-dd');
this.msg.StartDate = date === undefined ? nowDate : date;
this.msg.EndDate = date === undefined ? nowDate : date;
if (type === '2' && date) {
this.getDetail(date,BatchNumber);
this.getDetail(date, BatchNumber);
}
this.editShow = true;
},
......@@ -1163,6 +1179,7 @@
display: inline-block;
margin: 0 5px;
width: 24%;
/* width:438px; */
background-color: #fff;
border: 1px solid #d1d1d1;
border-radius: 4px;
......@@ -1182,6 +1199,7 @@
text-align: center;
font-size: 14px;
cursor: pointer;
text-decoration: underline;
}
.hotelProductManage2_calendarItem>.calendarItem_week {
......@@ -1206,13 +1224,14 @@
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding-bottom:20px;
padding-bottom: 20px;
}
.hotelProductManage2_calendarItem>.calendarItem_day>div {
display: inline-block;
padding: 15px 0;
width: 14.2%;
position: relative;
}
.hotelProductManage2_calendarItem>.calendarItem_day>div>div {
......@@ -1500,5 +1519,51 @@
color: #606266;
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>
src/components/LeaderManagement/leaderPerformance.vue
View file @ 5f3d7918
<style>
.guidPerformance .backBtn {float: right;margin: 30px 10px 0 0;}
.guidPerformance .listSpan span {display: inline-block;margin: 30px 0 0 10px;font-family: PingFangSC-Semibold, sans-serif;font-size: 14px;color: #333333;}
.guidPerformance .statistical {width: 100%;}
.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 .Day_active {background-color: #fff !important;color: #000 !important;}
.guidPerformance .Day_active i {display: inline-block;width: 35px;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;}
.guidPerformance .backBtn {
float: right;
margin: 30px 10px 0 0;
}
.guidPerformance .listSpan span {
display: inline-block;
margin: 30px 0 0 10px;
font-family: PingFangSC-Semibold, sans-serif;
font-size: 14px;
color: #333333;
}
.guidPerformance .statistical {
width: 100%;
}
.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 .Day_active {
background-color: #fff !important;
color: #000 !important;
}
.guidPerformance .Day_active i {
display: inline-block;
width: 35px;
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>
<template>
<div class='flexOne guidPerformance'>
<div class="listSpan">
<span>{{$t('leader.leader_List')}}</span>
<div class='flexOne guidPerformance'>
<div class="query-box">
<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 class="statistical clearfix" style="display:block">
<div class="mainLeftdiv">
<div class="leftTop">
<ul class="dataList clearfix">
<li :class="monthList==true?'Day_active':''" @click="getStatis(2)">
{{$t('leader.leader_Month')}}
<i></i>
</li>
<li :class="yearList==true?'Day_active':''" @click="getStatis(3)">
{{$t('leader.leader_Year')}}
<i></i>
</li>
<li :class="allList==true?'Day_active':''" @click="getStatis(1)">
{{$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 class="championList" v-for="item in Champion" :key="item.subCode">
<div class="chamPionUp">
<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 class="championList" v-for="item in Champion" :key="item.subCode">
<div class="chamPionUp">
<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>
<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>
<span class="peopleName">{{item.Name}}</span>
<div class="TweleEx">￥{{item.LeaderExtract}}</div>
</div>
</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 class="noData" v-show="noData">
{{$t('system.content_noData')}}
</div>
</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>
<span class="peopleName">{{item.Name}}</span>
<div class="TweleEx">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
msg: {
pageIndex: 1,
pageSize: 10,
ShoppingID: ""
},
noData: false,
loading: true,
DataList: "",
Champion:[],
yajun:[],
jijun:[],
fourToSeven:'',
eightToeleven:'',
twelveToTwenty:'',
monthList: true,
yearList: false,
allList: false,
defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"',
};
},
methods: {
getStatis(type) {
if (type == 1) {
this.allList = true;
this.monthList = false;
this.yearList = false;
} else if (type == 2) {
this.allList = false;
this.monthList = true;
this.yearList = false;
} else {
this.allList = false;
this.monthList = false;
this.yearList = true;
}
let msg = {
Type: type
export default {
data() {
return {
msg: {
pageIndex: 1,
pageSize: 10,
ShoppingID: "",
Type: 2,
MonthStr: "",
//领队类型
QLeaderType: 0,
},
//工作类型
workTypeList: [],
DataList: "",
//冠军
Champion: [],
//亚军
yajun: [],
//季军
jijun: [],
//4-7名
fourToSeven: '',
//8-11名
eightToeleven: '',
//12-20名
twelveToTwenty: '',
monthList: true,
yearList: false,
allList: false,
defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"',
};
this.Champion = [];
this.yajun=[];
this.jijun=[];
this.fourToSeven = [];
this.eightToeleven=[];
this.twelveToTwenty=[];
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);
},
methods: {
getStatis() {
let msg = {
Type: this.msg.Type,
QLeaderType:this.msg.QLeaderType,
QMonthStr:this.msg.MonthStr
};
this.Champion = [];
this.yajun = [];
this.jijun = [];
this.fourToSeven = [];
this.eightToeleven = [];
this.twelveToTwenty = [];
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) {
this.$router.push({ path: path,query:{"id":ID}})
})
},
goUrl(path, ID, Type) {
this.$router.push({
path: path,
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) {
this.$router.push({ path: path,query:{"id":ID,"Type":Type}})
mounted() {
this.getWorkType();
this.getStatis();
}
},
mounted() {
this.getStatis(2);
}
};
};
</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