智能生活调整

src/components/life/common/IotCard.vue

@@ -1,31 +0,0 @@
-<template>
-  <a-card >
-    <template #title>
-      <span>{{ title }}</span>
-    </template>
-    <slot></slot>
-  </a-card>
-</template>
-
-<script>
-
-export default {
-  data() {
-    return {
-
-    }
-  },
-  props: {
-    title: String
-  }
-}
-</script>
-
-<style lang="less" scoped>
-/deep/ .ant-card-body {
-  display: inline-block;
-  width: 100% !important;
-  height: auto !important;
-  padding: 8px !important;
-}
-</style>

src/components/life/common/lifeQuery.vue

@@ -1,44 +0,0 @@
-<template>
-  <a-form layout="inline" :form="formData" >
-    <a-form-item label="单位名称：" class="formItem">
-      <a-select style="width: 240px;" >
-        <a-select-option value="中迅">
-          中迅
-        </a-select-option>
-        <a-select-option value="电信规划院">
-          电信规划院
-        </a-select-option>
-      </a-select>
-    </a-form-item>
-    <a-form-item label="部门名称：" class="formItem">
-      <a-select style="width: 240px" >
-        <a-select-option value="中迅">
-          中迅
-        </a-select-option>
-        <a-select-option value="电信规划院">
-          电信规划院
-        </a-select-option>
-      </a-select>
-    </a-form-item>
-    <a-form-item class="formItem">
-      <a-button type="primary" >重置</a-button>
-      <a-button type="primary" >查询</a-button>
-    </a-form-item>
-  </a-form>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formData: {}
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.formItem {
-  margin: 5px 15px;
-}
-</style>

src/components/life/healthyHome/lifeHealthyHome.vue

@@ -1,6 +1,6 @@
 <script>
-import LifeQuery from "@/components/life/common/lifeQuery.vue";
-import IotCard from "@/components/life/common/IotCard.vue";
+import Query from "@/components/common/query.vue";
+import Card from "@/components/common/card.vue";
 import CoreData from "@/components/common/coreData.vue";
 import LifeHealthyHomeChart from "@/components/life/healthyHome/components/lifeHealthyHomeChart.vue";
 import LifeHealthyHomeMonitor from "@/components/life/healthyHome/components/lifeHealthyHomeMonitor.vue";
