|
@@ -11,6 +11,7 @@
|
|
<font style="color: #BDD6F3;font-size:28upx">申泽智能物联</font>
|
|
<font style="color: #BDD6F3;font-size:28upx">申泽智能物联</font>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</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 class="qiun-title-dot-light">今日销售情况</view>
|
|
@@ -25,6 +26,7 @@
|
|
@touchend="touchEndLine1" style="background-color: #E5FDC3;"></canvas>
|
|
@touchend="touchEndLine1" style="background-color: #E5FDC3;"></canvas>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</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 class="qiun-title-dot-light">本周销售情况</view>
|
|
@@ -39,6 +41,7 @@
|
|
@touchend="touchEndLine2" style="background-color: #E5FDC3;"></canvas>
|
|
@touchend="touchEndLine2" style="background-color: #E5FDC3;"></canvas>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</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 class="qiun-title-dot-light">本月销售情况</view>
|
|
@@ -53,6 +56,7 @@
|
|
@touchend="touchEndLine3" style="background-color: #E5FDC3;"></canvas>
|
|
@touchend="touchEndLine3" style="background-color: #E5FDC3;"></canvas>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</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 class="qiun-title-dot-light">本年销售情况</view>
|
|
@@ -104,12 +108,12 @@
|
|
computed: {
|
|
computed: {
|
|
...mapState(['loginUser']),
|
|
...mapState(['loginUser']),
|
|
},
|
|
},
|
|
- onLoad(option){
|
|
|
|
- console.log("onLoad");
|
|
|
|
- this.adminId = option['adminId'];
|
|
|
|
- this.pname = option['pname'];
|
|
|
|
- this.init();
|
|
|
|
- },
|
|
|
|
|
|
+ // onLoad(option){
|
|
|
|
+ // console.log("onLoad");
|
|
|
|
+ // this.adminId = option['adminId'];
|
|
|
|
+ // this.pname = option['pname'];
|
|
|
|
+ // this.init();
|
|
|
|
+ // },
|
|
mounted() {
|
|
mounted() {
|
|
console.log("mounted");
|
|
console.log("mounted");
|
|
this.init();
|
|
this.init();
|
|
@@ -274,6 +278,7 @@
|
|
xAxis: {
|
|
xAxis: {
|
|
type: 'grid',
|
|
type: 'grid',
|
|
gridType: 'dash',
|
|
gridType: 'dash',
|
|
|
|
+ rotateLabel: true,
|
|
itemCount: 4, //x轴单屏显示数据的数量,默认为5个
|
|
itemCount: 4, //x轴单屏显示数据的数量,默认为5个
|
|
scrollShow: true, //新增是否显示滚动条,默认false
|
|
scrollShow: true, //新增是否显示滚动条,默认false
|
|
scrollAlign: 'left', //滚动条初始位置
|
|
scrollAlign: 'left', //滚动条初始位置
|
|
@@ -385,92 +390,104 @@
|
|
<style>
|
|
<style>
|
|
page {
|
|
page {
|
|
/* background: #F2F2F2; */
|
|
/* background: #F2F2F2; */
|
|
- background:#FFFFFF;
|
|
|
|
|
|
+ background: #FFFFFF;
|
|
width: 750upx;
|
|
width: 750upx;
|
|
overflow-x: hidden;
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
- .head{
|
|
|
|
|
|
+
|
|
|
|
+ .head {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
- background:#206DC3;
|
|
|
|
|
|
+ background: #206DC3;
|
|
width: 750upx;
|
|
width: 750upx;
|
|
- height: 80upx;
|
|
|
|
- margin-bottom: 20upx;
|
|
|
|
|
|
+ height: 60upx;
|
|
}
|
|
}
|
|
- .company{
|
|
|
|
|
|
+
|
|
|
|
+ .company {
|
|
width: 48%;
|
|
width: 48%;
|
|
- text-align:right;
|
|
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .pname{
|
|
|
|
|
|
+
|
|
|
|
+ .pname {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
width: 40%;
|
|
width: 40%;
|
|
}
|
|
}
|
|
- .userFlagimg{
|
|
|
|
|
|
+
|
|
|
|
+ .userFlagimg {
|
|
padding-left: 10upx;
|
|
padding-left: 10upx;
|
|
padding-top: 10upx;
|
|
padding-top: 10upx;
|
|
width: 26upx;
|
|
width: 26upx;
|
|
height: 28upx;
|
|
height: 28upx;
|
|
}
|
|
}
|
|
- .wenzi{
|
|
|
|
|
|
+
|
|
|
|
+ .wenzi {
|
|
padding-right: 0upx;
|
|
padding-right: 0upx;
|
|
/* text-align:right; */
|
|
/* text-align:right; */
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
/* text-overflow: ellipsis; */
|
|
/* text-overflow: ellipsis; */
|
|
}
|
|
}
|
|
- .ri{
|
|
|
|
|
|
+
|
|
|
|
+ .ri {
|
|
width: 690upx;
|
|
width: 690upx;
|
|
height: 180upx;
|
|
height: 180upx;
|
|
- background:#FFFFFF;
|
|
|
|
|
|
+ background: #FFFFFF;
|
|
border-radius: 15upx;
|
|
border-radius: 15upx;
|
|
/* 上移 */
|
|
/* 上移 */
|
|
transform: translateY(-90upx);
|
|
transform: translateY(-90upx);
|
|
- text-align:center;
|
|
|
|
|
|
+ text-align: center;
|
|
margin: auto;
|
|
margin: auto;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
/* 阴影 */
|
|
/* 阴影 */
|
|
- box-shadow:0upx -1upx 20upx #D3D3D3;
|
|
|
|
|
|
+ box-shadow: 0upx -1upx 20upx #D3D3D3;
|
|
/* box-shadow:0px 0px 10px 5px #aaa; */
|
|
/* box-shadow:0px 0px 10px 5px #aaa; */
|
|
}
|
|
}
|
|
- .riShell{
|
|
|
|
|
|
+
|
|
|
|
+ .riShell {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
margin: auto;
|
|
}
|
|
}
|
|
- .riTitle{
|
|
|
|
|
|
+
|
|
|
|
+ .riTitle {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
margin: auto;
|
|
margin: auto;
|
|
}
|
|
}
|
|
- .riqi{
|
|
|
|
|
|
+
|
|
|
|
+ .riqi {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
margin: auto;
|
|
margin: auto;
|
|
}
|
|
}
|
|
- .fourTitle{
|
|
|
|
|
|
+
|
|
|
|
+ .fourTitle {
|
|
width: 690upx;
|
|
width: 690upx;
|
|
height: 294upx;
|
|
height: 294upx;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
- flex-wrap:wrap;
|
|
|
|
- background:#FFFFFF;
|
|
|
|
- box-shadow:0upx 0upx 20upx #D3D3D3;
|
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ box-shadow: 0upx 0upx 20upx #D3D3D3;
|
|
margin: auto;
|
|
margin: auto;
|
|
border-radius: 15upx;
|
|
border-radius: 15upx;
|
|
transform: translateY(-60upx);
|
|
transform: translateY(-60upx);
|
|
- }
|
|
|
|
- .four{
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .four {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
margin: auto;
|
|
margin: auto;
|
|
width: 48%;
|
|
width: 48%;
|
|
}
|
|
}
|
|
- .fourImg{
|
|
|
|
|
|
+
|
|
|
|
+ .fourImg {
|
|
width: 54upx;
|
|
width: 54upx;
|
|
height: 54upx;
|
|
height: 54upx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.qiun-padding {
|
|
.qiun-padding {
|
|
padding: 2%;
|
|
padding: 2%;
|
|
width: 96%;
|
|
width: 96%;
|
|
@@ -493,7 +510,7 @@
|
|
|
|
|
|
.qiun-common-mt {
|
|
.qiun-common-mt {
|
|
margin-top: 0upx;
|
|
margin-top: 0upx;
|
|
- height: 200upx;
|
|
|
|
|
|
+ height: 160upx;
|
|
}
|
|
}
|
|
|
|
|
|
.qiun-bg-white {
|
|
.qiun-bg-white {
|
|
@@ -506,42 +523,58 @@
|
|
flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
border-radius: 15upx;
|
|
border-radius: 15upx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.qiun-title-dot-light {
|
|
.qiun-title-dot-light {
|
|
- border-left: 30upx solid #0ea391;
|
|
|
|
- padding-top: 20upx;
|
|
|
|
- /* border-left: 20upx; */
|
|
|
|
|
|
+ width: 92%;
|
|
|
|
+ border-left: 20upx;
|
|
|
|
+ border-left: 10upx solid #0ea391;
|
|
padding-left: 10upx;
|
|
padding-left: 10upx;
|
|
- height: 85upx;
|
|
|
|
|
|
+ height: 32upx;
|
|
|
|
+ padding-bottom: 40upx;
|
|
font-family: "PingFang-SC-Bold";
|
|
font-family: "PingFang-SC-Bold";
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
margin: auto;
|
|
margin: auto;
|
|
font-size: 32upx;
|
|
font-size: 32upx;
|
|
color: #363D44;
|
|
color: #363D44;
|
|
}
|
|
}
|
|
- .shijian{
|
|
|
|
|
|
+
|
|
|
|
+ .shijian {
|
|
padding-top: 30upx;
|
|
padding-top: 30upx;
|
|
height: 80upx;
|
|
height: 80upx;
|
|
width: 690upx;
|
|
width: 690upx;
|
|
margin: auto;
|
|
margin: auto;
|
|
- box-shadow:0upx 0upx 10upx #D3D3D3;
|
|
|
|
|
|
+ box-shadow: 0upx 0upx 10upx #D3D3D3;
|
|
|
|
+ }
|
|
|
|
+ .line{
|
|
|
|
+ background:#ECECEC ;
|
|
|
|
+ height: 20upx;
|
|
}
|
|
}
|
|
.qiun-charts {
|
|
.qiun-charts {
|
|
width: 690upx;
|
|
width: 690upx;
|
|
height: 370upx;
|
|
height: 370upx;
|
|
- padding-top: 30upx;
|
|
|
|
|
|
+ padding-top: 50upx;
|
|
background-color: #FFFFFF;
|
|
background-color: #FFFFFF;
|
|
margin: auto;
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
+
|
|
.charts {
|
|
.charts {
|
|
width: 690upx;
|
|
width: 690upx;
|
|
height: 370upx;
|
|
height: 370upx;
|
|
background-color: #FFFFFF;
|
|
background-color: #FFFFFF;
|
|
margin: auto;
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
+
|
|
.preImg {
|
|
.preImg {
|
|
- position: absolute;left: 40upx; width: 27upx;height: 45upx;
|
|
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 40upx;
|
|
|
|
+ width: 27upx;
|
|
|
|
+ height: 45upx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.nextImg {
|
|
.nextImg {
|
|
- position: absolute;right: 40upx; width: 27upx;height: 45upx;
|
|
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 40upx;
|
|
|
|
+ width: 27upx;
|
|
|
|
+ height: 45upx;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|