Kaynağa Gözat

统计更改

xialei 1 yıl önce
ebeveyn
işleme
467e75a859
1 değiştirilmiş dosya ile 127 ekleme ve 87 silme
  1. 127 87
      src/views/dashboard/admin/components/PanelGroup.vue

+ 127 - 87
src/views/dashboard/admin/components/PanelGroup.vue

@@ -14,25 +14,16 @@
14
       <el-col class="card-panel-col el-col-sm-4-8">
14
       <el-col class="card-panel-col el-col-sm-4-8">
15
         <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
15
         <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
16
           <div class="card-panel-description">
16
           <div class="card-panel-description">
17
-            <div class="card-panel-text">支付订单数</div>
18
-              <div class="card-panel-num">{{ mainData.today.orderNum }}</div>
19
-<!--            <count-to
20
-              :start-val="0"
21
-              :end-val="mainData.today.orderNum"
22
-              :duration="2600"
23
-              class="card-panel-num"
24
-            />-->
17
+            <div class="card-panel-text">线上支付订单数</div>
18
+              <div class="card-panel-num">{{ mainData.all.orderNum }}</div>
25
             <div class="card-panel-compared">
19
             <div class="card-panel-compared">
26
               <p>
20
               <p>
27
                 昨日:
21
                 昨日:
28
                 <span>{{ mainData.yesterday.orderNum }}</span>
22
                 <span>{{ mainData.yesterday.orderNum }}</span>
29
               </p>
23
               </p>
30
               <p>
24
               <p>
31
-                同比上周
32
-                <span :class="{'isdecline':mainData.lastWeekRate.orderNum>0}">
33
-                  {{ mainData.lastWeekRate.orderNum }}%
34
-                  <i />
35
-                </span>
25
+                今日:
26
+                <span>{{ mainData.today.orderNum }}</span>
36
               </p>
27
               </p>
37
             </div>
28
             </div>
38
           </div>
29
           </div>
@@ -41,25 +32,16 @@
41
       <el-col class="card-panel-col el-col-sm-4-8">
32
       <el-col class="card-panel-col el-col-sm-4-8">
42
         <div class="card-panel" @click="handleSetLineChartData('messages')">
33
         <div class="card-panel" @click="handleSetLineChartData('messages')">
43
           <div class="card-panel-description">
34
           <div class="card-panel-description">
44
-            <div class="card-panel-text">支付金额</div>
45
-            <div class="card-panel-num">{{ mainData.today.payPrice }}</div>
46
-<!--            <count-to
47
-              :start-val="0"
48
-              :end-val="mainData.today.payPrice"
49
-              :duration="3000"
50
-              class="card-panel-num"
51
-            />-->
35
+            <div class="card-panel-text">线上支付金额</div>
36
+            <div class="card-panel-num">{{ mainData.all.payPrice }}</div>
52
             <div class="card-panel-compared">
37
             <div class="card-panel-compared">
53
               <p>
38
               <p>
54
                 昨日:
39
                 昨日:
55
                 <span>{{ mainData.yesterday.payPrice }}</span>
40
                 <span>{{ mainData.yesterday.payPrice }}</span>
56
               </p>
41
               </p>
57
               <p>
42
               <p>
58
-                同比上周
59
-                <span :class="{'isdecline':mainData.lastWeekRate.payPrice>0}">
60
-                  {{ mainData.lastWeekRate.payPrice }}%
61
-                  <i />
62
-                </span>
43
+                今日:
44
+                <span>{{ mainData.today.payPrice }}</span>
63
               </p>
45
               </p>
64
             </div>
46
             </div>
65
           </div>
47
           </div>
@@ -68,114 +50,172 @@
68
       <el-col class="card-panel-col el-col-sm-4-8">
50
       <el-col class="card-panel-col el-col-sm-4-8">
69
         <div class="card-panel" @click="handleSetLineChartData('purchases')">
51
         <div class="card-panel" @click="handleSetLineChartData('purchases')">
70
           <div class="card-panel-description">
52
           <div class="card-panel-description">
71
-            <div class="card-panel-text">支付人数</div>
72
-              <div class="card-panel-num">{{ mainData.today.payUser }}</div>
73
-<!--            <count-to
74
-              :start-val="0"
75
-              :end-val="mainData.today.payUser"
76
-              :duration="3200"
77
-              class="card-panel-num"
78
-            />-->
53
+            <div class="card-panel-text">线上支付人数</div>
54
+              <div class="card-panel-num">{{ mainData.all.payUser }}</div>
79
             <div class="card-panel-compared">
55
             <div class="card-panel-compared">
80
               <p>
56
               <p>
81
                 昨日:
57
                 昨日:
82
                 <span>{{ mainData.yesterday.payUser }}</span>
58
                 <span>{{ mainData.yesterday.payUser }}</span>
83
               </p>
59
               </p>
84
               <p>
60
               <p>
