From 7cf38df2a3f4d507ad78421ede7e441741672d77 Mon Sep 17 00:00:00 2001
From: JS-LM <2497833386@QQ.com>
Date: Tue, 16 May 2023 09:21:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=AA=E4=BD=BF=E7=94=A8=E4=BB=A5=E5=8F=8A?=
 =?UTF-8?q?=E6=81=A2=E5=A4=8D=E9=A6=96=E9=A1=B5=E5=8E=9F=E6=9C=89=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jsowell-ui/src/views/homeIndex/homeIndex.vue | 252 +++++++++----------
 jsowell-ui/src/views/index.vue               |   4 +-
 jsowell-ui/src/views/pile/station/detail.vue |   6 +-
 3 files changed, 125 insertions(+), 137 deletions(-)

diff --git a/jsowell-ui/src/views/homeIndex/homeIndex.vue b/jsowell-ui/src/views/homeIndex/homeIndex.vue
index 2d383d470..1ad913110 100644
--- a/jsowell-ui/src/views/homeIndex/homeIndex.vue
+++ b/jsowell-ui/src/views/homeIndex/homeIndex.vue
@@ -1,144 +1,132 @@
 <template>
   <div>
-    <h1>电桩</h1>
-    <hr />
-    <el-table
-      stripe
-      border
-      :data="tableData"
-      style="width: 100%">
-      <el-table-column
-        label="序号"
-        type="index"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="pileSn"
-        label="编号">
-      </el-table-column>
-      <el-table-column
-        prop="stationName"
-        label="名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="stationAddress"
-        label="电站">
-      </el-table-column>
-      <el-table-column
-        prop="type"
-        label="接口">
-      </el-table-column>
-      <el-table-column
-        prop="power"
-        label="功率">
-      </el-table-column>
-      <el-table-column
-        prop="degree"
-        label="度数">
-      </el-table-column>
-      <el-table-column
-        prop="electricityPrice"
-        label="电费">
-      </el-table-column>
-      <el-table-column
-        prop="servicePrice"
-        label="服务费">
-      </el-table-column>
-      <el-table-column
-        prop="chargingNumber"
-        label="充电次数">
-      </el-table-column>
-    </el-table>
+<!--    <h1>电桩</h1>-->
+<!--    <hr />-->
+<!--    <el-table-->
+<!--      stripe-->
+<!--      border-->
+<!--      :data="tableData"-->
+<!--      style="width: 100%">-->
+<!--      <el-table-column-->
+<!--        label="序号"-->
+<!--        type="index"-->
+<!--      >-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="pileSn"-->
+<!--        label="编号">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="stationName"-->
+<!--        label="名称"-->
+<!--      >-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="stationAddress"-->
+<!--        label="电站">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="type"-->
+<!--        label="接口">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="power"-->
+<!--        label="功率">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="degree"-->
+<!--        label="度数">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="electricityPrice"-->
+<!--        label="电费">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="servicePrice"-->
+<!--        label="服务费">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--        prop="chargingNumber"-->
+<!--        label="充电次数">-->
+<!--      </el-table-column>-->
+<!--    </el-table>-->
     <h1>概况</h1>
     <hr />
-    <el-row :gutter="24">
-      <el-col :span="4" :xs="24">
-        <div class="box">
-          <div>总充电电量</div>
-          <div class="box-text">
-            <b class="box-h1">{{ generalSituation.totalChargingDegree }}</b>
-            <i>度</i>
-            <el-image
-              style="width: 80px; height: 80px"
-              :src="require('@/assets/images/lightning.png')"
-            ></el-image>
-          </div>
-          <div class="progress"></div>
+    <div style="display: flex;justify-content: space-between">
+      <div class="box">
+        <div>总充电电量</div>
+        <div class="box-text">
+          <b class="box-h1">{{ generalSituation.totalChargingDegree }}</b>
+          <i>度</i>
+          <el-image
+            style="width: 80px; height: 80px"
+            :src="require('@/assets/images/lightning.png')"
+          ></el-image>
         </div>
-      </el-col>
-      <el-col :span="4" :xs="24">
-        <div class="box">
-          <div>总充电费用</div>
-          <div class="box-text">
-            <b class="box-h1">{{ generalSituation.totalChargingAmount }}</b>
-            <i>元</i>
-            <!-- <image src="/assets/images/login-background.jpg"></image> -->
-            <el-image
-              style="width: 80px; height: 80px"
-              :src="require('@/assets/images/zongfeiyong.png')"
-            ></el-image>
-          </div>
-          <div class="progress"></div>
+        <div class="progress"></div>
+      </div>
+      <div class="box">
+        <div>总充电费用</div>
+        <div class="box-text">
+          <b class="box-h1">{{ generalSituation.totalChargingAmount }}</b>
+          <i>元</i>
+          <!-- <image src="/assets/images/login-background.jpg"></image> -->
+          <el-image
+            style="width: 80px; height: 80px"
+            :src="require('@/assets/images/zongfeiyong.png')"
+          ></el-image>
         </div>
