用友出库

src/utils/tool.js

@@ -49,6 +49,7 @@ BaseTool.Date = {
   PICKER_NORM_MONTH: 'MM',
   PICKER_NORM_YEAR_MONTH: 'YYYY-MM',
   PICKER_NORM_DATE_PATTERN: 'YYYY-MM-DD',
+  PICKER_NORM_DATE_PATTERN_CHINESE: 'YYYY年MM月DD日',
   PICKER_NORM_TIME_PATTERN: 'HH:mm:ss',
   PICKER_NORM_DATETIME_PATTERN: 'YYYY-MM-DD HH:mm:ss',
   /**

src/views/statisticView/SwitchingRoom.vue

@@ -1,13 +1,14 @@
 <template>
   <div class="view-container">
     <div class="date">
-      <span>2022年5月17日</span>
-      <span>天气:良</span>
+      <span>{{date}}</span>
     </div>
     <div class="adress">
       <div class="address-opt">梅康一路</div>
-      <div>梅康一路</div>
-      <div>梅康一路</div>
+      <div>梅康三路</div>
+      <div>梅康五路</div>
+      <div>日统计</div>
+      <div>月统计</div>
     </div>
     <div class="sb">
       <a-row type="flex" justify="space-between" :gutter="[20,20]">
@@ -83,7 +84,7 @@
 export default {
   data () {
     return {
-
+      date: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_DATE_PATTERN_CHINESE)
     }
   },
   methods: {

src/views/statisticView/TransformerDetail.vue

@@ -10,13 +10,13 @@
         </div>
         <div style="padding-top:70px">
           <a-row type="flex" justify="space-around" :gutter="[0,25]">
-            <a-col :span="5" v-for="i in 8" :key="i">
+            <a-col :span="5" v-for="(detail, index) in details" :key="index">
               <div class="sb-proportion-info">
                 <span class="top-left-two"></span><span class="top-right-two"></span><span class="bottom-left-two"></span><span class="bottom-right-two"></span>
                 <div style="font-size: 36px;color: #BDD4FF;">
-                  38A
+                  {{detail.value}}
                 </div>
-                <div>总电压</div>
+                <div> {{detail.title}}</div>
               </div>
             </a-col>
           </a-row>
@@ -51,17 +51,15 @@
           <thead>
             <tr style="display: flex;justify-content: space-between;width: 100%;">
               <th class="list-header" style="color:#fff">时间</th>
-              <th class="list-header" style="color:#fff">编号</th>
-              <th class="list-header" style="color:#fff">名称</th>
-              <th class="list-header" style="color:#fff">有功电度</th>
+              <th class="list-header" style="color:#fff">正向有功(kwh)</th>
+              <th class="list-header" style="color:#fff">正向无功(kwh)</th>
             </tr>
           </thead>
           <tbody>
-            <tr v-for="(list,i) in 31" :key="i" style="display: flex;justify-content: space-between;">
-              <td class="list-header" style="box-shadow:none; background: rgba(2, 205, 255, 0.1);font-size: 16px;font-weight: 400;">{{ list }}</td>
-              <td class="list-header" style="box-shadow:none; background: rgba(2, 205, 255, 0.1);font-size: 16px;font-weight: 400;">{{ list }}</td>
-              <td class="list-header" style="box-shadow:none; background: rgba(2, 205, 255, 0.1);font-size: 16px;font-weight: 400;">{{ list }}</td>
-              <td class="list-header" style="box-shadow:none; background: rgba(2, 205, 255, 0.1);font-size: 16px;font-weight: 400;">{{ list }}</td>
+            <tr v-for="i in 24" :key="i" style="display: flex;justify-content: space-between;">
+              <td class="list-header" style="box-shadow:none; background: rgba(2, 205, 255, 0.1);font-size: 16px;font-weight: 400;">{{ (i-1) + ':00' }}</td>
+              <td class="list-header" style="box-shadow:none; background: rgba(2, 205, 255, 0.1);font-size: 16px;font-weight: 400;">{{ 443520.00 }}</td>
+              <td class="list-header" style="box-shadow:none; background: rgba(2, 205, 255, 0.1);font-size: 16px;font-weight: 400;">{{ 219040.00 }}</td>
             </tr>
           </tbody>
         </table>
@@ -75,7 +73,11 @@ export default {
   data () {
     return {
       time: '',
-      dateVisual: true
+      dateVisual: true,
+      details: [{ 'title': '状态', 'value': '开机' }, { 'title': '总电压', 'value': '220V' },
+        { 'title': '电流', 'value': '30A' }, { 'title': '总能耗', 'value': '3256kwh' },
+        { 'title': '日能耗', 'value': '300kwh' }, { 'title': '月能耗', 'value': '300kwh' },
+        { 'title': '温度', 'value': '56度' }, { 'title': '预警次数', 'value': '10次' }]
     }
   },
   methods: {