85
-                同比上周
86
-                <span :class="{'isdecline':mainData.lastWeekRate.payUser>0}">
87
-                  {{ mainData.lastWeekRate.payUser }}%
88
-                  <i />
89
-                </span>
61
+                今日:
62
+                <span>{{ mainData.today.payUser }}</span>
90
               </p>
63
               </p>
91
             </div>
64
             </div>
92
           </div>
65
           </div>
93
         </div>
66
         </div>
94
       </el-col>
67
       </el-col>
68
+
95
       <el-col class="card-panel-col el-col-sm-4-8">
69
       <el-col class="card-panel-col el-col-sm-4-8">
96
-        <div class="card-panel" @click="handleSetLineChartData('shoppings')">
70
+        <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
97
           <div class="card-panel-description">
71
           <div class="card-panel-description">
98
-            <div class="card-panel-text">访客数</div>
99
-              <div class="card-panel-num">{{ mainData.today.visitNum }}</div>
100
-
101
-<!--              <count-to
102
-              :start-val="0"
103
-              :end-val="mainData.today.visitNum"
104
-              :duration="3600"
105
-              class="card-panel-num"
106
-            />-->
72
+            <div class="card-panel-text">线下支付订单数</div>
73
+              <div class="card-panel-num">{{ mainData.all.orderNumNew }}</div>
107
             <div class="card-panel-compared">
74
             <div class="card-panel-compared">
108
               <p>
75
               <p>
109
                 昨日:
76
                 昨日:
110
-                <span>{{ mainData.yesterday.visitNum }}</span>
77
+                <span>{{ mainData.yesterday.orderNumNew }}</span>
111
               </p>
78
               </p>
112
               <p>
79
               <p>
113
-                同比上周
114
-                <span :class="{'isdecline':mainData.lastWeekRate.visitNum>0}">
115
-                  {{ mainData.lastWeekRate.visitNum }}%
116
-                  <i />
117
-                </span>
80
+                今日:
81
+                <span>{{ mainData.today.orderNumNew }}</span>
118
               </p>
82
               </p>
119
             </div>
83
             </div>
120
           </div>
84
           </div>
121
         </div>
85
         </div>
122
       </el-col>
86
       </el-col>
87
+      
123
       <el-col class="card-panel-col el-col-sm-4-8">
88
       <el-col class="card-panel-col el-col-sm-4-8">
124
-        <div class="card-panel" @click="handleSetLineChartData('followers')">
89
+        <div class="card-panel" @click="handleSetLineChartData('messages')">
125
           <div class="card-panel-description">
90
           <div class="card-panel-description">
126
-            <div class="card-panel-text">关注店铺</div>
127
-              <div class="card-panel-num">{{ mainData.today.likeStore }}</div>
128
-
129
-<!--              <count-to
130
-              :start-val="0"
131
-              :end-val="mainData.today.likeStore"
132
-              :duration="3600"
133
-              class="card-panel-num"
134
-            />-->
91
+            <div class="card-panel-text">线下支付金额</div>
92
+            <div class="card-panel-num">{{ mainData.all.payPriceNew }}</div>
135
             <div class="card-panel-compared">
93
             <div class="card-panel-compared">
136
               <p>
94
               <p>
137
                 昨日:
95
                 昨日:
138
-                <span>{{ mainData.yesterday.likeStore }}</span>
96
+                <span>{{ mainData.yesterday.payPriceNew }}</span>
139
               </p>
97
               </p>
140
               <p>
98
               <p>
141
-                同比上周
142
-                <span :class="{'isdecline':mainData.lastWeekRate.likeStore>0}">
143
-                  {{ mainData.lastWeekRate.likeStore }}%
144
-                  <i />
145
-                </span>
99
+                今日:
100
+                <span>{{ mainData.today.payPriceNew }}</span>
146
               </p>
101
               </p>
147
             </div>
102
             </div>
148
           </div>
103
           </div>
149
         </div>
104
         </div>
150
       </el-col>
105
       </el-col>
151
       <el-col class="card-panel-col el-col-sm-4-8">
106
       <el-col class="card-panel-col el-col-sm-4-8">
107
+        <div class="card-panel" @click="handleSetLineChartData('purchases')">
108
+          <div class="card-panel-description">
109
+            <div class="card-panel-text">线下支付人数</div>
110
+              <div class="card-panel-num">{{ mainData.all.payUserNew }}</div>
111
+            <div class="card-panel-compared">
112
+              <p>
113
+                昨日:
114
+                <span>{{ mainData.yesterday.payUserNew }}</span>
115
+              </p>
116
+              <p>
117
+                今日:
118
+                <span>{{ mainData.today.payUserNew }}</span>
119
+              </p>
120
+            </div>
121
+          </div>
122
+        </div>
123
+      </el-col>
124
+
125
+      <el-col class="card-panel-col el-col-sm-4-8">
152
         <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
126
         <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
153
           <div class="card-panel-description">
