Skip to content

S
SuperMan
Commit 76be2ac3 authored by zhengke's avatar zhengke
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

parents fd646dce 534a1941
Show whitespace changes
Inline Side-by-side
Showing with 849 additions and 860 deletions
src/components/Hotel/roomReservationsDetails.vue
View file @ 76be2ac3
......@@ -13,7 +13,7 @@
<div class="query-box" style="border-bottom: none;">
<ul>
<li>
<input type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
<input v-if="IsOperation !=1" type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
</li>
</ul>
</div>
......@@ -56,9 +56,11 @@
<table class="hotelTable">
<tr>
<td colspan="2">
<p class="link" style="word-break: normal;text-align:left;"
<p v-if="IsOperation !=1" class="link" style="word-break: normal;text-align:left;"
:class="{'Hotel_red':subItem.HotelChangeState==3}"
@click="goUrlR('HotelManagement',subItem.HotelId,'酒店管理')">{{subItem.HotelName}}</p>
<p v-else class="link" style="word-break: normal;text-align:left;"
:class="{'Hotel_red':subItem.HotelChangeState==3}">{{subItem.HotelName}}</p>
</td>
</tr>
<tr>
......@@ -116,7 +118,11 @@
<td v-if="childIndex==0" :rowspan="5">
<div class="w150">
<!--:disabled="subItem.OPState==1"-->
<el-select :disabled='IsOperation !=1? false :true' class='w120 sel' v-model='subItem.NewHotelId' filterable :placeholder="$t('pub.pleaseSel')"
<el-select class='w120 sel' v-model='subItem.NewHotelId' filterable :placeholder="$t('pub.pleaseSel')"
@visible-change='getHotelList(subItem)' @change='sendValue(subItem)'>
<el-option v-for='itemHotel in subItem.hotelList' :label='itemHotel.Name' :value='itemHotel.ID'
:key='itemHotel.ID'>
......@@ -124,10 +130,11 @@
<span style="float: right; color:red; font-size: 13px">{{itemHotel.Inventory }}</span>
</el-option>
</el-select>
<p style="padding-top: 5px;">
<a v-if="subItem.ContractUrl" target="_blank" :href="subItem.ContractUrl">手配书</a>
</p>
<el-upload :http-request="uploadFileBtnS" :multiple="false" :show-file-list="false" action=''>
<el-upload v-if="IsOperation !=1" :http-request="uploadFileBtnS" :multiple="false" :show-file-list="false" action=''>
<el-button size="small" type="danger" @click='getItem(index, subIndex)'>
{{!subItem.ContractUrl ? '上传手配书' : '重新上传手配书'}}</el-button>
</el-upload>
......@@ -135,6 +142,18 @@
</td>
<!-- 房间数 -->
<td>
<el-input v-if="IsOperation !=1" class='w40 tcenter' maxlength="2" @keyup.native="checkPrice(childItem,'HouseTypeCount')"
v-model='childItem.HouseTypeCount'></el-input>
<span v-else>{{childItem.HouseTypeCount}}</span>
</td>
<!-- 预定人数 -->
<td>
<el-input v-if="IsOperation !=1" class='w40 tcenter' maxlength="2" @keyup.native="checkInteger(childItem,'BookNum')"
@input="calculationPrice(subItem)" v-model='childItem.BookNum'></el-input>
<span v-else>{{childItem.BookNum}}</span>
<el-input class='w40 tcenter' maxlength="2" @keyup.native="checkPrice(childItem,'HouseTypeCount')"
v-model='childItem.HouseTypeCount' :disabled="childIndex<4?true:false"></el-input>
</td>
......@@ -143,6 +162,7 @@
<el-input class='w40 tcenter' maxlength="2" @keyup.native="checkInteger(childItem,'BookNum')"
@input="calculationPrice(subItem)" v-model='childItem.BookNum' :disabled="childIndex<4?true:false">
</el-input>
</td>
<!-- 尚差房间数 -->
<td>
......@@ -153,15 +173,17 @@
</td>
<!-- 单价/每人 -->
<td>
<el-input @keyup.native="checkInteger(childItem,'UnitPrice')" class='w60 tcenter'
<el-input v-if="IsOperation !=1" @keyup.native="checkInteger(childItem,'UnitPrice')" class='w60 tcenter'
@input="calculationPrice(subItem)" v-model='childItem.UnitPrice'>
</el-input>
<span v-else>{{childItem.UnitPrice}}</span>
</td>
<!-- 免减人数 -->
<td>
<el-input class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'HotelDiscount')"
<el-input v-if="IsOperation !=1" class='w40' maxlength="2" @keyup.native="checkInteger(childItem,'HotelDiscount')"
v-model='childItem.HotelDiscount' @input="calculationPrice(subItem)">
</el-input>
<span v-else>{{childItem.HotelDiscount}}</span>
</td>
<!-- 金额小计 -->
<td style="white-space:nowrap;">
......@@ -170,7 +192,7 @@
<!--返佣-->
<td>
<p class="pHouseStyle link" @input="calculationPrice(subItem)">
<span class="spanlink" v-if='childItem.IsRebateRatio==0'
<span class="spanlink" v-if='childItem.IsRebateRatio==0 && IsOperation !=1'
@click="goUrl('HotelInfo',childItem,'酒店管理')">设置</span>
<span v-if='childItem.IsRebateRatio!=0'>{{childItem.RebateRatio}}</span>
</p>
......@@ -185,7 +207,7 @@
<tr>
<td width="70" style="text-align:right;">订房状态：</td>
<td>
<el-select class='w135 sel' v-model='subItem.DMCState' :placeholder="$t('pub.pleaseSel')">
<el-select :disabled='IsOperation !=1? false :true' class='w135 sel' v-model='subItem.DMCState' :placeholder="$t('pub.pleaseSel')">
<el-option label='请选择' :value='0'></el-option>
<el-option label='确定' :value='1'></el-option>
<el-option label='暂定' :value='2'></el-option>
......@@ -198,7 +220,7 @@
<tr>
<td width="70" style="text-align:right;">付款方式：</td>
<td>
<el-select class='w135 sel' v-model='subItem.PayStyle' :placeholder="$t('pub.pleaseSel')">
<el-select :disabled='IsOperation !=1? false :true' class='w135 sel' v-model='subItem.PayStyle' :placeholder="$t('pub.pleaseSel')">
<el-option label='请选择' :value='0'></el-option>
<el-option label='现付' :value='1' v-if="subItem.PayStyleExt==1"></el-option>
<el-option label='签单' :value='2' v-if="subItem.PayStyleExt==2"></el-option>
......@@ -224,7 +246,8 @@
<tr>
<td width="70" style="text-align:right;">订团号：</td>
<td>
<el-input class='w135' v-model='subItem.ReserveNo'></el-input>
<el-input v-if="IsOperation !=1" class='w135' v-model='subItem.ReserveNo'></el-input>
<span v-else>{{subItem.ReserveNo}}</span>
</td>
</tr>
<tr>
......@@ -233,13 +256,14 @@
<tr>
<td width="70" style="text-align:right;">备注：</td>
<td>
<el-input type='textarea' class='w135' v-model='subItem.Remarks'></el-input>
<el-input v-if="IsOperation !=1" type='textarea' class='w135' v-model='subItem.Remarks'></el-input>
<span v-else>{{subItem.Remarks}}</span>
</td>
</tr>
</table>
</td>
<!-- 操作 -->
<td v-if="childIndex==0" :rowspan="5">
<td v-if="childIndex==0 && IsOperation !=1" :rowspan="5">
<!--v-if="subItem.OPState!=1"-->
<template v-if="subItem.OPState!=1">
<span class="Hotel_red">OP选房确认</span>
......@@ -293,6 +317,7 @@
checkedsubIndex: '',
loading: false,
boxHeight: 0,
IsOperation:'',
}
},
methods: {
......@@ -410,6 +435,8 @@
NewCombinationNum: this.$route.query.NewCombinationNum
}, res => {
if (res.data.resultCode == 1) {
this.IsOperation = res.data.data.IsOperation;
console.log(res.data.data.IsOperation)
let list = res.data.data.HotelOrderListReport;
this.CreateBy = res.data.data.CreateBy;
this.CreateByPhoto = res.data.data.CreateByPhoto;
......
src/components/Restaurant/bookDinnerStatisticsDetails.vue
View file @ 76be2ac3
......@@ -3,8 +3,8 @@
<div class="query-box" style="border-bottom: none;">
<ul>
<li>
<input type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
<input type="button" class="fr normalBtn mb30" value="保存草稿" @click="saveList(0)" />
<input v-if="IsOperation != 1" type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
<input v-if="IsOperation != 1" type="button" class="fr normalBtn mb30" value="保存草稿" @click="saveList(0)" />
</li>
</ul>
</div>
......@@ -45,8 +45,10 @@
<table class="dinnerTable">
<tr>
<td colspan="2">
<span style="padding-left:5px;" class="link"
<span style="padding-left:5px;" class="link" v-if="IsOperation != 1"
@click="goUrlR('restaurantList',subItem.DiningID,'餐厅列表')">{{subItem.DiningName}}</span>
<span style="padding-left:5px;" class="link" v-else>{{subItem.DiningName}}</span>
</td>
</tr>
<tr>
......@@ -68,11 +70,12 @@
</table>
</td>
<td v-if="childIndex==0" :rowspan="3">
<el-select class='w160 sel' v-model='subItem.NewDiningID' filterable :placeholder="$t('pub.pleaseSel')"
<el-select :disabled='IsOperation !=1? false :true' class='w160 sel' v-model='subItem.NewDiningID' filterable :placeholder="$t('pub.pleaseSel')"
@visible-change='getDingList(item)' @change='sendValue(subItem,item)'>
<el-option v-for='itemHotel in item.DinnerList' :label='itemHotel.RealName' :value='itemHotel.ID'
:key='itemHotel.ID'></el-option>
</el-select>
</td>
<td v-if="childIndex==0" :rowspan="3">
{{subItem.UseDinnerTypeStr}}
......@@ -90,20 +93,22 @@
{{childItem.PeopleNum}}
</td>
<td>
<span class="spanlink" v-if='childItem.PeoplePrice==0'
<span class="spanlink" v-if='childItem.PeoplePrice==0 && IsOperation != 1'
@click="goUrl('RestaurantPackage',subItem,'套餐查询')">设置</span>
<span v-if='childItem.PeoplePrice!=0'>{{childItem.PeoplePrice}}</span>
</td>
<td>
<el-input class='w50 tcenter' @input='calculationPrice(subItem)' maxlength='2'
<el-input v-if="IsOperation !=1" class='w50 tcenter' @input='calculationPrice(subItem)' maxlength='2'
v-model='childItem.Discount' @keyup.native="checkInteger(childItem,'Discount')"></el-input>
<span v-else>{{childItem.Discount}}</span>
</td>
<td>
{{(childItem.PeopleNum-childItem.Discount)*childItem.PeoplePrice}}
</td>
<td>
<el-input class='w50 tcenter' @input='calculationPrice(subItem)' v-model='childItem.DiscountPrice'
@keyup.native="checkInteger(childItem,'DiscountPrice')"></el-input>%
<el-input v-if="IsOperation !=1" class='w50 tcenter' @input='calculationPrice(subItem)' v-model='childItem.DiscountPrice'
@keyup.native="checkInteger(childItem,'DiscountPrice')"></el-input><span v-else>{{childItem.DiscountPrice}}</span>%
</td>
<td v-if="childIndex==0" :rowspan="3">
{{subItem.TotalPrice}}
......@@ -115,7 +120,8 @@
付款方式：
</td>
<td style="text-align:left;">
<el-select class='w135 sel' v-model='subItem.PayStyle' :placeholder="$t('pub.pleaseSel')">
<el-select :disabled='IsOperation !=1? false :true' class='w135 sel' v-model='subItem.PayStyle' :placeholder="$t('pub.pleaseSel')">
<el-option label='请选择' :value='0'></el-option>
<el-option label='现付' :value='1' v-if="subItem.PayStyleExt==1"></el-option>
<el-option label='签单' :value='2' v-if="subItem.PayStyleExt==2"></el-option>
......@@ -123,6 +129,7 @@
<el-option label='预付' :value='4' v-if="subItem.PayStyleExt==4"></el-option>
<el-option label='预付款抵扣' :value='5' v-if="subItem.PayStyleExt==5"></el-option>
<el-option label='公司合团支付' :value='6'></el-option>
</el-select>
</td>
</tr>
......@@ -131,7 +138,7 @@
订餐方式：
</td>
<td style="text-align:left;">
<el-select v-model='subItem.DiningReserveType' class='w135 sel'
<el-select :disabled='IsOperation !=1? false :true' v-model='subItem.DiningReserveType' class='w135 sel'
:placeholder="$t('pub.pleaseSel')">
<el-option label='请选择' value='0'></el-option>
<el-option label='公司预订' value='1'></el-option>
......@@ -152,13 +159,15 @@
订团号：
</td>
<td style="text-align:left;">
<el-input class='w135 tcenter' v-model='subItem.ReserveNo'></el-input>
<el-input v-if="IsOperation !=1" class='w135 tcenter' v-model='subItem.ReserveNo'></el-input>
<span v-else>{{subItem.ReserveNo}}</span>
</td>
</tr>
</table>
</td>
<td v-if="childIndex==0" :rowspan="3">
<el-input type='textarea' rows="4" class='w120' v-model='subItem.Remarks'></el-input>
<el-input v-if="IsOperation !=1" type='textarea' rows="4" class='w120' v-model='subItem.Remarks'></el-input>
<span v-else>{{subItem.Remarks}}</span>
</td>
</tr>
</template>
......@@ -179,6 +188,7 @@
flightTotal: 0,
GuestNum: 0,
loading: false,
IsOperation:'',
};
},
methods: {
......@@ -231,7 +241,8 @@
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.list = res.data.data;
this.list = res.data.data.DiningList;
this.IsOperation = res.data.data.IsOperation;
this.list.forEach(item => {
item.DinnerList = [];
item.DiningSummaryList.forEach(x => {
......
src/components/SalesModule/enrollTotal.vue
View file @ 76be2ac3
......@@ -193,6 +193,7 @@
<p class="fz12 over_ellipsis" style="width: 100%;">{{item.createBy}}<span v-if="item.leaveStr!=''" style="color:red">({{item.leaveStr}})</span></p>
<p class="fz12 over_ellipsis" style="width: 100%;">{{item.commissionSPeopleName=='无'?'':item.commissionSPeopleName}}</p>
<p>发团：{{item.startDate}}</p>
<p v-if="item.tradeWay ==1">{{item.platformOrder}}</p>
<p v-if='item.commissionMoney' style="color:red">提成：{{item.commissionMoney}}</p>
<p v-else-if="item.latestCommissionMoney" style="color:red">提成：{{item.latestCommissionMoney}}</p>
<div v-if="item.extraRewardMoney!=null&&item.extraRewardMoney>0">奖励金额：<span style="color:#e95252">{{item.extraRewardMoney}}</span></div>
......
src/components/SalesModule/groupTourOrder.vue
View file @ 76be2ac3
......@@ -1522,6 +1522,7 @@
<p class="fz12 over_ellipsis" style="width: 100%;">{{item.commissionSPeopleName}}</p>
<p style="min-width: 180px;">发团：{{item.startDate}}</p>
<p>下单时间：{{item.createDate}}</p>
<p v-if="item.tradeWay ==1">{{item.platformOrder}}</p>
<p v-if='item.commissionMoney' style="color:red">提成：{{item.commissionMoney}}</p>
<p v-else-if="item.latestCommissionMoney" style="color:red">提成：{{item.latestCommissionMoney}}</p>
</td>
......@@ -1738,13 +1739,14 @@
</tr>
<tr style="height:20px">
<td colspan="16" class="RL_Order" style="height:20px">
<span class="RL-remarkTitle">名单:</span>
<span class="RL-remarkTitle" v-if="item.guestList.length>0">名单:</span>
<span class="RL-redType RL-remarkCon" v-if="item.guestList.length>0">
<span v-for="(childItem) in item.guestList">{{childItem.userName}}&nbsp;&nbsp;</span>
</span>
<span class="RL-redType RL-remarkCon" v-else>
<span>暂无名单</span>
</span>
<!-- <span class="RL-redType RL-remarkCon" v-else>-->
<!-- <span>暂无名单</span>-->
<!-- </span>-->
<span style="display: block">房间信息：{{item.orderGuestHouseStr}}</span>
<span v-if="item.tipMoney" style="color:red">（小费：{{item.tipMoney}}）</span>
</td>
</tr>
......
src/components/SalesModule/groupTourOrderByTuan.vue
View file @ 76be2ac3
......@@ -1526,6 +1526,7 @@
</div>
<p class="fz12 over_ellipsis" style="width: 100%;">{{item.commissionSPeopleName=='无'?'':item.commissionSPeopleName}}</p>
<p>下单时间：{{item.createDate}}</p>
<p v-if="item.tradeWay ==1">{{item.platformOrder}}</p>
<template v-if="item.isOwn==1||userId==1||userId==5||positionId==168||isUpdateOrder">
<p v-if='item.commissionMoney' style="color:red">提成：{{item.commissionMoney}}</p>
<p v-else-if="item.latestCommissionMoney" style="color:red">提成：{{item.latestCommissionMoney}}</p>
......@@ -1745,13 +1746,14 @@
</tr>
<tr style="height:20px">
<td colspan="15" class="RL_Order" style="height:20px">
<span class="RL-remarkTitle">名单:</span>
<span class="RL-redType RL-remarkCon" v-if="item.guestList.length>0">
<span class="RL-remarkTitle" v-if="item.guestList.length>0 && item.isOwn !=2">名单:</span>
<span class="RL-redType RL-remarkCon" v-if="item.guestList.length>0 && item.isOwn !=2">
<span v-for="(childItem) in item.guestList">{{childItem.userName}}&nbsp;&nbsp;</span>
</span>
<span class="RL-redType RL-remarkCon" v-else>
<span>暂无名单</span>
</span>
<!-- <span class="RL-redType RL-remarkCon" v-else>-->
<!-- <span>暂无名单</span>-->
<!-- </span>-->
<span style="display: block">房间信息：{{item.orderGuestHouseStr}}</span>
<span v-if="item.tipMoney" style="color:red">（小费：{{item.tipMoney}}）</span>
</td>
</tr>
......
src/components/TravelManager/TravelList/RegistrationList.vue
View file @ 76be2ac3
......@@ -1539,6 +1539,7 @@
style="color:red">({{item.LeaveStr}})</span></div>
<div class="RL_CreatInfo">关联销售：{{item.CommissionSPeopleName}}</div>
<p>下单时间：{{item.CreateDate}}</p>
<p v-if="item.TradeWay ==1">{{item.PlatformOrder}}</p>
</td>
<td>
<p class="fz12 over_ellipsis" style="width: 90%;">领队控位
......@@ -1682,14 +1683,15 @@
</tr>
<tr>
<td colspan="13" class="RL_Order">
<span class="RL-remarkTitle">名单:</span>
<span class="RL-remarkTitle" v-if="item.GuestList.length>0">名单:</span>
<p class="RL-redType RL-remarkCon" v-if="item.GuestList.length>0">
<span style="color:blue !important" v-for="(childItem) in item.GuestList"
@click="goUrl('TravelPassengerList',msg.TCID,childItem.OrderId,'旅客名单')">{{childItem.userName}}</span>
</p>
<p class="RL-redType RL-remarkCon" v-else>
<span>暂无名单</span>
</p>
<!-- <p class="RL-redType RL-remarkCon" v-else>-->
<!-- <span>暂无名单</span>-->
<!-- </p>-->
<span>房间信息：{{item.OrderGuestHouseStr}}</span>
<span v-if="item.TipMoney" style="color:red">（小费：{{item.TipMoney}}）</span>
</td>
</tr>
......@@ -1744,6 +1746,7 @@
style="color:red">({{childItem.LeaveStr}})</span></div>
<div class="RL_CreatInfo">关联销售：{{childItem.CommissionSPeopleName}}</div>
<p>下单时间：{{childItem.CreateDate}}</p>
<p v-if="childItem.TradeWay ==1">{{childItem.PlatformOrder}}</p>
<p v-if='childItem.CommissionMoney' style="color:red">提成：{{childItem.CommissionMoney}}</p>
<p v-else-if="childItem.LatestCommissionMoney" style="color:red">提成：{{childItem.LatestCommissionMoney}}
</p>
......@@ -1944,14 +1947,15 @@
</tr>
<tr>
<td colspan="13" class="RL_Order">
<span class="RL-remarkTitle">名单:</span>
<span class="RL-remarkTitle" v-if="childItem.GuestList.length>0">名单:</span>
<span class="RL-redType RL-remarkCon" v-if="childItem.GuestList.length>0">
<span style="color:blue !important" v-for="(fourthItem) in childItem.GuestList"
@click="goUrl('TravelPassengerList',msg.TCID,fourthItem.OrderId,'旅客名单')">{{fourthItem.userName}}</span>
</span>
<span class="RL-redType RL-remarkCon" v-else>
<span>暂无名单</span>
</span>
<!-- <span class="RL-redType RL-remarkCon" v-else>-->
<!-- <span>暂无名单</span>-->
<!-- </span>-->
<span style="display: block">房间信息：{{childItem.OrderGuestHouseStr}}</span>
<span v-if="childItem.TipMoney" style="color:red">（小费：{{childItem.TipMoney}}）</span>
</td>
</tr>
......@@ -2262,14 +2266,14 @@
</tr>
<tr>
<td colspan="13" class="RL_Order">
<span class="RL-remarkTitle">名单:</span>
<span class="RL-remarkTitle" v-if="item.GuestList.length>0">名单:</span>
<span class="RL-redType RL-remarkCon" v-if="item.GuestList.length>0">
<span style="color:blue !important" v-for="(childItem) in item.GuestList"
@click="goUrl('TravelPassengerList',msg.TCID,childItem.OrderId,'旅客名单')">{{childItem.userName}}</span>
</span>
<span class="RL-redType RL-remarkCon" v-else>
<span>暂无名单</span>
</span>
<!-- <span class="RL-redType RL-remarkCon" v-else>-->
<!-- <span>暂无名单</span>-->
<!-- </span>-->
<span v-if="item.TipMoney" style="color:red">（小费：{{item.TipMoney}}）</span>
</td>
</tr>
......
src/components/sale/sale.vue
View file @ 76be2ac3
<style lang="less" scoped>
@import "../../assets/css/main.less";
@import "../../assets/css/cssReset.css";
.nav{display: flex;.size(100%,126px);.min-width(1200px); .boxShadow(0px,0px,5px,rgba(0,0,0,.19));}
.nav-left{ flex-grow:1.5}
.nav-left img{.fl(); .size(50px;50px);.circle(25px); margin:35px 24px 41px 41px;}
.nav-left p.name{.fz(14px,18px); color: #444;margin: 42px 0 5px 0;}
.nav-left p.company{.fz(12px,18px); color: #444;}
.nav-middle{flex-grow:3; }
.nav-middle ul{display: flex; width: 690px; margin: 0 auto;}
.nav-middle ul li{.size(138px,126px);.fz(14px);.center(text-x);.box-hover2(); .hover-bg(#fafafa);cursor: pointer;}
.nav-middle ul li img{height: 40px; margin: 32px 0 14px;}
.nav-right{flex-grow:1}
.nav-right ul{display: flex; line-height: 126px; justify-content:flex-end}
.nav-right ul li{width: 60px; text-align: center;}
.nav-right ul li img{cursor: pointer;}
.shortcutsDiv{.size(264px,auto);.circle(6px);background: rgba(255,255,255,.75); .boxShadow(2px,2px,0,rgba(0,0,0,.1));.fixed(); padding-bottom: 5px; top: 156px;left: 30px;bottom:100px; z-index: 50; overflow-y: auto;}
.saleChartCont .content{.size(700px,300px);margin: 0 auto; padding-top: 280px; clear: both; }
.saleChartCont .imgShow{.fl(); width:232px; height: 268px; position: relative; margin-right: 20px;}
.saleChartCont .imgShow img{position: absolute; z-index: 10; left: 0; top:0;}
.saleChartCont .msgShow{.fl();padding-top: 55px;}
.saleChartCont .msgShow .top{overflow: hidden;margin-bottom: 24px;}
.saleChartCont .calender{.fl(); margin-right: 16px; .size(98px,84px); text-align: center; background:url(../../assets/img/calender2@2x.png) no-repeat center center;}
.saleChartCont .calender .month{.fz(12px,34px);color: #fff;}
.saleChartCont .calender .day{.fz(18px,38px);color: #333;}
.saleChartCont .description{.fr()}
.saleChartCont .description p{.fz(24px,35px,40px);color: #666; }
.saleChartCont .description span{color: #E95252;}
.saleChartCont .saleBtn{.size(200px,46px); .fz(16px);.bgc(#E95252);color: #fff;.circle(20px);border: none;}
/*@import "../../assets/css/cssReset.css";*/
.sale_cont{position: absolute;left: 330px;right: 20px;top: 30px; bottom: 30px;}
.Sale_menu ul{width: 100%; height: 40px;}
.Sale_menu li{float: left;width: 100px; height: 40px; text-align: center; font-size: 14px;
line-height: 40px; margin-right:3px; background: #E6E6E6; border: 1px solid #E6E6E6; color: #808080;
line-height: 40px; margin-right:3px; color: #808080;
border-radius:4px 4px 0 0; cursor: pointer; box-sizing: border-box;}
.Sale_menu ul{width: 306px; height: 40px;border-bottom: 1px solid #E6E6E6;}
.Sale_menu li:last-child{margin-right: 0;}
.Sale_menu li.active{background: #fff; color: #333; height: 41px; border: 1px solid #E6E6E6; border-bottom: none;}
.saleChartCont{width: 100%; height: 95%; border: 1px solid #E6E6E6; background: #fff; margin-top: -1px; padding: 20px; box-sizing: border-box;}
.circleMiddle{width: 100px; height: 100px; border-radius: 50px; background:rgba(255,255,255,.3); padding: 9px; box-sizing: border-box;}
.circleIn{width: 82px; height: 82px; border-radius: 41px; background:#fff;text-align: center; line-height: 82px; font-size: 30px; transform:rotate(-60deg);font-family: 'PingFang-SC-Bold';}
.circleOut{
color: #F04736;
width: 120px; height: 120px; background: #F04736;
border-top-left-radius: 100px 60px;
border-bottom-left-radius: 60px 100px;
border-top-right-radius: 60px 100px;
border-bottom-right-radius: 100px 60px;
padding: 10px; box-sizing: border-box;
transform:rotate(60deg);
margin: 30px auto 25px;
}
.mormalCircleMiddle{width: 100px; height: 100px; border-radius: 50px; background:#549AE2; padding: 3px; box-sizing: border-box;}
.mormalCircleIn{width: 94px; height: 94px; border-radius: 47px; background:#fff;text-align: center; line-height: 94px; font-size: 30px; transform:rotate(-60deg);font-family: 'PingFang-SC-Bold';}
.mormalCircleOut{
color: #549AE2;
width: 120px; height: 120px; background: #fff;
border-top-left-radius: 100px 60px;
border-bottom-left-radius: 60px 100px;
border-top-right-radius: 60px 100px;
border-bottom-right-radius: 100px 60px;
padding: 10px; box-sizing: border-box;
transform:rotate(60deg);
margin: 30px auto 25px;
}
.circleOutOk{
background: #4BCA81!important;
color: #4BCA81!important;
.Sale_menu li.active{ color: #FFFFFF; height: 40px ;background: #1F2533;border-radius: 4px;box-shadow: 0 0 3px 3px rgba(31, 37, 51, 0.4); }
.saleChartCont{width: 100%; height: 95%; box-sizing: border-box;}
.personal{width: 100%;height: 100%}
.PersonalData{width: 100%;height: 47%;background: white;margin-top: 20px;padding: 20px;}
.PersonalData_l{width: 50%;height: 100%;float: left;overflow: hidden}
.PersonalData_l .l_top{width: 100%;height: 100px;}
.l_top .tx_img{width: 94px;height: 94px;border-radius: 50%;overflow: hidden;float: left}
.l_top .img{width: 80px;height: 70px;margin-left: 90px;float: left;margin-top: 15px}
.p_name{margin-left: 17px;margin-top: 25px;float: left}
.p_name span:nth-child(1){font-size: 18px;color: #333333;display: block}
.p_name span:nth-child(2){font-size: 12px;color: #333333;margin-top: 5px;display: block}
.l_top .royalty{margin-left: 30px;float: left;margin-top: 17px}
.l_top .royalty span:nth-child(1){font-size: 36px;color: #333333;display: block}
.l_top .royalty span:nth-child(2){font-size: 16px;color: #666666;display: block}
.order{width: 100%;height: 205px;background: #F5F5F5;margin-top: 18px;padding: 20px}
.l_title{width: 100%;height: 30px}
.table_t{width: 100%;height: 30px;}
.table_t span{width: 24.5%;height: 30px;display: inline-block;float: left;text-align: center;font-size: 12px;color: #666666;line-height: 30px}
.table_c{width: 100%;max-height: 95px;overflow: auto;background: white}
.table_c .table_cont{width: 100%;height: 30px;}
.table_c .table_cont span{width: 24.5%;height: 30px;;display: inline-block;float: left;text-align: center;line-height: 30px}
.PersonalData_r{width: 50%;height: 100%;float: left;overflow: auto;}
.PersonalData_r .r_box{width: 100%;}
.PersonalData_r .r_box .r_box_t{width: 100%;height: 130px;}
.PersonalData_r .r_box .r_box_b{width: 100%;height: 130px;margin-top: 20px}
.c_view{width: 28%;height: 127px;border-radius: 8px;border: 1px solid #E5E5E5;padding: 20px;position: relative;margin-left: 30px;overflow: hidden;float: left}
.view_t:hover{box-shadow: 0 0 10px 10px rgba(229, 156, 151, 0.2);border-radius: 4px;transform: scale(1.05);background: #FFF0EF;border:2px solid #F89291}
.view_b:hover{box-shadow: 0 0 10px 10px rgba(241, 245, 255, 0.2);border-radius: 4px;transform: scale(1.05);background: #ECECFF;border:2px solid #8F96EB}
.c_view span{font-size: 14px;color: #333333;display: inline-block}
.c_view div{margin-top: 15px;}
.c_view div span:nth-child(1){font-size: 36px;color: #333333}
.semicircle_t{width: 200px;height: 200px;border-radius: 50%;position: absolute;top: 20px;right: -100px;background: #FFE4EB}
.view_t:hover .semicircle_t{background: #FFF0EF}
.view_b:hover .semicircle_t{background: #F1F5FF}
.semicircle_b{width: 200px;height: 200px;border-radius: 50%;position: absolute;top: 20px;right: -100px;background: #ECECFF}
.view_t i{position: absolute;top:62px;right: 10px;font-size: 45px;color: #F89291}
.view_b i{position: absolute;top:62px;right: 10px;font-size: 45px;color: #8F96EB}
.dataanalysis{width: 100%;height: 48%;margin-top: 20px}
.data_l{width: 30%;height: 100%;background: white;float: left;padding: 20px}
.data_c{width: 50%;height: 100%;background: white;float: left;margin-left: 20px;padding: 20px;}
.data_title{width: 100%;height: 40px;position: relative}
.data_title span{font-size: 20px;color: #333333;display: inline-block;float: left}
.tagging{position: absolute;top: 0;right: 0;}
.yuan_o{width: 14px;height: 14px;border-radius: 50%;margin-left: 10px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #FBA299, #F36C5E);
background: linear-gradient(90deg, #FBA299, #F36C5E);}
.yuan_t{width: 14px;height: 14px;border-radius: 50%;margin-left: 10px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #5DE7B3, #00B26F);
background: linear-gradient(90deg, #5DE7B3, #00B26F);}
.yuan_tr{width: 14px;height: 14px;border-radius: 50%;margin-left: 10px;float: left;margin-top: 2px;
background: -webkit-linear-gradient(90deg, #96D1FF, #1698FD);
background: linear-gradient(90deg, #96D1FF, #1698FD);}
.tagging span{font-size: 14px;color: #333333;margin-left: 10px;float: left;display: inline-block}
.D_data{width: 100%;height: 45px;position: relative;line-height: 45px}
.D_data .zname{font-size: 14px;color: #333333;float: left;display: inline-block;width: 60px}
.Progress{width: 86%;height: 12px;border-radius: 6px;float: left;margin: 17px 0 0 40px;overflow: hidden;
background: -webkit-linear-gradient(90deg, #ECECEC, #D3D3D3);
background: linear-gradient(90deg, #ECECEC, #D3D3D3);}
.Progress div{;height: 12px;border-radius: 6px;}
.bugou{
background: -webkit-linear-gradient(90deg, #FBA299, #F36C5E);
background: linear-gradient(90deg, #FBA299, #F36C5E);}
.jiayou{
background: -webkit-linear-gradient(90deg, #5DE7B3, #00B26F);
background: linear-gradient(90deg, #5DE7B3, #00B26F);}
.chaobang{
background: -webkit-linear-gradient(90deg, #96D1FF, #1698FD);
background: linear-gradient(90deg, #96D1FF, #1698FD);}
.mean{position: absolute;top: -15px;right: 10px}
.mean span{font-size: 14px;color: #666666;display: inline-block;float: left}
.data_r{width: 16%;float: right;height: 100%;}
.data_r .r_box{width: 100%;height: 20%;background: white;margin-top: 10px}
.data_r .r_box .icon_f{width: 60px;height: 60px;margin: 6px;float: left;position: relative;margin-top: 10px;}
.data_r .r_box .icon_f i{font-size: 30px;position: absolute;top:15px;left: 15px}
.data_r .r_box:hover{box-shadow: 0 0 3px 3px rgba(184, 184, 184, 0.4);border-radius: 4px;transform: scale(1.05)}
.data_r .r_name{width: 50%;height: 50px;margin-top: 6px;margin-left: 26px;position: relative;line-height:73px;float: left}
.data_r .r_name span{font-size: 14px;color: #333333}
.r_name .tishi{width: 18px;height: 18px;border-radius: 50%;background: #E34141;position: absolute;top:0;right: 0;line-height: 18px;text-align: center}
.r_name .tishi span{font-size: 14px;color: white}
.paneldata{width: 100%;height: 100%;display: flex;flex-direction: row;justify-content: space-between}
.paneldata_l{float: left;width: 80%;height: 100%;}
.groupmembers{width: 100%;height: 48%;margin-top: 20px;background: white;padding: 20px}
.grouptiday{width: 100%;height: 30%;display: flex;flex-direction: row;}
.g_icon{width: 54px;height: 54px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 10px}
.receive{margin-left: 20px;display: flex;flex-direction: column;margin-top: 10px}
.gain{width: 64px;height: 52px;border-radius: 5px;background: #F5F5F5; display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 20px;margin-top: 10px}
.sj{display: flex;flex-direction: row;align-items: center}
.sj span{font-size: 14px;color: #00B26F;}
.weekdata{width: 380px;height: 100%;border-radius: 5px;background: #F9F9F9;border:1px solid #A1A1A1;margin-left: 50px;display: flex;flex-direction: row;padding: 15px;}
.weekdata_box{width: 33%;height: 100%;}
.weekdata_box span{display: block;}
.weekdata_box span:nth-child(1){font-size: 14px;color: #333333}
.weekdata_box .w_da{font-size: 20px;color: #333333}
.w_d{display: flex;flex-direction: row;align-items: center}
.w_d span{font-size: 14px}
.line{width: 100%;height:5px ;position: relative;border-top: 2px dashed #DCDCDC;margin-top: 20px}
.line_title{width: 100px;height: 20px;background: white;line-height: 20px;position: absolute;top:-10px;left: 50%;text-align: center;margin-left: -50px}
.line_title span{font-size: 16px;color: #333333;}
.ranking{width: 100%;height: 60%;margin-top: 20px;display: flex;flex-direction: row;justify-content: space-between}
.rankbox{width: 15%;height: 100%;background: #F9F9F9;display: flex;flex-direction: column;align-items: center;padding: 10px;}
.rankbox .xz_tx{width: 50px;height: 50px;border-radius: 50%;margin-top: 10px;position: relative}
.rankbox img{width: 50px;height: 50px;border-radius: 50%;}
.rankbox_b{width: 100%;height: 70px;display: flex;flex-direction: row}
.today{width: 50%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-around;}
.today span:nth-child(1){font-size: 12px;color: #888888;}
.today span:nth-child(2){font-size: 18px;color: #333333;}
.paneldata_r{float: right;width: 18%;height: 100%}
.paneldata_r_box{width: 100%;height:96%;background: white;padding: 20px;margin-top: 20px}
.paneldata_r_box .c_view{width: 100%;height: 120px;border-radius: 8px;border: 1px solid #E5E5E5;padding: 20px;position: relative;overflow: hidden;margin-left: 0;margin-top: 12px}
.paneldata_r_box .c_view:hover{box-shadow: 0 0 3px 3px rgba(229, 156, 151, 0.4);border-radius: 4px;transform: scale(1.05)}
.paneldata_r_box .c_view span{font-size: 14px;color: #333333;display: inline-block}
.paneldata_r_box .c_view div{margin-top: 15px;}
.paneldata_r_box .c_view div span:nth-child(1){font-size: 36px;color: #333333}
.paneldata_r_box .banyuan{width: 200px;height: 200px;border-radius: 50%;position: absolute;top: 20px;right: -100px;}
.paneldata_r_box .c_view i{position: absolute;top:62px;right: 10px;font-size: 48px}
.paneldata_r_box .gz1:hover{box-shadow: 0 0 3px 3px rgba(165, 152, 238, 0.4);border-radius: 4px;transform: scale(1.05);background: #FBF7FF;border: 2px solid #A598EE}
.paneldata_r_box .gz2:hover{box-shadow: 0 0 3px 3px rgba(219, 241, 209, 0.4);border-radius: 4px;transform: scale(1.05);background: #DBF1D1;border: 2px solid #98D482}
.paneldata_r_box .gz3:hover{box-shadow: 0 0 3px 3px rgba(227, 239, 246, 0.4);border-radius: 4px;transform: scale(1.05);background: #E3EFF6;border: 2px solid #68A3C2}
.paneldata_r_box .gz4:hover{box-shadow: 0 0 3px 3px rgba(236, 236, 255, 0.4);border-radius: 4px;transform: scale(1.05);background: #ECECFF;border: 2px solid #8F96EB}
.paneldata_r_box .gz5:hover{box-shadow: 0 0 3px 3px rgba(241, 245, 255, 0.4);border-radius: 4px;transform: scale(1.05);background: #F1F5FF;border: 2px solid #96ADEB}
.tubiao{width: 100%;height: 46%;background: white;margin-top: 20px;padding: 20px}
.tb_box{width: 100%;height: 94%;}
.topsanjiao{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #00B26F;
}
.circleOutNormal{
background: #2CA4F0!important;
color: #2CA4F0!important;
.bottomsanjiao{
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #F36C5E;
}
.teamSale .el-row:last-child{margin-top: 20px;}
.teamSale .el-col-div{background:#CBDFEB; height: 480px; width: 100%;}
.tiChengList li{float: left; height: 30px; line-height: 30px; width: 100%; cursor: pointer;}
.tiChengList li>span{float:left; font-size: 14px; color: #666;}
.tiChengList li>span b{font-weight: normal;}
</style>
<template>
......@@ -83,397 +158,373 @@
<div class="sale_cont">
<div class="Sale_menu">
<ul>
<li :class="{active:type==1}" @click="type=1">
首页
</li>
<li :class="{active:type==2}" @click="type=2;getMyScore()">
个人工作台
</li>
<li :class="{active:type==3}" @click="type=3">
小组战绩
</li>
<li :class="{active:type==1}" @click="type=1">个人工作台</li>
<li :class="{active:type==2}" @click="type=2">小组战绩</li>
</ul>
</div>
<div class="saleChartCont">
<div class="content" v-show="type==1">
<div class="imgShow">
<img src="../../assets/img/img-shuidi.png" />
<canvas id="c"></canvas>
</div>
<div class="msgShow">
<div class="top">
<div class="calender">
<p class="month">4月</p>
<p class="day">第12天</p>
</div>
<div class="description">
<p>销售排名第<span>123</span><img src="../../assets/img/icons8-scroll-up-filled-50@2x.png"></p>
<p>你已经<span>3</span>天没有报名</p>
</div>
</div>
<div class="bottom">
<input class="saleBtn" type="button" value="立即启动销售模式" />
</div>
</div>
</div>
<div class="teamSale" v-show="type==2">
<el-row :gutter="20">
<el-col :span="9">
<div class="el-col-div ownScrollbarStyle" style="padding: 20px; overflow-x: auto;">
<p class="fz12 color333 fbold">我的评分</p>
<div style="width: 520px; height: 410px; margin-top: 10px;">
<div id='mychart' style="width: 420; height: 410px; "></div>
</div>
</div>
</el-col>
<el-col :span="7">
<div class="el-col-div ownScrollbarStyle" style="padding: 20px; overflow-x: auto;">
<p class="fz12 color333 fbold">上月提成</p>
<div style="width: 410px; height: 200px;padding-right: 20px; margin-top: 30px;">
<p style="height: 120px; line-height: 120px;">
<img src="../../assets/img/tichengTypeOne.png" v-show="prevMonthExtract<1000"/>
<img src="../../assets/img/tichengTypeTwo.png" v-show="prevMonthExtract<5000&&prevMonthExtract>=1000"/>
<img src="../../assets/img/tichengTypeThree.png" v-show="prevMonthExtract>=5000"/>
<span class="fr" style="color:#F29F00; font-size: 36px; font-weight: bold;">¥{{prevMonthExtract}}</span>
</p>
<div style="border-bottom: 1px dashed #fff; width:390px; margin-top: 30px;"></div>
<p class="fz12 color333 fbold mt30">最近提成
<i class="el-icon-more fr cursorpointer" @click="goUrlT('enrollTotal','',true)"></i>
</p>
<div class="tiChengList mt20">
<ul>
<li v-for="item in prevMonthExtractList" @click="goUrlT('enrollTotal',item.OrderId,true)">
<span class="w180">{{item.TCNUM}}</span>
<span>{{item.OrderId}}</span>
<span class="fr" style="color:#F29F00;">¥{{item.Commission}}</span>
</li>
<li v-show="prevMonthExtractList.length==0" class="fz14 color333 alcenter">暂无提成</li>
</ul>
<div v-show="type==1" class="personal">
<div class="PersonalData">
<div class="PersonalData_l">
<div class="l_top">
<img src="../../assets/img/default_head_img.jpg" alt="" class="tx_img">
<div class="p_name">
<span>张铁明</span>
<span>销售主管</span>
</div>
<img src="../../assets/img/jinbin@2x.png" alt="" class="img">
<div class="royalty">
<span>￥1238.00</span>
<span>本月提成</span>
</div>
</div>
</el-col>
<el-col :span="8">
<div class="el-col-div ownScrollbarStyle" style="padding: 20px; overflow-x: auto;">
<p class="fz12 color333 fbold">本周任务</p>
<div style="width: 475px; height:250px; padding-right: 20px; border-bottom: 1px dashed #fff;">
<div class="tiChengList mt20">
<ul>
<li v-for="item in myWeekTask" @click="goUrl('saleTaskDetail',item.TaskId)">
<span class="w180">{{item.TaskName}}</span>
<span v-if="item.TaskType==2">￥{{item.TaskNum}}</span>
<span v-else>{{item.TaskNum}}{{item.Unit}}</span>
<span v-if="item.TaskType==2" class="fr">
<b v-show="item.IsFinish==1" style="color:#4BCA81 ;"><i class="iconfont icon-yiqueren"></i>&nbsp;
￥{{item.FinishNum}}</b>
<b v-show="item.IsFinish==2" style="color:#E95252 ;"><i class="iconfont icon-yiquxiao"></i>&nbsp;
￥{{item.FinishNum}}</b>
</span>
<span v-else class="fr">
<b v-show="item.IsFinish==1" style="color:#4BCA81 ;"><i class="iconfont icon-yiqueren"></i>&nbsp;
{{item.FinishNum}}{{item.Unit}}</b>
<b v-show="item.IsFinish==2" style="color:#E95252 ;"><i class="iconfont icon-yiquxiao"></i>&nbsp;
{{item.FinishNum}}{{item.Unit}}</b>
</span>
</li>
<li v-show="myWeekTask.length==0" class="fz14 color333 alcenter">暂无任务</li>
</ul>
<div class="order">
<div class="l_title">
<span style="font-size: 14px;color: #333333;float: left">近十日发团订单</span>
<span style="font-size: 14px;color: #BABABA;float: right">···</span>
</div>
<div class="table_t">
<span>订单号</span>
<span>团号</span>
<span>出发时间</span>
<span>未收金额</span>
</div>
<p style="margin-top: 30px; text-align: center;" v-show="isFinishNum>0">
<i class="iconfont icon-xiaoshoushouye-jiayou" style="color:#56B6F3; font-size: 34px;"></i>
</p>
<p v-show="isFinishNum>0" style="color:#56B6F3; text-align: center; margin-top: 20px;">加油哦，你本周还剩{{isFinishNum}}个任务</p>
<p style="margin-top: 30px; text-align: center;" v-show="isFinishNum==0">
<i class="iconfont icon-xiaoshoushouye_zan" style="color:#56B6F3; font-size: 34px;"></i>
</p>
<p v-show="isFinishNum==0" style="color:#56B6F3; text-align: center; margin-top: 20px;">你已经完成全部任务，非常棒，向你学习。</p>
<div class="table_c">
<div class="table_cont" v-for="item in dxamlist">
<span style="font-size: 12px;color:#333333;">{{item.number}}</span>
<span style="font-size: 12px;color:#333333;">{{item.regiment}}</span>
<span style="font-size: 12px;color:#999999;">{{item.time}}</span>
<span style="font-size: 12px;color:#F36C5E;">{{item.money}}</span>
</div>
</el-col>
</el-row>
<el-row :gutter="0">
<el-col :span="4">
<div class="el-col-div" style="height: 275px;">
<div class="circleOut" :class="{circleOutOk:myTask.GuestNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{myTask.GuestNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">今日收客人数</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<!-- 顶部的右边-->
<div class="PersonalData_r">
<div class="l_title" style="padding: 0 30px">
<span style="font-size: 14px;color: #333333;float: left">今日业绩</span>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 275px;">
<div class="circleOut" :class="{circleOutOk:myTask.RoseStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{myTask.Rose}}%
<div class="r_box">
<div class="r_box_t">
<div class="c_view view_t">
<span>今日收客数</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>
</div>
<div class="semicircle_t"></div>
<i class="iconfont icon-tuoyuan"/>
</div>
<div class="c_view view_t">
<span>今日报名单数</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">单</span>
</div>
<p class="fz14 fbold tcenter">今日涨幅</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="semicircle_t"></div>
<i class="iconfont icon-xingzhuang2"/>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 275px;">
<div class="circleOut" :class="{circleOutOk:myTask.OrderNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{myTask.OrderNum}}
<div class="c_view view_t">
<span>今日涨幅</span>
<div>
<span style="font-size: 36px;color: #333333">30%</span>
<!-- <span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>-->
</div>
<div class="semicircle_t"></div>
<i class="iconfont icon-xingzhuang4" style="position: absolute;top:75px;right: 10px;font-size: 35px;color: #F89291"/>
</div>
</div>
<p class="fz14 fbold tcenter">今日报名单数</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="r_box_b">
<div class="c_view view_b">
<span>新增客户</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 275px;">
<div class="circleOut" :class="{circleOutOk:myTask.NewClientNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{myTask.NewClientNum}}
<div class="semicircle_b"></div>
<i class="iconfont icon-xingzhuang5"/>
</div>
<div class="c_view view_b">
<span>广告发送</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">条</span>
</div>
<div class="semicircle_b"></div>
<i class="iconfont icon-xingzhuang1"/>
</div>
<p class="fz14 fbold tcenter">新增客户</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="c_view view_b">
<span>广告发送</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<!-- <span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>-->
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 275px;">
<div class="circleOut" :class="{circleOutOk:myTask.AdvCountStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{myTask.AdvCount}}
<div class="semicircle_b"></div>
<i class="iconfont icon-xingzhuang3" style="position: absolute;top:75px;right: 10px;font-size: 35px;color: #8F96EB"/>
</div>
</div>
</div>
<p class="fz14 fbold tcenter">广告转发</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 275px;">
<div class="circleOut circleOutNormal">
<div class="circleMiddle">
<div class="circleIn">
{{myTask.DemandNum}}
</div>
<div class="dataanalysis">
<div class="data_l">
<div class="l_title">
<span style="font-size: 14px;color: #333333;float: left">我的评价</span>
</div>
<div id="evaluate" :style="{width: '340px', height: '300px'}" style="margin-left: 10%"></div>
</div>
<p class="fz14 fbold tcenter">今日询单</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="data_c">
<div class="l_title">
<span style="font-size: 14px;color: #333333;float: left">本周业绩</span>
</div>
<div class="data_title">
<span style="margin-left: 100px">上周排名</span>
<span style="color: #00B26F">No.2</span>
<span>，继续保持！</span>
<div class="tagging">
<div class="yuan_o"></div>
<span>需努力</span>
<div class="yuan_t"></div>
<span>加油！</span>
<div class="yuan_tr"></div>
<span>超棒哦！</span>
</div>
</div>
<div class="D_data" v-for="item in namelist">
<span class="zname">{{item.name}}</span>
<div class="Progress">
<div :style="{width:(item.num > 0 ? (item.num/item.rj)*100 +'%' : 0)}" :class="item.num < item.rj ? 'bugou' : (item.num == item.rj) ? 'jiayou' :'chaobang'"></div>
</div>
<div class="mean">
<span style="font-size: 18px;color: #1698FD">{{item.num}}</span>
<span>/人均 {{item.rj}}人</span>
</div>
</el-col>
</el-row>
</div>
<div class="teamSale" v-show="type==3">
<el-row :gutter="20">
<el-col :span="4" style='padding-right: 0;'>
<div class="el-col-div" style="height: 400px;padding: 20px;">
<p class="fz12 color333 fbold">今日销售</p>
<div class="circleOut" :class="{circleOutOk:teamTaskToday.GuestNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskToday.GuestNum}}
</div>
<div class="data_r">
<div class="l_title">
<span style="font-size: 14px;color: #333333;float: left">快速通道</span>
</div>
<div class="r_box">
<div style="background: #FFE6E4" class="icon_f">
<i class="iconfont icon-Compose" style="color: #F89291"/>
</div>
<p class="fz14 fbold tcenter">今日收客人数</p>
<p v-show="teamTaskToday.GuestNumStatus==1" class="fz12 color666 alcenter mt5">不错不错，大家棒棒哒！</p>
<p v-show="teamTaskToday.GuestNumStatus==2" class="fz12 color666 alcenter mt5">别灰心，昂首挺胸继续加油！</p>
<p class="mt30 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="r_name">
<span>待处理财务单据</span>
<div class="tishi">
<span>2</span>
</div>
</el-col>
<el-col :span="4" style='padding: 0;'>
<div class="el-col-div" style="height: 400px;padding:34px 20px 20px;">
<div class="circleOut" :class="{circleOutOk:teamTaskToday.OrderNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskToday.OrderNum}}
</div>
</div>
<div class="r_box">
<div style="background: #FFD6BF;" class="icon_f">
<i class="iconfont icon-Heart" style="color: #F4A469"/>
</div>
<p class="fz14 fbold tcenter">今日报名单数</p>
<p v-show="teamTaskToday.OrderNumStatus==1" class="fz12 color666 alcenter mt5">不错不错，大家棒棒哒！</p>
<p v-show="teamTaskToday.OrderNumStatus==2" class="fz12 color666 alcenter mt5">别灰心，昂首挺胸继续加油！</p>
<p class="mt30 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="r_name">
<span>销售排行</span>
<div class="tishi">
<span>2</span>
</div>
</el-col>
<el-col :span="4" style='padding-left: 0;'>
<div class="el-col-div" style="height: 400px;padding:34px 20px 20px;">
<div class="circleOut" :class="{circleOutOk:teamTaskToday.RoseStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskToday.Rose}}%
</div>
</div>
<div class="r_box">
<div style="background: #D5D0F4" class="icon_f">
<i class="iconfont icon-Newspaper" style="color: #9E8DE3"/>
</div>
<p class="fz14 fbold tcenter">今日涨幅</p>
<p v-show="teamTaskToday.RoseStatus==1" class="fz12 color666 alcenter mt5">不错不错，大家棒棒哒！</p>
<p v-show="teamTaskToday.RoseStatus==2" class="fz12 color666 alcenter mt5">别灰心，昂首挺胸继续加油！</p>
<p class="mt30 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="r_name">
<span>待处理发票</span>
<div class="tishi">
<span>2</span>
</div>
</el-col>
<el-col :span="4" style='padding-right: 0;'>
<div class="el-col-div" style="height: 400px;padding: 20px;">
<p class="fz12 color333 fbold">本周销售</p>
<div class="circleOut" :class="{circleOutOk:teamTaskWeek.GuestNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskWeek.GuestNum}}
</div>
</div>
<div class="r_box">
<div style="background: #C0EBD1;" class="icon_f">
<i class="iconfont icon-Sound" style="color: #5CC790;"/>
</div>
<p class="fz14 fbold tcenter">收客人数</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="r_name">
<span>公告</span>
<div class="tishi">
<span>1</span>
</div>
</el-col>
<el-col :span="4" style='padding: 0;'>
<div class="el-col-div" style="height: 400px;padding:34px 20px 20px;">
<div class="circleOut" :class="{circleOutOk:teamTaskWeek.OrderNumStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskWeek.OrderNum}}
</div>
</div>
</div>
<p class="fz14 fbold tcenter">报名单数</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4" style='padding-left: 0;'>
<div class="el-col-div" style="height: 400px;padding:34px 20px 20px;">
<div class="circleOut" :class="{circleOutOk:teamTaskWeek.RoseStatus==1}">
<div class="circleMiddle">
<div class="circleIn">
{{teamTaskWeek.Rose}}%
</div>
<div v-show="type==2" class="paneldata">
<div class="paneldata_l">
<div class="groupmembers">
<div class="grouptiday">
<div style="background: #ECECFF;margin-left: 25px" class="g_icon">
<i class="iconfont icon-user" style="font-size: 20px;color: #6C7AE0"></i>
</div>
<div class="receive">
<span style="font-size: 14px;color: #333333;display: inline-block">今日总收客人数</span>
<span style="font-size: 36px;color: #333333">30<span style="font-size: 14px;color: #999999">人</span></span>
</div>
<p class="fz14 fbold tcenter">涨幅</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div style="background: #C0EBD1;margin-left: 70px" class="g_icon">
<i class="iconfont icon-clipboard" style="font-size: 25px;color: #00B26F"></i>
</div>
</el-col>
</el-row>
<el-row :gutter="0">
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 20px;">
<p class="fz12 color333 fbold">今日工作</p>
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.NewClientNum}}
<div class="receive">
<span style="font-size: 14px;color: #333333;display: inline-block">今日总报名单数</span>
<span style="font-size: 36px;color: #333333">30<span style="font-size: 14px;color: #999999">单</span></span>
</div>
<div style="background: #FFE5E8;margin-left: 70px" class="g_icon">
<i class="iconfont icon-graph" style="font-size: 25px;color: #FF7B8A"></i>
</div>
<div class="receive">
<span style="font-size: 14px;color: #333333;display: inline-block">今日涨幅</span>
<span style="font-size: 36px;color: #0EB913">30%</span>
</div>
<p class="fz14 fbold tcenter">新增客户</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="gain">
<span>昨日</span>
<div class="sj">
<i class="topsanjiao"></i>
<span>10%</span>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 34px 20px 20px;"">
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.CallOnClientNum}}
</div>
<div class="weekdata">
<div class="weekdata_box">
<span>本周总收客</span>
<span class="w_da">156</span>
<div class="w_d">
<i class="topsanjiao"></i><span style="color: #00B26F">13.4%</span>
</div>
</div>
<p class="fz14 fbold tcenter">拜访客户</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="weekdata_box">
<span>本周报名单数</span>
<span class="w_da">156</span>
<div class="w_d">
<i class="bottomsanjiao"></i><span style="color: #F36C5E">13.4%</span>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 34px 20px 20px;"">
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.ClientDynamic}}
</div>
<div class="weekdata_box">
<span>本周总涨幅</span>
<span class="w_da">156</span>
<div class="w_d">
<i class="topsanjiao"></i><span style="color: #00B26F">13.4%</span>
</div>
</div>
<p class="fz14 fbold tcenter">客户活跃</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 34px 20px 20px;"">
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.AdvCount}}
</div>
<!-- 分界线-->
<div class="line">
<div class="line_title">
<span>小组成员业绩</span>
</div>
</div>
<p class="fz14 fbold tcenter">广告转发</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
<div class="ranking">
<div class="rankbox" v-for="(item,index) in ranklist" :key="index">
<div class="xz_tx">
<img src="../../assets/img/qqIco.png" alt="">
<i :class="index==0? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;font-size: 30px;color: #FFC71E"/>
<i :class="index==1? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;font-size: 30px;color: #C7C7C7"/>
<i :class="index==2? 'iconfont icon-juxing-1':'' " style="position: absolute;top: -20px;left: -10px;font-size: 30px;color: #B6794C"/>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px; padding: 34px 20px 20px;"">
<div class="mormalCircleOut">
<div class="mormalCircleMiddle">
<div class="mormalCircleIn">
{{teamTodayWork.DemandNum}}
<span style="font-size: 14px;color: #333333;margin-top: 10px">{{item.name}}</span>
<div style="width: 100%;height: 1px;background: #E7E7E7;margin: 10px 0"></div>
<div class="rankbox_b">
<div class="today">
<span>
今日收客
</span>
<span>
{{item.fk}}
</span>
</div>
<div class="today">
<span>
总收客
</span>
<span>
{{item.zsk}}
</span>
</div>
</div>
<p class="fz14 fbold tcenter">今日询单</p>
<p class="mt20 tcenter">
<input type="button" class="hollowFixedBtn" value="详情"/>
</p>
</div>
</el-col>
<el-col :span="4">
<div class="el-col-div" style="height: 350px;">
</div>
</el-col>
</el-row>
</div>
<div class="tubiao">
<div class="l_title" >
<span style="font-size: 14px;color: #333333;float: left">今日工作</span>
</div>
<div class="tb_box">
<div id="myChart" :style="{width: '1200px', height: '300px'}"></div>
</div>
</div>
</div>
<div class="paneldata_r">
<div class="paneldata_r_box">
<div class="l_title" >
<span style="font-size: 14px;color: #333333;float: left">今日工作</span>
</div>
<div class="c_view gz1">
<span>今日收客数</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>
</div>
<div class="banyuan" style="background: #FBF7FF"></div>
<i class="iconfont icon-xingzhuang5" style="color: #A598EE"/>
</div>
<div class="c_view gz2">
<span>拜访客户</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>
</div>
<div class="banyuan" style="background: #DBF1D1"></div>
<i class="iconfont icon-xingzhuang8" style="color: #98D482"/>
</div>
<div class="c_view gz3">
<span>客户活跃</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>
</div>
<div class="banyuan" style="background: #E3EFF6"></div>
<i class="iconfont icon-xingzhuang6" style="color: #68A3C2"/>
</div>
<div class="c_view gz4">
<span>广告发送</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>
</div>
<div class="banyuan" style="background: #ECECFF"></div>
<i class="iconfont icon-xingzhuang1" style="color: #8F96EB"/>
</div>
<div class="c_view gz5">
<span>今日询单</span>
<div>
<span style="font-size: 36px;color: #333333">30</span>
<span style="font-size: 14px;color: #999999;margin-left: 5px">人</span>
</div>
<div class="banyuan" style="background: #F1F5FF"></div>
<i class="iconfont icon-xingzhuang3" style="position: absolute;top:75px;right: 10px;font-size: 30px;color: #96ADEB"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -482,265 +533,132 @@
<script>
import leftNav from '../public/leftNav.vue'
export default {
name: 'login-box',
data (){
return{
isFinishNum:0,
type:1,
prevMonthExtract:12.00,
prevMonthExtractList:[],
myTask:{},
myWeekTask:[],
myScore:[],
teamTaskToday:{},
teamTaskWeek:{},
teamTodayWork:{}
style:{
width:0,
background:"#FFFFFF"
},
dxamlist:[
{'number':'0125','regiment':'OCH0708CA1123','time':'2019-5-21','money':'1500.00'},
{'number':'0125','regiment':'OCH0708CA1123','time':'2019-5-21','money':'1500.00'},
{'number':'0125','regiment':'OCH0708CA1123','time':'2019-5-21','money':'1500.00'},
{'number':'0125','regiment':'OCH0708CA1123','time':'2019-5-21','money':'1500.00'},
{'number':'0125','regiment':'OCH0708CA1123','time':'2019-5-21','money':'1500.00'},
],
loading:false,
namelist:[
{'name':'拜访客户','num':3,'rj':5},
{'name':'新增客户','num':3,'rj':6},
{'name':'报名单','num':5,'rj':5},
{'name':'报名人数','num':3,'rj':5},
{'name':'销售金额','num':6,'rj':5},
{'name':'开发需求','num':0,'rj':0},
],
ranklist:[
{'name':'钟飞非','fk':'2','zsk':'25'},
{'name':'钟飞非','fk':'2','zsk':'25'},
{'name':'钟飞非','fk':'2','zsk':'25'},
{'name':'钟飞非','fk':'2','zsk':'25'},
{'name':'钟飞非','fk':'2','zsk':'25'},
{'name':'钟飞非','fk':'2','zsk':'25'},
],
}
},
components:{
leftNav
},
mounted(){
this.drawLine();
},
methods:{
wave(){
var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');
var range = document.getElementById('r');
//range控件信息
//var rangeValue = range.value;
var rangeValue = 50;
var nowRange = 0; //用于做一个临时的range
//画布属性
var mW = canvas.width = 200;
var mH = canvas.height = 250;
var lineWidth = 2;
//圆属性
var r = mH / 2; //圆心
var cR = r - 16 * lineWidth; //圆半径
//Sin 曲线属性
var sX = 0;
var sY = mH / 2;
var axisLength = mW; //轴长
var waveWidth = 0.025; //波浪宽度,数越小越宽
var waveHeight = 6; //波浪高度,数越大越高
var speed = 0.09; //波浪速度，数越大速度越快
var xOffset = 0; //波浪x偏移量
ctx.lineWidth = lineWidth;
//画圈函数
var IsdrawCircled = false;
var drawCircle = function() {
ctx.beginPath();
ctx.strokeStyle = '#33B87F';
//ctx.arc(r, r, cR + 5, 0, 2 * Math.PI);
ctx.stroke();
ctx.beginPath();
// ctx.arc(r, r, cR, 0, 2 * Math.PI);
//ctx.clip();
}
//画sin 曲线函数
var drawSin = function(xOffset) {
ctx.save();
var points = []; //用于存放绘制Sin曲线的点
ctx.beginPath();
//在整个轴长上取点
for(var x = sX; x < sX + axisLength; x += 20 / axisLength) {
//此处坐标(x,y)的取点，依靠公式 “振幅高*sin(x*振幅宽 + 振幅偏移量)”
var y = -Math.sin((sX + x) * waveWidth + xOffset);
var dY = mH * (1 - nowRange / 100);
points.push([x, dY + y * waveHeight]);
ctx.lineTo(x, dY + y * waveHeight);
}
//封闭路径
ctx.lineTo(axisLength, mH);
ctx.lineTo(sX, mH);
ctx.lineTo(points[0][0], points[0][1]);
ctx.fillStyle = '#37d5a8';
ctx.fill();
ctx.restore();
};
var drawSin1 = function(xOffset) {
var waveWidth = 0.015; //波浪宽度,数越小越宽
var waveHeight = 10; //波浪高度,数越大越高
ctx.save();
var points = []; //用于存放绘制Sin曲线的点
ctx.beginPath();
//在整个轴长上取点
for(var x = sX; x < sX + axisLength; x += 20 / axisLength) {
//此处坐标(x,y)的取点，依靠公式 “振幅高*sin(x*振幅宽 + 振幅偏移量)”
var y = -Math.sin((sX + x) * waveWidth + xOffset);
var dY = mH * (1 - nowRange / 100);
points.push([x, dY + y * waveHeight]);
ctx.lineTo(x, dY + y * waveHeight);
}
//封闭路径
ctx.lineTo(axisLength, mH);
ctx.lineTo(sX, mH);
ctx.lineTo(points[0][0], points[0][1]);
ctx.fillStyle = '#b9f0e1';
ctx.fill();
ctx.restore();
};
//写百分比文本函数
var drawText = function() {
ctx.save();
ctx.font = 24 + 'px Microsoft Yahei';
ctx.textAlign = 'center';
ctx.fillStyle = "rgba(06, 85, 128, 0.8)";
ctx.fillText(~~nowRange + '%', r, r + 50 / 2);
ctx.restore();
};
var render = function() {
ctx.clearRect(0, 0, mW, mH);
//rangeValue = range.value;
rangeValue = 50;
if(IsdrawCircled == false) {
drawCircle();
}
if(nowRange <= rangeValue) {
var tmp = 1;
nowRange += tmp;
}
if(nowRange > rangeValue) {
var tmp = 1;
nowRange -= tmp;
}
drawSin1(xOffset);
drawSin(xOffset);
drawText();
xOffset += speed;
requestAnimationFrame(render);
}
render();
drawLine() {
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById('myChart'))
let evaluate = this.$echarts.init(document.getElementById('evaluate'))
// 绘制图表
myChart.setOption({
title: '',
tooltip: {},
legend: {
x: 'right',
data:['本周收客','上周收客',]
},
goUrl(path,id){
this.$router.push({ name:path,query:{"id":id,"PersonOrDepartment":1,blank:'y',tab:'任务详情'} })
xAxis: {
data: ["成都印象\n"+"XX小组", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子","成都印象\n"+"XX小组","成都印象\n"+"XX小组","成都印象\n"+"XX小组","成都印象\n"+"XX小组"]
},
goUrlT(path,id){
this.$router.push({ name:path,query:{"id":id,"PersonOrDepartment":1,isOwn:true,blank:'y',tab:'销售提成'} })
},
getPrevMonthExtract(){ //上月提成
this.apipost('TaskManagemnet_get_GetThisWeekCommission',{},res=>{
if(res.data.resultCode==1){
this.prevMonthExtract=Number(res.data.data)
}else{
this.$message.error(res.data.message)
}
},err=>{})
},
getPrevMonthExtractList(){ //上月提成列表
this.apipost('TaskManagemnet_get_GetThisWeekCommissionList',{pageIndex:1,pageSize:5},res=>{
if(res.data.resultCode==1){
this.prevMonthExtractList=res.data.data.pageData
console.log(this.prevMonthExtractList)
}else{
this.$message.error(res.data.message)
yAxis: {},
series: [{
// name: '本周收客',
type: 'bar',
name:'本周收客',
stack: '广告',
data: [5, 20, 36, 10, 10, 20,12,23,43,67],
itemStyle:{
normal:{
color:'#1698FD'
}
},err=>{})
},
getMyTask(){
this.apipost('TaskManagemnet_get_GetToDayStatistics',{},res=>{
if(res.data.resultCode==1){
this.myTask=res.data.data
}else{
this.$message.error(res.data.message)
}
},err=>{})
barWidth:20
},
getTeamTaskToday(){
this.apipost('TaskManagemnet_get_GetDepThisWeekWork',{WorkType:1},res=>{
if(res.data.resultCode==1){
this.teamTaskToday=res.data.data
}else{
this.$message.error(res.data.message)
{
// name: '上周收客',
type: 'bar',
name:'上周收客',
stack: '广告',
data: [10, 26, 30, 15, 2, 30,23,45,67,23],
itemStyle:{
normal:{
color:'#7FEFEF'
}
},err=>{})
},
getTeamTaskWeek(){
this.apipost('TaskManagemnet_get_GetDepThisWeekWork',{WorkType:2},res=>{
if(res.data.resultCode==1){
this.teamTaskWeek=res.data.data
}else{
this.$message.error(res.data.message)
barWidth:20
}
},err=>{})
]
});
evaluate.setOption({
tooltip: {
trigger: 'axis'
},
getMyWeekTask(){
this.apipost('TaskManagemnet_get_GetThisWeekTask',{},res=>{
if(res.data.resultCode==1){
this.myWeekTask=res.data.data
this.isFinishNum=0
this.myWeekTask.forEach(item=>{
if(item.IsFinish==2)
radar: [
{
this.isFinishNum+=1
}
})
}else{
this.$message.error(res.data.message)
}
},err=>{})
indicator: [
{text: '名单开发', max: 100},
{text: '约访', max: 100},
{text: '解决需求', max: 100},
{text: '探询需求', max: 100},
{text: '说明成交', max: 100},
{text: '售后服务', max: 100}
],
},
getMyScore(){
this.apipost('TaskManagemnet_get_GetSellMyGrade',{},res=>{
if(res.data.resultCode==1){
this.myScore=res.data.data
this.myScore.forEach(item=>{
if(item.score<60){
item['color']='D'
}else if(item.score<70&&item.score>=60){
item['color']='C'
}else if(item.score<80&&item.score>=70){
item['color']='B'
}else if(item.score<95&&item.score>=80){
item['color']='A'
}else{
item['color']='S'
}
})
this.$nextTick(()=>{
this.$chartsUtils.saleIndex('mychart',this.myScore)
})
}else{
this.$message.error(res.data.message)
}
},err=>{})
],
series: [
{
type: 'radar',
tooltip: {
trigger: 'item'
},
getTeamTodayWork(){
this.apipost('TaskManagemnet_get_GetDepToDayWork',{},res=>{
if(res.data.resultCode==1){
this.teamTodayWork=res.data.data
}else{
this.$message.error(res.data.message)
itemStyle: {normal: {areaStyle: {type: 'default'}}},
data: [
{
value: [60,73,85,40,100,54],
}
},err=>{})
},
],
radius: 60
},
mounted(){
this.wave()
this.getMyTask()
//this.getMyScore()
this.getMyWeekTask()
this.getTeamTaskToday()
this.getTeamTaskWeek()
this.getTeamTodayWork()
this.getPrevMonthExtract()
this.getPrevMonthExtractList()
},
]
});
}
}
}
......
src/components/scenicSpot/admissionStatisticsDetails.vue
View file @ 76be2ac3
......@@ -3,8 +3,8 @@
<div class="query-box" style="border-bottom: none;">
<ul>
<li>
<input type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
<input type="button" class="fr normalBtn mb30" value="保存草稿" @click="saveList(0)" />
<input v-if="IsOperation !=1" type="button" class="fr normalBtn mb30" value="保存" @click="saveList(1)" />
<input v-if="IsOperation !=1" type="button" class="fr normalBtn mb30" value="保存草稿" @click="saveList(0)" />
</li>
</ul>
</div>
......@@ -74,15 +74,17 @@
{{childItem.PeopleNum}}
</td>
<td>
<el-input class='w50 tcenter' v-model='childItem.UsePeopleNum' type="number"
<el-input v-if="IsOperation !=1" class='w50 tcenter' v-model='childItem.UsePeopleNum' type="number"
@input='calculationPrice(subItem)' @keyup.native="checkInteger(childItem,'UsePeopleNum')"></el-input>
<span v-else>{{childItem.UsePeopleNum}}</span>
</td>
<td>
<el-input class='w50 tcenter' maxlength='2' v-model='childItem.Discount' type="number"
<el-input v-if="IsOperation !=1" class='w50 tcenter' maxlength='2' v-model='childItem.Discount' type="number"
@input='calculationPrice(subItem)' @keyup.native="checkInteger(childItem,'Discount')"></el-input>
<span v-else>{{childItem.Discount}}</span>
</td>
<td>
<span class="spanlink" v-if='childItem.PeoplePrice==0'
<span class="spanlink" v-if='childItem.PeoplePrice==0 && IsOperation !=1'
@click="goUrl('ticketManagement',subItem,'门票管理')">设置</span>
<span v-if='childItem.PeoplePrice!=0'>{{childItem.PeoplePrice}}</span>
</td>
......@@ -90,7 +92,7 @@
{{(childItem.UsePeopleNum-childItem.Discount)*childItem.PeoplePrice}}
</td>
<td>
<span class="spanlink" v-if='childItem.DiscountPrice==0'
<span class="spanlink" v-if='childItem.DiscountPrice==0 && IsOperation !=1'
@click="goUrl('scenicSpotInfoManage',subItem,'景区列表')">设置</span>
<span v-if='childItem.DiscountPrice!=0'>{{childItem.DiscountPrice}}%</span>
</td>
......@@ -104,23 +106,14 @@
付款方式：
</td>
<td style="text-align:left;">
<el-select class='w135 sel' v-model='subItem.PayStyle' :placeholder="$t('pub.pleaseSel')">
<el-option label='请选择' :value='0' ></el-option>
<el-option label='现付' :value='1' v-if="subItem.PayStyleExt==1"></el-option>
<el-option label='签单' :value='2' v-if="subItem.PayStyleExt==2"></el-option>
<el-option label='实物抵扣' :value='3' v-if="subItem.PayStyleExt==3"></el-option>
<el-option label='预付' :value='4' v-if="subItem.PayStyleExt==4"></el-option>
<el-option label='预付款抵扣' :value='5' v-if="subItem.PayStyleExt==5"></el-option>
<el-option label='公司合团支付' :value='6'></el-option>
<el-select :disabled='IsOperation !=1? false :true' class='w135 sel' v-model='subItem.PayStyle' :placeholder="$t('pub.pleaseSel')">
<el-option label='请选择' value='0'></el-option>
<el-option label='现付' value='1'></el-option>
<el-option label='签单' value='2'></el-option>
<el-option label='实物抵扣' value='5'></el-option>
<el-option label='预付' value='4'></el-option>
</el-select>
</td>
</tr>
<tr v-show="subItem.PayStyle==6">
<td width="60" style="text-align:right;">
付款团号：
</td>
<td style="text-align:left;">
<el-input class='w135' v-model='subItem.PayTypeTCNUM' type="text"></el-input>
</td>
</tr>
<tr>
......@@ -128,13 +121,15 @@
订团号：
</td>
<td style="text-align:left;">
<el-input class='w135' v-model='subItem.CombinationNum' type="text"></el-input>
<el-input v-if="IsOperation !=1" class='w135' v-model='subItem.CombinationNum' type="text"></el-input>
<span v-else>{{subItem.CombinationNum}}</span>
</td>
</tr>
</table>
</td>
<td v-if="childIndex==0" :rowspan="3">
<el-input type='textarea' rows="4" class='w170' v-model='subItem.Remarks'></el-input>
<td v-if="childIndex==0" :rowspan="3" >
<el-input v-if="IsOperation !=1" type='textarea' rows="4" class='w170' v-model='subItem.Remarks'></el-input>
<span v-else>{{subItem.Remarks}}</span>
</td>
</tr>
</template>
......@@ -154,6 +149,7 @@
flightTotal: 0,
GuestNum: 0,
loading: false,
IsOperation:'',
}
},
methods: {
......@@ -189,9 +185,11 @@
}, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.DataList = res.data.data;
this.DataList = res.data.data.ScenicList;
this.IsOperation = res.data.data.IsOperation;
this.DataList.forEach(item => {
item.ScenicStatisticsList.forEach(x => {
x.PayStyle = x.PayStyle.toString();
this.calculationPrice(x);
if (x.CombinationNum == '' || x.CombinationNum == null) {
x.CombinationNum = this.$route.query.NewCombinationNum;
......@@ -212,8 +210,9 @@
if (!subItem.Discount) {
subItem.Discount = 0;
}
if (!subItem.UsePeopleNum) {
subItem.UsePeopleNum = 0;
if(!subItem.UsePeopleNum)
{
subItem.UsePeopleNum=0;
}
});
})
......@@ -227,8 +226,9 @@
if (!subItem.Discount) {
subItem.Discount = 0;
}
if (!subItem.UsePeopleNum) {
subItem.UsePeopleNum = 0;
if(!subItem.UsePeopleNum)
{
subItem.UsePeopleNum=0;
}
});
})
......
src/plug/index.js
View file @ 76be2ac3
......@@ -119,6 +119,10 @@ export default {
let domainUrl = '';
let locationName = window.location.hostname;
domainUrl = "http://192.168.2.214:8082"; //214主域名
domainUrl = "http://192.168.2.65:8025"; //214主域名
// domainUrl = "http://192.168.0.119:8082";
domainUrl = "http://192.168.2.16:8083";
// domainUrl = "http://reborn.oytour.com"
if (locationName.indexOf('oytour') !== -1) {
domainUrl = "http://reborn.oytour.com";
} else if (locationName.indexOf('viitto') !== -1) {
......@@ -308,25 +312,25 @@ export default {
if (msg == null || msg == "") {
msg = {}
}
var apiNewurl = this.domainManager().PostUrl;
var apiNewurl = this.domainManager().DomainUrl;
var timestamp = (new Date()).valueOf();
apiNewurl = apiNewurl + "/Api/Trip/" + cmd;
if (this.$route.path.toLowerCase() == "/signature") {
this.$router.push({
path: '/signature'
})
} else {
if (!localStorage.userInfo && localStorage.userInfo != "" && this.$route.path.toLowerCase() != "/supplierLogin") {
if (!localStorage.userInfo && localStorage.userInfo != "" && this.$route.path.toLowerCase() != "/login") {
this.$router.push({
path: '/supplierLogin'
path: '/login'
})
}
}
var token = "";
var key = "";
if (this.getLocalStorageSupplier() != null) {
token = this.getLocalStorageSupplier().Token;
key = this.getLocalStorageSupplier().SecretKey;
if (this.getLocalStorage() != null) {
token = this.getLocalStorage().token;
key = this.getLocalStorage().SecretKey;
}
var encodeMsg = encodeURIComponent(JSON.stringify(msg)).toLowerCase();
var md5Str = md5(`cmd=${cmd}&msg=${encodeMsg}&timestamp=${timestamp}&token=${token}&key=${key}`);
......@@ -336,7 +340,7 @@ export default {
"timestamp": timestamp,
"token": token,
"sign": md5Str,
"uid": this.getLocalStorageSupplier()!=null?this.getLocalStorageSupplier().SupplierAccountId:0
"uid": this.getLocalStorage().EmployeeId
}
this.$http.post(apiNewurl, postData, {
......@@ -348,7 +352,7 @@ export default {
.then(res => {
if (res.data.resultCode == 10000 || res.data.resultCode == 10001) {
this.$router.push({
path: '/supplierLogin'
path: '/login'
});
} else if (res.resultCode == 10005) {
this.$router.go(-1);
......@@ -461,15 +465,6 @@ export default {
}
},
//获取登录的供应商信息
Vue.prototype.getLocalStorageSupplier = function () {
var localStorageData = window.localStorage["SupplierInfo"];
if (localStorageData !== undefined && localStorageData != 'undefined') {
return JSON.parse(localStorageData);
} else {
return null;
}
},
//PDF预览
Vue.prototype.previewPDF = function (url) {
......
src/router/config.js
View file @ 76be2ac3
import login from '../components/Login'
import index from '../components/index'
// import supplierLogin from '../components/SupplierLogin'
// import supplierIndex from '../components/SupplierIndex'
export default {
routes: [{
path: '/',
......@@ -699,6 +696,46 @@ export default {
title: '酒店查询统计'
},
},
{
path: '/HotelManagement2', //供应商->酒店管理
name: 'HotelManagement2',
component: resolve => require(['@/components/Supplier/HotelManagement'], resolve),
meta: {
title: '酒店管理'
},
},
{
path: '/HotelSalesBoard2', //供应商->酒店统计
name: 'HotelSalesBoard2',
component: resolve => require(['@/components/Supplier/HotelSalesBoard'], resolve),
meta: {
title: '酒店统计'
},
},
{
path: '/HotelTotalStock2', //供应商->总库存看板
name: 'HotelTotalStock2',
component: resolve => require(['@/components/Supplier/HotelTotalStock'], resolve),
meta: {
title: '总库存看板'
},
},
{
path: '/roomQuery2', //供应商->定房查询
name: 'roomQuery2',
component: resolve => require(['@/components/Supplier/roomQuery'], resolve),
meta: {
title: '定房查询'
},
},
{
path: '/HotelQueryList2', //供应商->酒店查询
name: 'HotelQueryList2',
component: resolve => require(['@/components/Supplier/HotelQueryList'], resolve),
meta: {
title: '酒店查询'
},
},
{
path: '/RestauranOrder', //餐厅订单信息
name: 'RestauranOrder',
......@@ -3325,14 +3362,6 @@ export default {
title: '新增商品'
}
},
{
path: '/CommodityActive',
name: 'CommodityActive',
component: resolve => require(['@/components/activity/CommodityActive'], resolve),
meta: {
title: '商品活动'
}
},
]
},
{
......
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