修改前端导入规范.

orion-ops-ui/src/views/dashboard/workplace/components/announcement.vue

@@ -49,13 +49,14 @@
   ];
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .item {
     display: flex;
     align-items: center;
     width: 100%;
     height: 24px;
     margin-bottom: 4px;
+
     .item-content {
       flex: 1;
       overflow: hidden;

orion-ops-ui/src/views/dashboard/workplace/components/banner.vue

@@ -21,7 +21,7 @@
   });
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .banner {
     width: 100%;
     padding: 20px 20px 0 20px;

orion-ops-ui/src/views/dashboard/workplace/components/categories-percent.vue

@@ -111,4 +111,5 @@
   });
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>

orion-ops-ui/src/views/dashboard/workplace/components/content-chart.vue

@@ -17,13 +17,14 @@
 </template>
 
 <script lang="ts" setup>
+  import type { ToolTipFormatterParams } from '@/types/echarts';
+  import type { AnyObject } from '@/types/global';
+  import type { ContentDataRecord } from '@/api/dashboard';
   import { ref } from 'vue';
   import { graphic } from 'echarts';
   import useLoading from '@/hooks/loading';
-  import { queryContentData, ContentDataRecord } from '@/api/dashboard';
+  import { queryContentData } from '@/api/dashboard';
   import useChartOption from '@/hooks/chart-option';
-  import { ToolTipFormatterParams } from '@/types/echarts';
-  import { AnyObject } from '@/types/global';
 
   function graphicFactory(side: AnyObject) {
     return {
@@ -38,6 +39,7 @@
       },
     };
   }
+
   const { loading, setLoading } = useLoading(true);
   const xAxis = ref<string[]>([]);
   const chartsData = ref<number[]>([]);
@@ -117,8 +119,8 @@
           return `<div>
             <p class="tooltip-title">${firstElement.axisValueLabel}</p>
             <div class="content-panel"><span>总内容量</span><span class="tooltip-value">${(
-              Number(firstElement.value) * 10000
-            ).toLocaleString()}</span></div>
+            Number(firstElement.value) * 10000
+          ).toLocaleString()}</span></div>
           </div>`;
         },
         className: 'echarts-tooltip-diy',
@@ -197,4 +199,5 @@
   fetchData();
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>

orion-ops-ui/src/views/dashboard/workplace/components/data-panel.vue

@@ -90,9 +90,10 @@
           :value="2.8"
           :precision="1"
           :value-from="0"
-          animation
-        >
-          <template #suffix> % <icon-caret-up class="up-icon" /> </template>
+          animation>
+          <template #suffix> %
+            <icon-caret-up class="up-icon" />
+          </template>
         </a-statistic>
       </a-space>
     </a-grid-item>
@@ -102,29 +103,35 @@
   </a-grid>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+</script>
 
 <style lang="less" scoped>
   .arco-grid.panel {
     margin-bottom: 0;
     padding: 16px 20px 0 20px;
   }
+
   .panel-col {
     padding-left: 43px;
     border-right: 1px solid rgb(var(--gray-2));
   }
+
   .col-avatar {
     margin-right: 12px;
     background-color: var(--color-fill-2);
   }
+
   .up-icon {
     color: rgb(var(--red-6));
   }
+
   .unit {
     margin-left: 8px;
     color: rgb(var(--gray-8));
     font-size: 12px;
   }
+
   :deep(.panel-border) {
     margin: 4px 0 0 0;
   }

orion-ops-ui/src/views/dashboard/workplace/components/popular-content.vue

@@ -73,10 +73,10 @@
 </template>
 
 <script lang="ts" setup>
+  import type { TableData } from '@arco-design/web-vue/es/table/interface';
   import { ref } from 'vue';
   import useLoading from '@/hooks/loading';
   import { queryPopularList } from '@/api/dashboard';
-  import type { TableData } from '@arco-design/web-vue/es/table/interface';
 
   const type = ref('text');
   const { loading, setLoading } = useLoading();
@@ -98,19 +98,23 @@
   fetchData('text');
 </script>
 
-<style scoped lang="less">
+<style lang="less" scoped>
   .general-card {
     min-height: 395px;
   }
+
   :deep(.arco-table-tr) {
     height: 44px;
+
     .arco-typography {
       margin-bottom: 0;
     }
   }
+
   .increases-cell {
     display: flex;
     align-items: center;
+
     span {
       margin-right: 4px;
     }

orion-ops-ui/src/views/dashboard/workplace/components/quick-operation.vue

@@ -32,4 +32,5 @@
   ];
 </script>
 
-<style scoped lang="less"></style>
+<style lang="less" scoped>
+</style>

orion-ops-ui/src/views/dashboard/workplace/mock.ts

@@ -1,7 +1,7 @@
+import type { GetParams } from '@/types/global';
 import Mock from 'mockjs';
 import qs from 'query-string';
 import dayjs from 'dayjs';
-import { GetParams } from '@/types/global';
 import setupMock, { successResponseWrap } from '@/utils/setup-mock';
 
 const textList = [