1

hooks/useEchartNum.ts

 import { reactive } from 'vue';
-
+import { parseNumberToK } from '@/utils/tool';
 export default function () {
   const maxNum = reactive({
     oneMin: 0,
@@ -9,6 +9,9 @@ export default function () {
     threeMin: 0,
     threeMax: 0,
   });
+  const resultList = reactive({
+    list: [],
+  });
   const getMaxNum = (list: any, key: string) => {
     if (list) {
       const max = Math.max(...list);
@@ -27,10 +30,31 @@ export default function () {
       maxNum[key] = Math.floor(min / 12) * 10;
     }
   };
+  // 开启loading
+  const ShowLoading = (dom: any) => {
+    dom &&
+      dom.showLoading({
+        textColor: 'rgb(150,150,150)', //文字颜色
+        maskColor: 'rgba(255,255,255,0)',
+      });
+  };
+  // 关闭loading
+  const hideLoading = (dom: any) => {
+    dom && dom.hideLoading();
+  };
+  const formatter = (value: number) => {
+    let list = [];
+    list.push(parseNumberToK(value));
+    return list;
+  };
 
   return {
+    resultList,
     maxNum,
     getMaxNum,
     getMinNum,
+    ShowLoading,
+    hideLoading,
+    formatter,
   };
 }

language/cn.ts

@@ -439,6 +439,11 @@ const cn = {
   },
   tooltip: {
     NoList: '没有记录',
+    historyData: '历史数据',
+    DataFilter: '历史数据筛选',
+    startTime: '请选择时间',
+    endTime: '结束时间',
+    Cannotexceed: '不能超过当前时间',
   },
 };
 export default cn;

language/en.ts

@@ -437,6 +437,11 @@ const cn = {
   },
   tooltip: {
     NoList: 'No Records',
+    historyData: 'Historical Data',
+    DataFilter: 'Historical Data Filter',
+    startTime: 'Please select a time',
+    endTime: 'End time',
+    Cannotexceed: 'Cannot exceed the current time',
   },
 };
 export default cn;

public/images/svg/analysis/timefilter.svg

+<svg width="32" height="32" viewBox="0 0 32 32" fill="" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.3332 14.0003V6.00166C29.3334 5.82656 29.299 5.65315 29.2322 5.49131C29.1653 5.32948 29.0673 5.18239 28.9436 5.05846C28.8199 4.93452 28.673 4.83616 28.5113 4.769C28.3496 4.70183 28.1763 4.66717 28.0012 4.66699H23.9998V6.00033L27.9998 6.00166V12.667H3.99985V6.00166L7.99985 6.00033V4.66699H3.99851C3.82329 4.66673 3.64975 4.70109 3.48785 4.7681C3.32595 4.83511 3.17889 4.93346 3.05511 5.05748C2.93134 5.1815 2.83329 5.32876 2.7666 5.49079C2.69991 5.65283 2.6659 5.82644 2.66651 6.00166V27.999C2.66616 28.3525 2.8062 28.6917 3.05586 28.942C3.30551 29.1922 3.64434 29.3331 3.99785 29.3337H15.3332V27.9997L3.99985 27.999V14.0003H29.3332ZM9.33318 2.66699H10.6665V8.00033H9.33318V2.66699ZM21.3332 2.66699H22.6665V8.00033H21.3332V2.66699ZM11.9998 4.66699H19.9998V6.00033H11.9998V4.66699Z" fill=""/>
+<path d="M23.3332 28.667C24.0336 28.667 24.7272 28.5291 25.3743 28.2611C26.0214 27.9931 26.6094 27.6003 27.1047 27.105C27.6 26.6098 27.9928 26.0218 28.2609 25.3747C28.5289 24.7276 28.6669 24.0341 28.6669 23.3337C28.6669 22.6332 28.5289 21.9397 28.2609 21.2926C27.9928 20.6455 27.6 20.0575 27.1047 19.5623C26.6094 19.067 26.0214 18.6742 25.3743 18.4062C24.7272 18.1382 24.0336 18.0003 23.3332 18.0003C21.9188 18.0004 20.5623 18.5624 19.5622 19.5626C18.5621 20.5627 18.0002 21.9192 18.0002 23.3337C18.0002 24.7481 18.5621 26.1046 19.5622 27.1048C20.5623 28.1049 21.9188 28.6669 23.3332 28.667ZM23.3332 30.0003C19.6512 30.0003 16.6665 27.0157 16.6665 23.3337C16.6665 19.6517 19.6512 16.667 23.3332 16.667C27.0152 16.667 29.9998 19.6517 29.9998 23.3337C29.9998 27.0157 27.0152 30.0003 23.3332 30.0003Z" fill=""/>
+<path d="M23.9999 23.7257V19.9977C23.9999 19.635 23.7012 19.333 23.3332 19.333C22.9625 19.333 22.6665 19.6303 22.6665 19.9977V24.0017C22.666 24.0882 22.6825 24.174 22.7152 24.2541C22.748 24.3341 22.7962 24.407 22.8572 24.4683L24.7519 26.363C24.8137 26.4244 24.887 26.4731 24.9676 26.5061C25.0483 26.5391 25.1347 26.5559 25.2218 26.5555C25.309 26.555 25.3952 26.5374 25.4755 26.5036C25.5558 26.4697 25.6287 26.4204 25.6899 26.3583C25.814 26.2341 25.8842 26.0659 25.8851 25.8903C25.8859 25.7147 25.8175 25.5458 25.6945 25.4203L23.9999 23.7257Z" fill=""/>
+</svg>