简柏林 / 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 65 今日新增 {{ toThousands(growCardList?.productInfo?.todayAdd) }}</div
66 66 >
67 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 100 <div class="flex" style="height: 100px">
70 101 <div class="mr-4">
71 102 <img
... ... @@ -119,7 +150,7 @@
119 150 今日新增 {{ toThousands(growCardList?.tenantInfo?.todayAdd) }}</div
120 151 >
121 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 154 <div class="flex" style="height: 100px">
124 155 <div class="mr-4">
125 156 <img
... ... @@ -173,37 +204,6 @@
173 204 近30日新增 {{ toThousands(growCardList?.customerInfo?.todayAdd) }}</div
174 205 >
175 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 207 </div>
208 208 <!-- 首页饼图 -->
209 209 <div class="md:flex mt-4" v-if="!isAdmin(role)">
... ...