-      </el-col>
-      <el-col :span="4" :xs="24">
-        <div class="box">
-          <div>总充电订单数</div>
-          <div class="box-text">
-            <b class="box-h1">{{ generalSituation.totalChargingQuantity }}</b>
-            <i>笔</i>
-            <el-image
-              style="width: 80px; height: 80px"
-              :src="require('@/assets/images/dingdan.png')"
-            ></el-image>
-          </div>
-          <div class="progress"></div>
+        <div class="progress"></div>
+      </div>
+      <div class="box">
+        <div>总充电订单数</div>
+        <div class="box-text">
+          <b class="box-h1">{{ generalSituation.totalChargingQuantity }}</b>
+          <i>笔</i>
+          <el-image
+            style="width: 80px; height: 80px"
+            :src="require('@/assets/images/dingdan.png')"
+          ></el-image>
         </div>
-      </el-col>
-      <el-col :span="4" :xs="24">
-        <div class="box">
-          <div>总充电设备数量</div>
-          <div class="box-text">
-            <b class="box-h1">{{ generalSituation.totalPileQuantity }}</b>
-            <i>座</i>
-            <el-image
-              style="width: 80px; height: 80px"
-              :src="require('@/assets/images/shebei.png')"
-            ></el-image>
-          </div>
-          <div class="progress"></div>
+        <div class="progress"></div>
+      </div>
+      <div class="box">
+        <div>总充电设备数量</div>
+        <div class="box-text">
+          <b class="box-h1">{{ generalSituation.totalPileQuantity }}</b>
+          <i>座</i>
+          <el-image
+            style="width: 80px; height: 80px"
+            :src="require('@/assets/images/shebei.png')"
+          ></el-image>
         </div>
-      </el-col>
-      <el-col :span="4" :xs="24" v-hasRole="['admin', 'common']">
-        <div class="box" >
-          <div>总客户余额</div>
-          <div class="box-text">
-            <b class="box-h1">{{ generalSituation.totalMemberAmount }}</b>
-            <i>元</i>
-            <el-image
-              style="width: 80px; height: 80px"
-              :src="require('@/assets/images/yue.png')"
-            ></el-image>
-          </div>
-          <div class="progress"></div></div
-        >
-      </el-col>
-      <el-col :span="4" :xs="24">
-        <div class="box">
-          <div>总服务费金额</div>
-          <div class="box-text">
-            <b class="box-h1">{{ generalSituation.totalPileQuantity }}</b>
-            <i>元</i>
-            <el-image
-              style="width: 80px; height: 80px"
-              :src="require('@/assets/images/shebei.png')"
-            ></el-image>
-          </div>
-          <div class="progress"></div>
+        <div class="progress"></div>
+      </div>
+      <div class="box"  v-hasRole="['admin', 'common']">
+        <div>总客户余额</div>
+        <div class="box-text">
+          <b class="box-h1">{{ generalSituation.totalMemberAmount }}</b>
+          <i>元</i>
+          <el-image
+            style="width: 80px; height: 80px"
+            :src="require('@/assets/images/yue.png')"
+          ></el-image>
         </div>
-      </el-col>
-    </el-row>
+        <div class="progress"></div></div
+      >
+      <div class="box">
+        <div>总服务费金额</div>
+        <div class="box-text">
+          <b class="box-h1">{{ generalSituation.totalPileQuantity }}</b>
+          <i>元</i>
+          <el-image
+            style="width: 80px; height: 80px"
+            :src="require('@/assets/images/shebei.png')"
+          ></el-image>
+        </div>
+        <div class="progress"></div>
+      </div>
+    </div>
     <h1>订单</h1>
     <hr />
     <el-button style="background-color: #1ab394; color: #ffffff"
diff --git a/jsowell-ui/src/views/index.vue b/jsowell-ui/src/views/index.vue
index 2d09f0d07..769c0c646 100644
--- a/jsowell-ui/src/views/index.vue
+++ b/jsowell-ui/src/views/index.vue
@@ -4,8 +4,8 @@
       <el-tab-pane label="全部">
         <home-index></home-index>
       </el-tab-pane>
-      <el-tab-pane label="今日">今日</el-tab-pane>
-      <el-tab-pane label="运营数据大屏">运营数据大屏</el-tab-pane>
+<!--      <el-tab-pane label="今日">今日</el-tab-pane>-->
+<!--      <el-tab-pane label="运营数据大屏">运营数据大屏</el-tab-pane>-->
     </el-tabs>
   </div>
 </template>
diff --git a/jsowell-ui/src/views/pile/station/detail.vue b/jsowell-ui/src/views/pile/station/detail.vue
index 2817ed931..1df31cd23 100644
--- a/jsowell-ui/src/views/pile/station/detail.vue
+++ b/jsowell-ui/src/views/pile/station/detail.vue
@@ -31,9 +31,9 @@
         <billing ref="billing" :stationId="stationId"/>
       </el-tab-pane>
 
-      <el-tab-pane label="客户管理" name="member">
-        角色管理
-      </el-tab-pane>
+<!--      <el-tab-pane label="客户管理" name="member">-->
+<!--        角色管理-->
+<!--      </el-tab-pane>-->
 
       <el-tab-pane label="运营管理" name="operation">
         <el-form>