瀏覽代碼

统计更改

xialei 1 年之前
父節點
當前提交
467e75a859
共有 1 個文件被更改,包括 127 次插入87 次删除
  1. 127 87
      src/views/dashboard/admin/components/PanelGroup.vue

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

@@ -14,25 +14,16 @@
14 14
       <el-col class="card-panel-col el-col-sm-4-8">
15 15
         <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
16 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 19
             <div class="card-panel-compared">
26 20
               <p>
27 21
                 昨日:
28 22
                 <span>{{ mainData.yesterday.orderNum }}</span>
29 23
               </p>
30 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 27
               </p>
37 28
             </div>
38 29
           </div>
@@ -41,25 +32,16 @@
41 32
       <el-col class="card-panel-col el-col-sm-4-8">
42 33
         <div class="card-panel" @click="handleSetLineChartData('messages')">
43 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 37
             <div class="card-panel-compared">
53 38
               <p>
54 39
                 昨日:
55 40
                 <span>{{ mainData.yesterday.payPrice }}</span>
56 41
               </p>
57 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 45
               </p>
64 46
             </div>
65 47
           </div>
@@ -68,114 +50,172 @@
68 50
       <el-col class="card-panel-col el-col-sm-4-8">
69 51
         <div class="card-panel" @click="handleSetLineChartData('purchases')">
70 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 55
             <div class="card-panel-compared">
80 56
               <p>
81 57
                 昨日:
82 58
                 <span>{{ mainData.yesterday.payUser }}</span>
83 59
               </p>
84 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 63
               </p>
91 64
             </div>
92 65
           </div>
93 66
         </div>
94 67
       </el-col>
68
+
95 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 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 74
             <div class="card-panel-compared">
108 75
               <p>
109 76
                 昨日:
110
-                <span>{{ mainData.yesterday.visitNum }}</span>
77
+                <span>{{ mainData.yesterday.orderNumNew }}</span>
111 78
               </p>
112 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 82
               </p>
119 83
             </div>
120 84
           </div>
121 85
         </div>
122 86
       </el-col>
87
+      
123 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 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 93
             <div class="card-panel-compared">
136 94
               <p>
137 95
                 昨日:
138
-                <span>{{ mainData.yesterday.likeStore }}</span>
96
+                <span>{{ mainData.yesterday.payPriceNew }}</span>
139 97
               </p>
140 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 101
               </p>
147 102
             </div>
148 103
           </div>
149 104
         </div>
150 105
       </el-col>
151 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 126
         <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
153 127
           <div class="card-panel-description">
154 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 188
               <p>
165 189
                 昨日:
166
-                <span>{{ mainData.yesterday.orderNum }}</span>
190
+                <span>{{ mainData.yesterday.visitNum }}</span>
167 191
               </p>
168 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 195
               </p>
175
-            </div> -->
196
+            </div>
176 197
           </div>
177 198
         </div>
178 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 219
     </el-row>
180 220
   </div>
181 221
 </template>
@@ -345,7 +385,7 @@ $textColor: #8d8d8d;
345 385
 }
346 386
 @media only screen and (min-width: 768px) {
347 387
   .el-col-sm-4-8 {
348
-    width: 20%;
388
+    width: 16.5%;
349 389
   }
350 390
 }
351 391