feat(油机详情页面): 油机详情页面的开发

完成油机详情页面中基本信息部分的静态页面的开发。

admin.ui.plus-master/src/api/admin/reportManagement/listOfOilEngines/listOfOilEnginesApi.ts

@@ -0,0 +1,91 @@
+import {HttpClient} from "/@/api/admin/http-client";
+
+export class ListOfOilEnginesApi <SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
+
+  /**
+  * No description
+  *
+  * @tags List
+  * @name GetPage
+  * @summary 查询分页
+  * @request GET:
+  * @secure
+  */
+
+  timer = 200
+
+  getPage = () =>
+    new Promise(resolve => {
+      setTimeout(() => {
+        resolve({
+          total:100,
+          list:[{
+            id:1,
+            name:4,
+            oilCompanies:"中石化",
+            gasStation:"中石化",
+            serialNumber:123321,
+            model:"潜油泵",
+            quantity:12,
+            manufacturer:"托肯恒山",
+            factoryTime:"123",
+            startTime:"startTime",
+            equipmentStatus:1,
+            onlineStatus:2
+          },{
+            id:1,
+            name:4,
+            oilCompanies:"中石化",
+            gasStation:"中石化",
+            serialNumber:123321,
+            model:"潜油泵",
+            quantity:12,
+            manufacturer:"托肯恒山",
+            factoryTime:"123",
+            startTime:"startTime",
+            equipmentStatus:1,
+            onlineStatus:2
+          },{
+            id:1,
+            name:4,
+            oilCompanies:"中石化",
+            gasStation:"中石化",
+            serialNumber:123321,
+            model:"潜油泵",
+            quantity:12,
+            manufacturer:"托肯恒山",
+            factoryTime:"123",
+            startTime:"startTime",
+            equipmentStatus:1,
+            onlineStatus:2
+          },{
+            id:1,
+            name:4,
+            oilCompanies:"中石化",
+            gasStation:"中石化",
+            serialNumber:123321,
+            model:"潜油泵",
+            quantity:12,
+            manufacturer:"托肯恒山",
+            factoryTime:"123",
+            startTime:"startTime",
+            equipmentStatus:1,
+            onlineStatus:2
+          },{
+            id:1,
+            name:4,
+            oilCompanies:"中石化",
+            gasStation:"中石化",
+            serialNumber:123321,
+            model:"潜油泵",
+            quantity:12,
+            manufacturer:"托肯恒山",
+            factoryTime:"123",
+            startTime:"startTime",
+            equipmentStatus:1,
+            onlineStatus:2
+          }]
+        })
+      },this.timer)
+    })
+}

admin.ui.plus-master/src/stores/globalCacheStore.ts

@@ -4,6 +4,9 @@
 import {defineStore} from "pinia";
 import {DictApi} from "/@/api/admin/Dict";
 
