|
@@ -1,21 +1,15 @@
|
|
|
|
+<!-- 机器销售排行 -->
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
<view class="head">
|
|
<view class="head">
|
|
- <view class="">
|
|
|
|
- <image class="userFlagimg" src="../../static/img/userFlag.png" mode=""></image>
|
|
|
|
- </view>
|
|
|
|
- <view class="pname">
|
|
|
|
- <font class="wenzi" style="color: #BDD6F3;font-size:28upx">用户:{{pname}}</font>
|
|
|
|
- </view>
|
|
|
|
- <view class="company">
|
|
|
|
- <font style="color: #BDD6F3;font-size:28upx">申泽智能物联</font>
|
|
|
|
- </view>
|
|
|
|
</view>
|
|
</view>
|
|
- <view class="line"></view>
|
|
|
|
|
|
+ <view class="ri">
|
|
|
|
+ <font class="title">机器销售排行</font>
|
|
|
|
+ </view>
|
|
<view class="qiun-columns">
|
|
<view class="qiun-columns">
|
|
<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
|
|
<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
|
|
- <view class="qiun-title-dot-light">今日销售情况</view>
|
|
|
|
- <view style="text-align: center;position: relative;">
|
|
|
|
|
|
+ <view class="qiun-title-dot-light">今日销售排行</view>
|
|
|
|
+ <view class="shijian" style="text-align: center;position: relative;">
|
|
<image @click="pre('day')" class="preImg" src="/static/img/leftTriangle.png"></image>
|
|
<image @click="pre('day')" class="preImg" src="/static/img/leftTriangle.png"></image>
|
|
<span>{{startDate1}}</span>
|
|
<span>{{startDate1}}</span>
|
|
<image @click="next('day')" class="nextImg" src="/static/img/rightTriangle.png"></image>
|
|
<image @click="next('day')" class="nextImg" src="/static/img/rightTriangle.png"></image>
|
|
@@ -29,8 +23,8 @@
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
<view class="qiun-columns">
|
|
<view class="qiun-columns">
|
|
<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
|
|
<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
|
|
- <view class="qiun-title-dot-light">本周销售情况</view>
|
|
|
|
- <view style="text-align: center;position: relative;">
|
|
|
|
|
|
+ <view class="qiun-title-dot-light">本周销售排行</view>
|
|
|
|
+ <view class="shijian" style="text-align: center;position: relative;">
|
|
<image @click="pre('week')" class="preImg" src="/static/img/leftTriangle.png"></image>
|
|
<image @click="pre('week')" class="preImg" src="/static/img/leftTriangle.png"></image>
|
|
<span>{{startDate2}} 至 {{endDate2}}</span>
|
|
<span>{{startDate2}} 至 {{endDate2}}</span>
|
|
<image @click="next('week')" class="nextImg" src="/static/img/rightTriangle.png"></image>
|
|
<image @click="next('week')" class="nextImg" src="/static/img/rightTriangle.png"></image>
|
|
@@ -44,8 +38,8 @@
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
<view class="qiun-columns">
|
|
<view class="qiun-columns">
|
|
<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
|
|
<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
|
|
- <view class="qiun-title-dot-light">本月销售情况</view>
|
|
|
|
- <view style="text-align: center;position: relative;">
|
|
|
|
|
|
+ <view class="qiun-title-dot-light">本月销售排行</view>
|
|
|
|
+ <view class="shijian" style="text-align: center;position: relative;">
|
|
<image @click="pre('month')" class="preImg" src="/static/img/leftTriangle.png"></image>
|
|
<image @click="pre('month')" class="preImg" src="/static/img/leftTriangle.png"></image>
|
|
<span>{{startDate3}} 至 {{endDate3}}</span>
|
|
<span>{{startDate3}} 至 {{endDate3}}</span>
|
|
<image @click="next('month')" class="nextImg" src="/static/img/rightTriangle.png"></image>
|
|
<image @click="next('month')" class="nextImg" src="/static/img/rightTriangle.png"></image>
|
|
@@ -59,8 +53,8 @@
|
|
<view class="line"></view>
|
|
<view class="line"></view>
|
|
<view class="qiun-columns">
|
|
<view class="qiun-columns">
|
|
<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
|
|
<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
|
|
- <view class="qiun-title-dot-light">本年销售情况</view>
|
|
|
|
- <view style="text-align: center;position: relative;">
|
|
|
|
|
|
+ <view class="qiun-title-dot-light">本年销售排行</view>
|
|
|
|
+ <view class="shijian" style="text-align: center;position: relative;">
|
|
<image @click="pre('year')" class="preImg" src="/static/img/leftTriangle.png"></image>
|
|
<image @click="pre('year')" class="preImg" src="/static/img/leftTriangle.png"></image>
|
|
<span>{{startDate4}} 至 {{endDate4}}</span>
|
|
<span>{{startDate4}} 至 {{endDate4}}</span>
|
|
<image @click="next('year')" class="nextImg" src="/static/img/rightTriangle.png"></image>
|
|
<image @click="next('year')" class="nextImg" src="/static/img/rightTriangle.png"></image>
|
|
@@ -127,7 +121,7 @@
|
|
console.log("adminId:" + this.adminId)
|
|
console.log("adminId:" + this.adminId)
|
|
_self = this;
|
|
_self = this;
|
|
//图表中图
|
|
//图表中图
|
|
- this.cWidth = uni.upx2px(600);
|
|
|
|
|
|
+ this.cWidth = uni.upx2px(690);
|
|
this.cHeight = uni.upx2px(430);
|
|
this.cHeight = uni.upx2px(430);
|
|
|
|
|
|
await this.initDateRang(new Date(),'day');
|
|
await this.initDateRang(new Date(),'day');
|
|
@@ -400,35 +394,16 @@
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
background: #206DC3;
|
|
background: #206DC3;
|
|
width: 750upx;
|
|
width: 750upx;
|
|
- height: 60upx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .company {
|
|
|
|
- width: 48%;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .pname {
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: row;
|
|
|
|
- width: 40%;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .userFlagimg {
|
|
|
|
- padding-left: 10upx;
|
|
|
|
- padding-top: 10upx;
|
|
|
|
- width: 26upx;
|
|
|
|
- height: 28upx;
|
|
|
|
|
|
+ height: 180upx;
|
|
}
|
|
}
|
|
-
|
|
|
|
- .wenzi {
|
|
|
|
- padding-right: 0upx;
|
|
|
|
- /* text-align:right; */
|
|
|
|
- white-space: nowrap;
|
|
|
|
- overflow: hidden;
|
|
|
|
- /* text-overflow: ellipsis; */
|
|
|
|
|
|
+ .title{
|
|
|
|
+ /* border-left: 10upx solid #0ea391; */
|
|
|
|
+ color: #363D44;
|
|
|
|
+ font-size: 62upx;
|
|
|
|
+ font-family: "PingFang-SC-Bold";
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin: auto;
|
|
}
|
|
}
|
|
-
|
|
|
|
.ri {
|
|
.ri {
|
|
width: 690upx;
|
|
width: 690upx;
|
|
height: 180upx;
|
|
height: 180upx;
|