@@ -46,8 +46,8 @@ export default {
     }
   },
   components: {
-    LifeQuery,
-    IotCard,
+    Query,
+    Card,
     CoreData,
     LifeHealthyHomeChart,
     LifeHealthyHomeMonitor,
@@ -67,16 +67,16 @@ export default {
     <a-row>
       <a-col>
         <div class="lifeHealthyHome-query">
-          <LifeQuery></LifeQuery>
+          <Query></Query>
         </div>
       </a-col>
     </a-row>
     <a-row>
       <a-col>
         <div class="lifeHealthyHome-core">
-          <IotCard title="核心指标">
+          <Card title="核心指标">
             <CoreData :data-list="coreData"></CoreData>
-          </IotCard>
+          </Card>
         </div>
       </a-col>
     </a-row>
@@ -84,23 +84,23 @@ export default {
       <a-col :span="18">
         <div class="lifeHealthyHome-left">
           <div class="lifeHealthyHome-detail">
-            <IotCard title="小屋分析">
+            <Card title="小屋分析">
               <LifeHealthyHomeChart :height="390"></LifeHealthyHomeChart>
-            </IotCard>
+            </Card>
           </div>
         </div>
       </a-col>
       <a-col :span="6">
         <div class="lifeHealthyHome-right">
           <div class="lifeHealthyHome-top">
-            <IotCard title="环境监测">
+            <Card title="环境监测">
               <LifeHealthyHomeMonitor :title="'PM2.5'" :value="'75'" :position="'室内'" :bg-color="'lightBlue'"></LifeHealthyHomeMonitor>
               <LifeHealthyHomeMonitor :title="'PM2.5'" :value="'75'" :position="'室外'" :bg-color="'lightBlue'"></LifeHealthyHomeMonitor>
               <LifeHealthyHomeMonitor :title="'PM2.5'" :value="'75'" :position="'室外'" :bg-color="'lightBlue'"></LifeHealthyHomeMonitor>
               <LifeHealthyHomeMonitor :title="'PM2.5'" :value="'75'" :position="'室外'" :bg-color="'lightBlue'"></LifeHealthyHomeMonitor>
               <LifeHealthyHomeMonitor :title="'PM2.5'" :value="'75'" :position="'室外'" :bg-color="'lightBlue'"></LifeHealthyHomeMonitor>
               <LifeHealthyHomeMonitor :title="'PM2.5'" :value="'75'" :position="'室外'" :bg-color="'lightBlue'"></LifeHealthyHomeMonitor>
-            </IotCard>
+            </Card>
           </div>
         </div>
       </a-col>

src/components/life/parking/lifeParking.vue

@@ -1,6 +1,6 @@
 <script>
-import LifeQuery from "@/components/life/common/lifeQuery.vue";
-import IotCard from "@/components/life/common/IotCard.vue";
+import Query from "@/components/common/query.vue";
+import Card from "@/components/common/card.vue";
 import CoreData from "@/components/common/coreData.vue";
 import LifeParkTrendChart from "@/components/life/parking/components/lifeParkTrendChart.vue";
 import lifeParkUnNormalChart from "@/components/life/parking/components/lifeParkUnNormalChart.vue";
@@ -50,8 +50,8 @@ export default {
     }
   },
   components: {
-    LifeQuery,
-    IotCard,
+    Query,
+    Card,
     CoreData,
     LifeParkTrendChart,
     lifeParkUnNormalChart,
@@ -74,16 +74,16 @@ export default {
     <a-row>
       <a-col>
         <div class="lifeParking-query">
-          <LifeQuery></LifeQuery>
+          <Query></Query>
         </div>
       </a-col>
     </a-row>
     <a-row>
       <a-col>
         <div class="lifeParking-core">
-          <IotCard title="核心指标">
+          <Card title="核心指标">
             <CoreData :data-list="coreData"></CoreData>
-          </IotCard>
+          </Card>
         </div>
       </a-col>
     </a-row>
@@ -91,33 +91,33 @@ export default {
       <a-col :span="18">
         <div class="lifeParking-left">
           <div class="lifeParking-trend">
-            <IotCard title="车流态势">
+            <Card title="车流态势">
               <LifeParkTrendChart :height="300"></LifeParkTrendChart>
-            </IotCard>
+            </Card>
           </div>
           <div class="lifeParking-unNormal">
-            <IotCard title="违停情况">
+            <Card title="违停情况">
               <LifeParkUnNormalChart :height="200"></LifeParkUnNormalChart>
-            </IotCard>
+            </Card>
           </div>
           <div class="lifeParking-consume">
-            <IotCard title="占用车位数量">
+            <Card title="占用车位数量">
               <LifeParkConsumeChart :height="200"></LifeParkConsumeChart>
-            </IotCard>
+            </Card>
           </div>
         </div>
       </a-col>
       <a-col :span="6">
         <div class="lifeParking-right">
           <div class="lifeParking-top">
-            <IotCard title="空置车位">
+            <Card title="空置车位">
               <LifeParkingTopChart></LifeParkingTopChart>
-            </IotCard>
+            </Card>
           </div>
           <div class="lifeParking-detail">
-            <IotCard title="车位详情">
+            <Card title="车位详情">
               <LifeParkDetailTable></LifeParkDetailTable>
-            </IotCard>
+            </Card>
           </div>
         </div>
       </a-col>

src/components/life/restaurant/lifeRestaurant.vue

@@ -1,6 +1,6 @@
 <script>
-import LifeQuery from "@/components/life/common/lifeQuery.vue";
-import IotCard from "@/components/life/common/IotCard.vue";
+import Query from "@/components/common/query.vue";
+import Card from "@/components/common/card.vue";
 import CoreData from "@/components/common/coreData.vue";
 import LifeRestEatChart from "@/components/life/restaurant/components/lifeRestEatChart.vue";
 import LifeRestConsumeChart from "@/components/life/restaurant/components/lifeRestConsumeChart.vue";
@@ -52,8 +52,8 @@ export default {
     }
   },
   components: {
-    LifeQuery,
-    IotCard,
+    Query,
+    Card,
     CoreData,
     LifeRestEatChart,
     LifeRestConsumeChart,
@@ -77,16 +77,16 @@ export default {
     <a-row>
       <a-col>
         <div class="lifeRestaurant-query">
-          <LifeQuery></LifeQuery>
+          <Query></Query>
         </div>
       </a-col>
     </a-row>
     <a-row>
       <a-col>
         <div class="lifeRestaurant-core">
-          <IotCard title="核心指标">
+          <Card title="核心指标">
             <CoreData :data-list="coreData"></CoreData>
-          </IotCard>
+          </Card>
         </div>
       </a-col>
     </a-row>
@@ -94,38 +94,38 @@ export default {
       <a-col :span="18">
         <div class="lifeRestaurant-left">
           <div class="lifeRestaurant-eat">
-            <IotCard title="用餐分析">
+            <Card title="用餐分析">
               <LifeRestEatChart :height="300"></LifeRestEatChart>
-            </IotCard>
+            </Card>
           </div>
           <div class="lifeRestaurant-consume">
-            <IotCard title="消费分析">
+            <Card title="消费分析">
               <LifeRestConsumeChart :height="300"></LifeRestConsumeChart>
-            </IotCard>
+            </Card>
           </div>
           <div class="lifeRestaurant-profit">
-            <IotCard title="盈利分析">
+            <Card title="盈利分析">
               <LifeRestProfitChart :height="200"></LifeRestProfitChart>
-            </IotCard>
+            </Card>
           </div>
           <div class="lifeRestaurant-pay">
-            <IotCard title="支付分析">
+            <Card title="支付分析">
               <LifeRestPayChart :height="200"></LifeRestPayChart>
-            </IotCard>
+            </Card>
           </div>
         </div>
       </a-col>
       <a-col :span="6">
         <div class="lifeRestaurant-right">
           <div class="lifeRestaurant-top">
-            <IotCard title="受欢迎菜品">
+            <Card title="受欢迎菜品">
               <LifeRestTopMenu ></LifeRestTopMenu>
-            </IotCard>
+            </Card>
           </div>
           <div class="lifeRestaurant-cookbook">
-            <IotCard title="每日菜谱">
+            <Card title="每日菜谱">
               <LifeRestDailyMenu ></LifeRestDailyMenu>
-            </IotCard>
+            </Card>
           </div>
         </div>
       </a-col>

src/components/life/supermarket/lifeSupermarket.vue

@@ -1,6 +1,6 @@
 <script>
-import LifeQuery from "@/components/life/common/lifeQuery.vue";
-import IotCard from "@/components/life/common/IotCard.vue";
+import Query from "@/components/common/query.vue";
+import Card from "@/components/common/card.vue";
 import CoreData from "@/components/common/coreData.vue";
 import LifeSupermarketAnalysisChart from "@/components/life/supermarket/components/lifeSupermarketAnalysisChart.vue";
 import LifeSupermarketTopTable from "@/components/life/supermarket/components/lifeSupermarketTopTable.vue";
@@ -51,8 +51,8 @@ export default {
     }
   },
   components: {
-    LifeQuery,
-    IotCard,
+    Query,
+    Card,
     CoreData,
     LifeSupermarketAnalysisChart,
     LifeSupermarketTopTable,
@@ -72,16 +72,16 @@ export default {
     <a-row>
       <a-col>
         <div class="lifeSupermarket-query">
-          <LifeQuery></LifeQuery>
+          <Query></Query>
         </div>
       </a-col>
     </a-row>
     <a-row>
       <a-col>
         <div class="lifeSupermarket-core">
-          <IotCard title="核心指标">
+          <Card title="核心指标">
             <CoreData :data-list="coreData"></CoreData>
-          </IotCard>
+          </Card>
         </div>
       </a-col>
     </a-row>
@@ -89,18 +89,18 @@ export default {
       <a-col :span="18">
         <div class="lifeSupermarket-left">
           <div class="lifeSupermarket-detail">
-            <IotCard title="商超分析">
+            <Card title="商超分析">
               <LifeSupermarketAnalysisChart :height="300"></LifeSupermarketAnalysisChart>
-            </IotCard>
+            </Card>
           </div>
         </div>
       </a-col>
       <a-col :span="6">
         <div class="lifeSupermarket-right">
           <div class="lifeSupermarket-top">
-            <IotCard title="商品排行">
+            <Card title="商品排行">
               <LifeSupermarketTopTable></LifeSupermarketTopTable>
-            </IotCard>
+            </Card>
           </div>
         </div>
       </a-col>