+/**
+ * 数据词典的缓存编码
+ * */
 const arr =
   ['componentStatus',
     'componentType',

admin.ui.plus-master/src/views/admin/authorize/index.vue

@@ -65,7 +65,7 @@
       <!--表格-->
       <el-col  :xs="24" >
         <el-card style="height: 70vh" class="my-fill mt8" shadow="hover">
-          <el-table v-loading="sdkData.loading" :data="sdkData.tableModel" row-key="id" style="width: 100%">
+          <el-table v-loading="sdkData.loading" stripe :data="sdkData.tableModel" row-key="id" style="width: 100%">
             <el-table-column v-for="column in sdkData.dynamicColumns" :key="column.prop" :prop="column.prop" :label="column.label"  />
             <el-table-column label="操作"  fixed="right" header-align="center" align="center">
               <template #default="{ row }">
@@ -271,7 +271,7 @@ const editTableData = (row) => {
 .el-form .el-col.mb20 {
   margin: 0 !important;
 }
-.el-input {
+.el-input, .el-select {
   width: 240px;
 }
 </style>

admin.ui.plus-master/src/views/admin/product/goodInfo/index.vue

@@ -190,7 +190,7 @@
       <!-- 生产日志 -->
       <el-col :xs="24" >
         <el-card style="height: 40vh" class="my-fill mt8"  shadow="hover" header="生产日志">
-          <el-table v-loading="goods.loadingProduct" :data="goods.productionLog.tableData" row-key="id" style="width: 100%">
+          <el-table v-loading="goods.loadingProduct"  stripe :data="goods.productionLog.tableData" row-key="id" style="width: 100%">
             <el-table-column prop="alarmDate" label="生产时间"  />
             <el-table-column prop="eventName" label="操作员"  />
             <el-table-column prop="step" label="工序"  >
@@ -232,7 +232,7 @@
       <!-- 报警日志 -->
       <el-col :span="24" >
         <el-card style="height: 40vh" class="my-fill mt8" shadow="hover" header="报警日志">
-          <el-table v-loading="goods.loadingAlarm" :data="goods.alarmLog.tableData" row-key="id" style="width: 100%">
+          <el-table v-loading="goods.loadingAlarm" stripe :data="goods.alarmLog.tableData" row-key="id" style="width: 100%">
             <el-table-column v-for="column in goods.alarmLog.dynamicColumns" :key="column.prop" :prop="column.prop" :label="column.label"  />
           </el-table>
           <div class="my-flex my-flex-end"  style="margin-top: 20px">
@@ -519,6 +519,7 @@ onMounted(() => {
       }
     }
   }
+
   .fullscreen-image {
     width: 100%;
     max-height: 80vh;

admin.ui.plus-master/src/views/admin/product/groupLogo/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="layout-pd">
     <el-row>
-      <el-col :xs="24">
+      <el-col >
         <el-card class="mt8" shadow="hover" >
           <el-form :model="groupLogoKeyOnQuery.filter" :inline="true" @submit.stop.prevent>
             <el-form-item prop="name" style="width:100%">
@@ -36,14 +36,18 @@
       </el-col>
       <el-col :xs="24">
         <el-card class="mt8" shadow="hover" >
-          <el-table v-loading="state.loading" :data="state.list" row-key="id" style="width: 100%">
-            <el-table-column prop="guid" label="GUID"  />
+          <el-table v-loading="state.loading" stripe :data="state.list" row-key="id" style="width: 100%">
+            <el-table-column prop="keyGuid" label="GUID"  />
             <el-table-column prop="state" label="状态"  >
               <template #default="{ row }">
-                {{ row.state}}
+                {{ getState(row.state).name}}
+              </template>
+            </el-table-column>
+            <el-table-column prop="deviceType" label="密钥类型"  >
+              <template #default="{ row }">
+                {{ getDeviceType(row.deviceType).name}}
               </template>
             </el-table-column>
-            <el-table-column prop="deviceType" label="密钥类型"  />
             <el-table-column prop="remark" label="备注"  />
             <el-table-column prop="lastUpdate" label="最近同步时间" />
             <el-table-column prop="applicationTime" label="申请时间" />
@@ -91,10 +95,6 @@ const groupLogoKeyOnQuery = reactive({
     applicationTime: '',
     recordTime: '' ,
   } as groupLogoKeyFilterModel,
-  pageInput:{
-    currentPage: 1,
-    pageSize: 5,
-  } as groupLogoKeyPageInput
 })
 
 /**
@@ -119,6 +119,26 @@ const groupKeyGroupStatus = ref(globalCacheStore.getGlobalStore().get('groupKeyG
 /**生产管理 - 团标密钥 - 密钥类型*/
 const groupLogoKeyKeyType = ref(globalCacheStore.getGlobalStore().get('groupLogoKeyKeyType'))
 
+/**获取团标状态*/
+const getState = (val) => {
+  val = String(val)
+  if(groupKeyGroupStatus.value.has(val)){
+    return groupKeyGroupStatus.value.get(val)
+  }else{
+    return val
+  }
+}
+
+/**获取密钥类型*/
+const getDeviceType = (val) => {
+  val = String(val)
+  if(groupLogoKeyKeyType.value.has(val)){
+    return groupLogoKeyKeyType.value.get(val)
+  }else{
+    return val
+  }
+}
+
 /**
  * 页条变化
  * @param val
@@ -137,15 +157,13 @@ const onCurrentChange = (val: number) => {
   onQuery()
 }
 
-console.log(groupKeyGroupStatus.value);
-console.log(groupLogoKeyKeyType.value);
 
 const onQuery = async () => {
-  console.log(groupLogoKeyOnQuery)
-  const { data } = await new GroupLogoKeyApi().getPage(groupLogoKeyOnQuery as groupLogoKeyRequestBody)
-  state.list = data?.list
-  state.total = data?.total
-  console.log(data)
+  state.loading = true
+  const { data } = await new GroupLogoKeyApi().getPage({...state.pageInput, filter:groupLogoKeyOnQuery.filter} as groupLogoKeyRequestBody).catch(() => state.loading = false)
+  state.list = data?.list ?? []
+  state.total = data?.total ?? 0
+  state.loading = false
 }
 
 
@@ -161,14 +179,14 @@ const onReset = () => {
     applicationTime: '',
     recordTime: '' ,
   }
-  groupLogoKeyOnQuery.pageInput.currentPage = 1
+  state.pageInput.currentPage = 1
   onQuery()
 }
 
-
-
 </script>
 
 <style scoped lang="scss">
-
+.el-input, .el-select {
+  width: 220px;
+}
 </style>

admin.ui.plus-master/src/views/admin/product/record/index.vue

@@ -45,7 +45,7 @@
       <!--表格-->
       <el-col :xs="24">
         <el-card style="height: 70vh" class="my-fill mt8" shadow="hover">
-          <el-table v-loading="bomModel.loading" :data="bomModel.bomListData" row-key="id" style="width: 100%">
+          <el-table v-loading="bomModel.loading" stripe :data="bomModel.bomListData" row-key="id" style="width: 100%">
             <el-table-column prop="guid" label="序号"  />
             <el-table-column prop="bomName" label="部件名称"  />
             <el-table-column prop="bomNo" label="物料号"  />
@@ -315,7 +315,7 @@ const toPage = (row) => {
 .el-form .el-col.mb20 {
   margin: 0 !important;
 }
-.el-input {
+.el-input, .el-select {
   width: 240px;
 }
 .bold-font {

admin.ui.plus-master/src/views/admin/product/type/index.vue

@@ -44,7 +44,7 @@
       <!--表格-->
       <el-col :xs="24" >
         <el-card style="height: 70vh" class="my-fill mt8" shadow="hover">
-          <el-table v-loading="state.loading" :data="state.bomListData" row-key="id" style="width: 100%">
+          <el-table v-loading="state.loading" stripe :data="state.bomListData" row-key="id" style="width: 100%">
             <el-table-column prop="guid" label="序号"  />
             <el-table-column prop="type" label="部件类型"  >
               <template #default="{ row }">
@@ -399,7 +399,7 @@ onBeforeMount(() => {
   max-height: 80vh;
   object-fit: contain;
 }
-.el-input {
+.el-input, .el-select {
   width: 240px;
 }
 .bold-font {

admin.ui.plus-master/src/views/admin/statement/listOfOilEngines/index.vue

@@ -1,11 +1,163 @@
+<template>
+  <div class="layout-pd">
+    <el-row>
+      <!--操作-->
+      <el-col :xs="24">
+        <el-card class="mt8" shadow="hover">
+          <el-form :model="oilEngineOnQuery.filter" :inline="true" @submit.stop.prevent>
+            <el-form-item prop="name" style="width:100%">
+              <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
+                <el-form-item label="GUID">
+                  <el-input v-model="oilEngineOnQuery.filter.guid" placeholder="请输入GUID" clearable></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
+                <el-form-item>
+                  <el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
+                  <el-button type="primary" icon="ele-RefreshRight" @click="onReset"> 重置 </el-button>
+                </el-form-item>
+              </el-col>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </el-col>
+      <!--列表-->
+      <el-col :xs="24">
+        <el-card class="mt8" shadow="hover">
+          <el-table v-loading="state.loading" stripe :data="state.list" row-key="id" style="width: 100%">
+            <el-table-column type="index" label="序号" width="60"/>
+            <el-table-column prop="id" label="GUID"  />
+            <el-table-column prop="name" label="名称"  >
+              <template #default="{ row }">
+                {{ row.name}}
+              </template>
+            </el-table-column>
+            <el-table-column prop="oilCompanies" label="石油公司"  >
+              <template #default="{ row }">
+                {{ row.oilCompanies}}
+              </template>
+            </el-table-column>
+            <el-table-column prop="gasStation" label="加油站"  />
+            <el-table-column prop="serialNumber" label="序列号" />
+            <el-table-column prop="model" label="加油机机型" />
+            <el-table-column prop="quantity" label="加油机枪数量" />
+            <el-table-column prop="manufacturer" label="加油机厂商" />
+            <el-table-column prop="factoryTime" label="出厂时间" />
+            <el-table-column prop="startTime" label="启动时间" />
+            <el-table-column prop="equipmentStatus" label="设备状态" />
+            <el-table-column prop="onlineStatus" label="在线状态" />
+            <el-table-column label="操作"  fixed="right" header-align="center" align="center">
+              <template #default="{ row }">
+                <el-link
+                  class="my-el-link mr12 ml12"
+                  @click="toPage(row)"
+                  type="primary"
+                  icon="ele-Tickets"
+                  size="small"
+                  :underline="false"
+                  target="_blank"
+                >详情</el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="my-flex my-flex-end" style="margin-top: 20px">
+            <el-pagination
+              v-model:currentPage="state.pageInput.currentPage"
+              v-model:page-size="state.pageInput.pageSize"
+              :total="state.total"
+              :default-page-size="5"
+              :page-sizes="[5, 10, 20, 50, 100]"
+              small
+              background
+              @size-change="onSizeChange"
+              @current-change="onCurrentChange"
+              layout="total, sizes, prev, pager, next, jumper"
+            />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
 <script setup lang="ts">
 
-</script>
+import {onMounted, reactive} from "vue";
+import {ListOfOilEnginesApi} from "/@/api/admin/reportManagement/listOfOilEngines/listOfOilEnginesApi";
+import router from "/@/router";
 
-<template>
-  $END$
-</template>
+/**
+ * 油机列表查询时的参数
+ */
+const oilEngineOnQuery = reactive({
+  filter: {
+    guid:''
+  }
+})
 
-<style scoped lang="scss">
+/**
+ * 油机列表数据对象
+ */
+const state = reactive({
+  loading: false,
+  list:  [] ,
+  pageInput:{
+    currentPage: 1,
+    pageSize: 10,
+  },
+  total: 0
+})
+
+const resetForm = () => {
+  oilEngineOnQuery.filter = {
+    guid:''
+  }
+}
+
+const onReset = () => {
+  resetForm()
+  state.pageInput.currentPage = 1
+  onQuery()
+}
 
+/**
+ * 页条变化
+ * @param val
+ */
+const onSizeChange = (val: number) => {
+  state.pageInput.pageSize = val
+  onQuery()
+}
+
+/**
+ * 页数 变化
+ * @param val
+ */
+const onCurrentChange = (val: number) => {
+  state.pageInput.currentPage = val
+  onQuery()
+}
+
+const onQuery =  async () => {
+  state.loading = true
+  const { total, list } = await new ListOfOilEnginesApi().getPage()
+  state.list = list
+  state.total = total
+  state.loading = false
+}
+
+const toPage = (row) => {
+  router.push({path:`/statement/${row.id}`})
+}
+
+onMounted(() => {
+  onQuery()
+})
+
+</script>
+
+<style scoped lang="scss">
+.el-input, .el-select {
+  width: 240px;
+}
 </style>

admin.ui.plus-master/src/views/admin/statement/oilEngineDetails/index.vue

@@ -1,11 +1,283 @@
+<!--油机详情页面-->
+<template>
+  <div class="layout-pd">
+    <el-row>
+      <el-col :xs="24">
+        <el-card class="mt8" header="基础信息" shadow="hover">
+          <div class="basicInformation" v-loading="basicInfo.loading">
+            <div class="basicInformation-left">
+              <div class="item ">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="油机号"
+                  trigger="hover"
+                  :content="basicInfo.info.oilEngineNumber"
+                >
+                  <template #reference>
+                    <span class="m-2"> 油机号: {{basicInfo.info.oilEngineNumber}}</span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="序列号"
+                  trigger="hover"
+                  :content="basicInfo.info.serialNumber"
+                >
+                  <template #reference>
+                    <span class="m-2"> 序列号: {{basicInfo.info.serialNumber}}</span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="石油公司"
+                  trigger="hover"
+                  :content="basicInfo.info.oilCompanies"
+                >
+                  <template #reference>
+                    <span class="m-2"> 石油公司: {{basicInfo.info.oilCompanies}}</span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="加油机厂商"
+                  trigger="hover"
+                  :content="basicInfo.info.fuelDispenserManufacturer"
+                >
+                  <template #reference>
+                    <span class="m-2"> 加油机厂商: {{basicInfo.info.fuelDispenserManufacturer}}</span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="加油站"
+                  trigger="hover"
+                  :content="basicInfo.info.gasStation"
+                >
+                  <template #reference>
+                    <span class="m-2 ">
+                      加油站:
+                        {{basicInfo.info.gasStation}}
+                    </span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="规格参数"
+                  trigger="hover"
+                  :content="basicInfo.info.specifications"
+                >
+                  <template #reference>
+                    <span class="m-2">
+                      密钥状态:
+                        {{ basicInfo.info.specifications }}
+                    </span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="测量范围"
+                  trigger="hover"
+                  :content="basicInfo.info.measuringRange"
+                >
+                  <template #reference>
+                    <span class="m-2 ">
+                      测量范围:
+                        {{ basicInfo.info.measuringRange }}
+                    </span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="准确度等级"
+                  trigger="hover"
+                  :content="basicInfo.info.accuracyLevel"
+                >
+                  <template #reference>
+                    <span class="m-2"> 准确度等级: {{basicInfo.info.accuracyLevel}}</span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  trigger="hover"
+                  title="出厂编码"
+                  :content="basicInfo.info.factoryCode"
+                >
+                  <template #reference>
+                    <span class="m-2"> 出厂编码: {{basicInfo.info.factoryCode}}</span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="在线状态"
+                  trigger="hover"
+                  :content="basicInfo.info.onlineStatus"
+                >
+                  <template #reference>
+                    <span class="m-2"> 在线状态: {{basicInfo.info.onlineStatus}}</span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-popover
+                  placement="top-start"
+                  :width="200"
+                  title="报警状态"
+                  trigger="hover"
+                  :content="basicInfo.info.alarmStatus"
+                >
+                  <template #reference>
+                    <span class="m-2"> 报警状态: {{basicInfo.info.alarmStatus}}</span>
+                  </template>
+                </el-popover>
+              </div>
+              <div class="item">
+                <el-link
+                  class="my-el-link mr12 ml12"
+                  @click="alert('开发中')"
+                  type="primary"
+                  size="small"
+                  :underline="false"
+                  target="_blank"
+                >查看更多>></el-link>
+              </div>
+            </div>
+            <div class="basicInformation-right" >
+              <div style="width: 100%;height: 100% ;background-color: #16cfd0">
+                2
+              </div>
+<!--              <div @click="showBigPic(goods.basicInformation.img)">-->
+<!--                <el-image loading="lazy"-->
+<!--                          alt="fgg"-->
+<!--                          class="img"-->
+<!--                          fit="contain"-->
+<!--                          :src="baseUrl + '/' + goods.basicInformation.img" >-->
+<!--                  <template #error>-->
+<!--                    <div class="image-slot">-->
+<!--                      <el-icon><icon-picture /></el-icon>-->
+<!--                    </div>-->
+<!--                  </template>-->
+<!--                </el-image>-->
+<!--              </div>-->
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :xs="24">
+        <el-card class="mt8" shadow="hover">
+          22
+        </el-card>
+      </el-col>
+      <el-col :xs="24">
+        <el-card class="mt8" shadow="hover">
+          22
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
 <script setup lang="ts">
+import {reactive} from "vue";
 
+const basicInfo = reactive({
+  loading:false,
+  info:{
+    oilEngineNumber:"4",
+    serialNumber:"1904344P",
+    oilCompanies:"中石化安徽宣城石油分公司",
+    fuelDispenserManufacturer:"托肯恒山科技（广州）有限公司",
+    gasStation:"中石化安徽宣城金陵加油站",
+    specifications:"THD2244B2",
+    measuringRange:"2L-50L",
+    accuracyLevel:"0.3",
+    factoryCode:"1904344P",
+    onlineStatus:"离线",
+    alarmStatus:"严重报警"
+  }
+})
 </script>
 
-<template>
-  $END$
-</template>
-
 <style scoped lang="scss">
+.basicInformation{
+  display: flex;
+  display: -webkit-flex; /* Safari */
+  justify-content: space-around;
+  align-items:center;
+  align-content:space-around;
+  flex-wrap: wrap-reverse;
+  .basicInformation-left{
+    display: flex;
+    display: -webkit-flex; /* Safari */
+    justify-content: space-around;
+    flex-wrap: wrap;
+    height: 100%;
+    max-width: 65%;
+    min-width: 300px;
+    .item{
+      cursor: pointer;
+      width: 240px;/*设置显示的最大宽度*/
+      height:40px;
+      overflow:hidden;/*超出部分隐藏*/
+      white-space:nowrap;/*强制单行显示*/
+      text-overflow: ellipsis;
+      display: flex;
+      align-items: center;
+
+    }
 
+  }
+  .basicInformation-right{
+    width: 50%;
+    height: 100%;
+    max-width: 300px;
+    min-width: 200px;
+    padding: 0 10px;
+    .img {
+      width: 220px;
+      height: 140px;
+      cursor: pointer;
+    }
+    .image-slot {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 100%;
+      background: var(--el-fill-color-light);
+      color: var(--el-text-color-secondary);
+      font-size: 30px;
+    }
+    .image-slot .el-icon {
+      font-size: 30px;
+    }
+  }
+}
 </style>

admin.ui.plus-master/src/views/admin/workbench/index.vue

@@ -37,31 +37,31 @@
         </div>
       </el-col>
     </el-row>
-    <el-row :gutter="15" class="home-card-three">
-      <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8">
-        <div class="home-card-item">
-          <div class="home-card-item-title">快捷导航工具</div>
-          <div class="home-monitor">
-            <div class="flex-warp">
-              <div class="flex-warp-item" v-for="(v, k) in state.homeThree" :key="k">
-                <div class="flex-warp-item-box" :class="`home-animation${k}`">
-                  <div class="flex-margin">
-                    <i :class="v.icon" :style="{ color: v.iconColor }"></i>
-                    <span class="pl5">{{ v.label }}</span>
-                    <div class="mt10">{{ v.value }}</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16" class="home-media">
-        <div class="home-card-item">
-          <div style="height: 100%" ref="homeBarRef"></div>
-        </div>
-      </el-col>
-    </el-row>
+<!--    <el-row :gutter="15" class="home-card-three">-->
+<!--      <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8">-->
+<!--        <div class="home-card-item">-->
+<!--          <div class="home-card-item-title">快捷导航工具</div>-->
+<!--          <div class="home-monitor">-->
+<!--            <div class="flex-warp">-->
+<!--              <div class="flex-warp-item" v-for="(v, k) in state.homeThree" :key="k">-->
+<!--                <div class="flex-warp-item-box" :class="`home-animation${k}`">-->
+<!--                  <div class="flex-margin">-->
+<!--                    <i :class="v.icon" :style="{ color: v.iconColor }"></i>-->
+<!--                    <span class="pl5">{{ v.label }}</span>-->
+<!--                    <div class="mt10">{{ v.value }}</div>-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--              </div>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </el-col>-->
+<!--      <el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16" class="home-media">-->
+<!--        <div class="home-card-item">-->
+<!--          <div style="height: 100%" ref="homeBarRef"></div>-->
+<!--        </div>-->
+<!--      </el-col>-->
+<!--    </el-row>-->
   </div>
 </template>
 
@@ -540,9 +540,7 @@ const initData = async () => {
   lineChart.value.option.series[2].data = getSeriesData(data.chart?.recordCalculatorMainboard)
   lineChart.value.option.series[3].data = getSeriesData(data.chart?.recordVaporRecovery)
   pieChart.getName = pieChartGetName(mainboardChart)
-  console.log(pieChart.getName)
   pieChart.getValue = pieChartGetValue(mainboardChart)
-  console.log(pieChart.getValue)
   state.loading = false
   state.v_if = true
 }