127
           <div class="card-panel-description">
154
             <div class="card-panel-text">商户锁定会员数</div>
128
             <div class="card-panel-text">商户锁定会员数</div>
155
-              <div class="card-panel-num">{{ mainData.today.lockUserNum }}</div>
129
+              <div class="card-panel-num">{{ mainData.all.lockUserNum }}</div>
130
+              <div class="card-panel-compared">
131
+                <p>
132
+                  昨日:
133
+                  <span>{{ mainData.yesterday.lockUserNum }}</span>
134
+                </p>
135
+                <p>
136
+                  今日:
137
+                  <span>{{ mainData.today.lockUserNum }}</span>
138
+                </p>
139
+              </div>
140
+          </div>
141
+        </div>
142
+      </el-col>
143
+
144
+      <el-col class="card-panel-col el-col-sm-4-8">
145
+        <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
146
+          <div class="card-panel-description">
147
+            <div class="card-panel-text">分润值数</div>
148
+              <div class="card-panel-num">{{ mainData.all.fenrunNum }}</div>
149
+              <div class="card-panel-compared">
150
+                <p>
151
+                  昨日:
152
+                  <span>{{ mainData.yesterday.fenrunNum }}</span>
153
+                </p>
154
+                <p>
155
+                  今日:
156
+                  <span>{{ mainData.today.fenrunNum }}</span>
157
+                </p>
158
+              </div>
159
+          </div>
160
+        </div>
161
+      </el-col>
162
+
163
+      <el-col class="card-panel-col el-col-sm-4-8">
164
+        <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
165
+          <div class="card-panel-description">
166
+            <div class="card-panel-text">京豆数</div>
167
+              <div class="card-panel-num">{{ mainData.all.jingdouNum }}</div>
168
+              <div class="card-panel-compared">
169
+                <p>
170
+                  昨日:
171
+                  <span>{{ mainData.yesterday.jingdouNum }}</span>
172
+                </p>
173
+                <p>
174
+                  今日:
175
+                  <span>{{ mainData.today.jingdouNum }}</span>
176
+                </p>
177
+              </div>
178
+          </div>
179
+        </div>
180
+      </el-col>
156
 
181
 
157
-<!--              <count-to
158
-              :start-val="0"
159
-              :end-val="mainData.today.lockUserNum"
160
-              :duration="2600"
161
-              class="card-panel-num"
162
-            />-->
163
-            <!-- <div class="card-panel-compared">
182
+      <el-col class="card-panel-col el-col-sm-4-8">
183
+        <div class="card-panel" @click="handleSetLineChartData('shoppings')">
184
+          <div class="card-panel-description">
185
+            <div class="card-panel-text">访客人数</div>
186
+              <div class="card-panel-num">{{ mainData.all.visitNum }}</div>
187
+            <div class="card-panel-compared">
164
               <p>
188
               <p>
165
                 昨日:
189
                 昨日:
166
-                <span>{{ mainData.yesterday.orderNum }}</span>
190
+                <span>{{ mainData.yesterday.visitNum }}</span>
167
               </p>
191
               </p>
168
               <p>
192
               <p>
169
-                同比上周
170
-                <span :class="{'isdecline':mainData.lastWeekRate.orderNum>0}">
171
-                  {{ mainData.lastWeekRate.orderNum }}%
172
-                  <i />
173
-                </span>
193
+                今日:
194
+                <span>{{ mainData.today.visitNum }}</span>
174
               </p>
195
               </p>
175
-            </div> -->
196
+            </div>
176
           </div>
197
           </div>
177
         </div>
198
         </div>
178
       </el-col>
199
       </el-col>
200
+      <el-col class="card-panel-col el-col-sm-4-8">
201
+        <div class="card-panel" @click="handleSetLineChartData('followers')">
202
+          <div class="card-panel-description">
203
+            <div class="card-panel-text">关注店铺人数</div>
204
+              <div class="card-panel-num">{{ mainData.all.likeStore }}</div>
205
+            <div class="card-panel-compared">
206
+              <p>
207
+                昨日:
208
+                <span>{{ mainData.yesterday.likeStore }}</span>
209
+              </p>
210
+              <p>
211
+                今日:
212
+                <span>{{ mainData.today.likeStore }}</span>
213
+              </p>
214
+            </div>
215
+          </div>
216
+        </div>
217
+      </el-col>
218
+  
179
     </el-row>
219
     </el-row>
180
   </div>
220
   </div>
181
 </template>
221
 </template>
@@ -345,7 +385,7 @@ $textColor: #8d8d8d;
345
 }
385
 }
346
 @media only screen and (min-width: 768px) {
386
 @media only screen and (min-width: 768px) {
347
   .el-col-sm-4-8 {
387
   .el-col-sm-4-8 {
348
-    width: 20%;
388
+    width: 16.5%;
349
   }
389
   }
350
 }
390
 }
351
 
391