简柏林 / thingskit-front · Commits

Commit 18facbf65c9084c043c9f34ac97873da6efe42fe

Authored by fengwotao
1 parent fa8461fc

pref: 调整首页头部四个表格位置

Inline Side-by-side
Showing 1 changed file with 33 additions and 33 deletions
@@ -65,7 +65,38 @@ @@ -65,7 +65,38 @@
65 今日新增 {{ toThousands(growCardList?.productInfo?.todayAdd) }}</div 65 今日新增 {{ toThousands(growCardList?.productInfo?.todayAdd) }}</div
66 > 66 >
67 </Card> 67 </Card>
68 - <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:mr-4" style="color: #666"> 68 + <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4" style="color: #666">
  69 + <div class="flex" style="height: 100px">
  70 + <div class="mr-4"
  71 + ><img
  72 + src="/src/assets/images/device-count.png"
  73 + style="width: 5.625rem; height: 5.625rem"
  74 + /></div>
  75 + <div class="flex-auto">
  76 + <div class="flex justify-between" style="align-items: center">
  77 + <div style="font-size: 1.625rem; color: #333; font-weight: bold">
  78 + <CountTo
  79 + v-if="growCardList?.deviceInfo?.sumCount"
  80 + :endVal="growCardList.deviceInfo.sumCount"
  81 + />
  82 + <CountTo v-else :endVal="0" />
  83 + </div>
  84 + <Tooltip>
  85 + <template #title>
  86 + 设备数 : {{ growCardList?.deviceInfo.sumCount }} 今日新增
  87 + {{ toThousands(growCardList?.deviceInfo?.todayAdd) }}
  88 + </template>
  89 + <img src="/src/assets/images/tip.png" style="width: 1.125rem; height: 1.125rem" />
  90 + </Tooltip>
  91 + </div>
  92 + <div> 设备数 </div>
  93 + </div>
  94 + </div>
  95 + <div class="ml-2 pt-4" style="border-top: 2px solid #f0f2f5">
  96 + 今日新增 {{ toThousands(growCardList?.deviceInfo?.todayAdd) }}
  97 + </div>
  98 + </Card>
  99 + <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:ml-4" style="color: #666">
69 <div class="flex" style="height: 100px"> 100 <div class="flex" style="height: 100px">
70 <div class="mr-4"> 101 <div class="mr-4">
71 <img 102 <img
@@ -119,7 +150,7 @@ @@ -119,7 +150,7 @@
119 今日新增 {{ toThousands(growCardList?.tenantInfo?.todayAdd) }}</div 150 今日新增 {{ toThousands(growCardList?.tenantInfo?.todayAdd) }}</div
120 > 151 >
121 </Card> 152 </Card>
122 - <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4" style="color: #666"> 153 + <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:ml-4" style="color: #666">
123 <div class="flex" style="height: 100px"> 154 <div class="flex" style="height: 100px">
124 <div class="mr-4"> 155 <div class="mr-4">
125 <img 156 <img
@@ -173,37 +204,6 @@ @@ -173,37 +204,6 @@
173 近30日新增 {{ toThousands(growCardList?.customerInfo?.todayAdd) }}</div 204 近30日新增 {{ toThousands(growCardList?.customerInfo?.todayAdd) }}</div
174 > 205 >
175 </Card> 206 </Card>
176 - <Card size="small" class="md:w-1/3 w-full !md:mt-0 !mt-4 !md:ml-4" style="color: #666">  
177 - <div class="flex" style="height: 100px">  
178 - <div class="mr-4"  
179 - ><img  
180 - src="/src/assets/images/device-count.png"  
181 - style="width: 5.625rem; height: 5.625rem"  
182 - /></div>  
183 - <div class="flex-auto">  
184 - <div class="flex justify-between" style="align-items: center">  
185 - <div style="font-size: 1.625rem; color: #333; font-weight: bold">  
186 - <CountTo  
187 - v-if="growCardList?.deviceInfo?.sumCount"  
188 - :endVal="growCardList.deviceInfo.sumCount"  
189 - />  
190 - <CountTo v-else :endVal="0" />  
191 - </div>  
192 - <Tooltip>  
193 - <template #title>  
194 - 设备数 : {{ growCardList?.deviceInfo.sumCount }} 今日新增  
195 - {{ toThousands(growCardList?.deviceInfo?.todayAdd) }}  
196 - </template>  
197 - <img src="/src/assets/images/tip.png" style="width: 1.125rem; height: 1.125rem" />  
198 - </Tooltip>  
199 - </div>  
200 - <div> 设备数 </div>  
201 - </div>  
202 - </div>  
203 - <div class="ml-2 pt-4" style="border-top: 2px solid #f0f2f5">  
204 - 今日新增 {{ toThousands(growCardList?.deviceInfo?.todayAdd) }}  
205 - </div>  
206 - </Card>  
207 </div> 207 </div>
208 <!-- 首页饼图 --> 208 <!-- 首页饼图 -->
209 <div class="md:flex mt-4" v-if="!isAdmin(role)"> 209 <div class="md:flex mt-4" v-if="!isAdmin(role)">