|
|
|
@ -52,64 +52,46 @@ |
|
|
|
|
:class=" chartSeleIndex==index?'selechartSeleBar_item':'chartSeleBar_item' ">{{item.lable}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="chart_scoll"> |
|
|
|
|
<swiper @change="swiperChange" :current='chartSeleIndex' class="swiper" :interval="1000" |
|
|
|
|
:duration="1000"> |
|
|
|
|
<!-- <swiper-item @tap.stop=''> |
|
|
|
|
<view class="swiper-item"> |
|
|
|
|
<view style="height:75%;"> |
|
|
|
|
<qiunDataCharts :canvas2d='true' canvasId='canvasIdw' inScrollView="true" type="area" |
|
|
|
|
:opts="{extra:{area:{type:'curve',addLine:true,gradient:true}}}" |
|
|
|
|
:chartData="Line" /> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="detailsData" |
|
|
|
|
style="height: 25%; display: flex; justify-content: space-around; align-items: center;"> |
|
|
|
|
<view class="swiper-item_table">今日</view> |
|
|
|
|
<view> <text class="numberoli">{{detailsData.todaySalesRose.toFixed(2)}}</text> L</view> |
|
|
|
|
<view> <text class="numberoli">{{detailsData.siteDayBalance|price}}</text> ¥</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</swiper-item> |
|
|
|
|
<swiper-item> |
|
|
|
|
<view class="swiper-item"> |
|
|
|
|
<view style="height:75%;"> |
|
|
|
|
<qiunDataCharts :canvas2d='true' canvasId='canvasIdt' inScrollView="true" type="area" |
|
|
|
|
:opts="{extra:{area:{type:'curve',addLine:true,gradient:true}}}" |
|
|
|
|
:chartData="LineTwo" /> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="chartsData" |
|
|
|
|
style="height: 25%; display: flex; justify-content: space-around; align-items: center;"> |
|
|
|
|
<view class="swiper-item_table">今日</view> |
|
|
|
|
<view> <text class="numberoli">{{chartsData.rechargeAmountOnTheDay|price}}</text> ¥ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="swiper-item" v-if="chartSeleIndex == 0"> |
|
|
|
|
<view style="height:75%;"> |
|
|
|
|
<qiunDataCharts :canvas2d='true' canvasId='canvasIdw' type="area" |
|
|
|
|
:opts="{extra:{area:{type:'curve',addLine:true,gradient:true}}}" :chartData="Line" /> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="detailsData" |
|
|
|
|
style="height: 25%; display: flex; justify-content: space-around; align-items: center;"> |
|
|
|
|
<view class="swiper-item_table">今日</view> |
|
|
|
|
<view> <text class="numberoli">{{detailsData.todaySalesRose.toFixed(2)}}</text> L</view> |
|
|
|
|
<view> <text class="numberoli">{{detailsData.siteDayBalance|price}}</text> ¥</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="swiper-item" v-if="chartSeleIndex == 1"> |
|
|
|
|
<view style="height:75%;"> |
|
|
|
|
<qiunDataCharts :canvas2d='true' canvasId='canvasIdt' type="area" |
|
|
|
|
:opts="{extra:{area:{type:'curve',addLine:true,gradient:true}}}" :chartData="LineTwo" /> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="chartsData" |
|
|
|
|
style="height: 25%; display: flex; justify-content: space-around; align-items: center;"> |
|
|
|
|
<view class="swiper-item_table">今日</view> |
|
|
|
|
<view> <text class="numberoli">{{chartsData.rechargeAmountOnTheDay|price}}</text> ¥ |
|
|
|
|
</view> |
|
|
|
|
</swiper-item> --> |
|
|
|
|
<swiper-item> |
|
|
|
|
|
|
|
|
|
</swiper-item> |
|
|
|
|
</swiper> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <view style="height: 70%;width: 100%; padding: 20rpx 0;"> |
|
|
|
|
<qiun-data-charts type="area" :opts="{extra:{area:{type:'curve',addLine:true,gradient:true}}}" :chartData="Line" /> |
|
|
|
|
</view> --> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="swiper-item"> |
|
|
|
|
<view style="height:75%;"> |
|
|
|
|
<qiunDataCharts :canvas2d='true' canvasId='canvasIdt' inScrollView="true" type="area" |
|
|
|
|
:opts="{extra:{area:{type:'curve',addLine:true,gradient:true}}}" |
|
|
|
|
:chartData="oneMonthLine" /> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view |
|
|
|
|
style="height: 25%; display: flex; justify-content: space-around; align-items: center;"> |
|
|
|
|
<view class="swiper-item_table">今日</view> |
|
|
|
|
<view> <text class="numberoli">{{}}</text> L</view> |
|
|
|
|
<view> <text class="numberoli">{{}}</text> ¥</view> |
|
|
|
|
<view class="swiper-item" v-if="chartSeleIndex == 2"> |
|
|
|
|
<view style="height:75%;"> |
|
|
|
|
<qiunDataCharts :canvas2d='true' canvasId='canvasIdx' type="area" |
|
|
|
|
:opts="{extra:{area:{type:'curve',addLine:true,gradient:true}},enableScroll:true,xAxis:{itemCount:7}}" |
|
|
|
|
:chartData="oneMonthLine" :ontouch="true" /> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="oneMonthData" |
|
|
|
|
style="height: 25%; display: flex; justify-content: space-around; align-items: center;"> |
|
|
|
|
<view class="swiper-item_table">今日</view> |
|
|
|
|
<view> <text class="numberoli">{{oneMonthData.todaySalesRose.toFixed(2)}}</text> L |
|
|
|
|
</view> |
|
|
|
|
<view> <text class="numberoli">{{oneMonthData.siteDayBalance|price}}</text> ¥</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="footer"> |
|
|
|
|
<view @click="ishowFn()" class="footer_title" v-if="dedata">{{dedata.startTime|timeProcessing}} - |
|
|
|
|
{{dedata.endTime|timeProcessing}} |
|
|
|
@ -163,23 +145,24 @@ |
|
|
|
|
}, |
|
|
|
|
dedata: null, |
|
|
|
|
chartsData: null, |
|
|
|
|
detailsData: null, |
|
|
|
|
oneMonthData: null, |
|
|
|
|
income: 0, |
|
|
|
|
quantity: 0, |
|
|
|
|
detailsData: null, |
|
|
|
|
chartSeleBarData: [{ |
|
|
|
|
lable: '近五日动销', |
|
|
|
|
value: 0 |
|
|
|
|
}, { |
|
|
|
|
lable: '近五次充值', |
|
|
|
|
value: 1 |
|
|
|
|
},{ |
|
|
|
|
}, { |
|
|
|
|
lable: '近一月动销', |
|
|
|
|
value: 2 |
|
|
|
|
}], |
|
|
|
|
chartSeleIndex: 0, |
|
|
|
|
Line: {}, |
|
|
|
|
LineTwo: {}, |
|
|
|
|
oneMonthLine:{} |
|
|
|
|
oneMonthLine: {} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad(e) { |
|
|
|
@ -209,6 +192,9 @@ |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
getTouchMove(e) { |
|
|
|
|
// console.log('e',e) |
|
|
|
|
}, |
|
|
|
|
datePopupChange(e) { |
|
|
|
|
sy[(this.routerIndex ? 'queryBusinessIncome' : 'queryEnterpriseIncome')]({ |
|
|
|
|
[((this.routerIndex ? 'siteId' : 'companyId'))]: this.dedata.id, |
|
|
|
@ -277,7 +263,7 @@ |
|
|
|
|
this.quantity = res.data.orderNumber |
|
|
|
|
console.log(res, '收入') |
|
|
|
|
}) |
|
|
|
|
if(this.routerIndex) { |
|
|
|
|
if (this.routerIndex) { |
|
|
|
|
// 近一个月动销 仅油站动销展示 |
|
|
|
|
sy.findMonthlySiteMovingPinVo(e.id).then(res => { |
|
|
|
|
let dateArr = [] |
|
|
|
@ -285,8 +271,11 @@ |
|
|
|
|
res.data.siteMovingPins.forEach(item => { |
|
|
|
|
let date = item.createTime.split('-') |
|
|
|
|
dateArr.push(`${date[1]}-${date[2]}`) |
|
|
|
|
moneyArr.push(item.money.toFixed(2)) |
|
|
|
|
let money = (item.money + '').includes('.') ? item.money.toFixed(2) : item |
|
|
|
|
.money |
|
|
|
|
moneyArr.push(money) |
|
|
|
|
}) |
|
|
|
|
this.oneMonthData = res.data |
|
|
|
|
this.oneMonthLine = { |
|
|
|
|
categories: dateArr, |
|
|
|
|
series: [{ |
|
|
|
@ -295,7 +284,7 @@ |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
jump(e) { |
|
|
|
|
this.dedata.routerIndex = this.routerIndex; |
|
|
|
@ -333,7 +322,7 @@ |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
swiperChange(e) { |
|
|
|
|
this.chartSeleIndex = e.detail.current |
|
|
|
|
// this.chartSeleIndex = e.detail.current |
|
|
|
|
}, |
|
|
|
|
chartSeleBarFn(item, index) { |
|
|
|
|
this.chartSeleIndex = index |
|
|
|
@ -345,6 +334,10 @@ |
|
|
|
|
<style scoped> |
|
|
|
|
@import url("./enterpriseDetails.css"); |
|
|
|
|
|
|
|
|
|
.swiper-item { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.list_item_tip { |
|
|
|
|
padding: 11rpx 14rpx; |
|
|
|
|
background-color: #9F43CC; |
|
|
|
|