--黄金指标增加排序

src/api/perfManage/goldTarget.ts

@@ -91,6 +91,8 @@ export async function goldData(query: Record<string, any>) {
       startTime: query.beginTime,
       endTime: query.endTime,
       interval: query.particle,
+      sortField:query.sortField,
+      sortOrder:query.sortOrder
     },
     timeout: 60_000,
   });

src/views/perfManage/goldTarget/index.vue

@@ -92,8 +92,24 @@ let queryParams: any = reactive({
   particle: '15',
   beginTime: '',
   endTime: '',
+  /**排序字段 */
+  sortField: 'timeGroup',
+  /**排序方式 */
+  sortOrder: 'asc',
 });
 
+/**表格分页、排序、筛选变化时触发操作, 排序方式，取值为 ascend descend */
+function fnTableChange(pagination: any, filters: any, sorter: any, extra: any) {
+  const { columnKey, order } = sorter;
+  if (order) {
+    queryParams.sortField = columnKey;
+    queryParams.sortOrder = order.replace('end', '');
+  } else {
+    queryParams.sortOrder = 'asc';
+  }
+  fnMakeTable(1);
+}
+
 /**图表显示数据 */
 const chartsOption = reactive({
   /**性能指标 */
@@ -196,6 +212,8 @@ function fnDesign() {
     dataIndex: 'timeGroup',
     align: 'center',
     fixed: 'right',
+    key: 'timeGroup',
+    sorter: true,
   });
   if (!queryRangePicker.value) {
     queryRangePicker.value = ['', ''];
@@ -216,7 +234,7 @@ function fnDesign() {
           .filter(key => !['timeGroup', 'neName', 'startIndex'].includes(key))
           .map(key => {
             const title: any = findTitleByKey(key);
-            hideAll[title]=false;
+            hideAll[title] = false;
             return {
               name: title,
               data: res.data.map((item: any) => parseInt(item[key])),
@@ -260,7 +278,7 @@ function fnDesign() {
             color: '#646A73',
           },
           icon: 'circle',
-          selected:hideAll,
+          selected: hideAll,
         },
         grid: {
           left: '10%',
@@ -293,9 +311,7 @@ function fnDesign() {
 
 onMounted(() => {
   // 获取网元网元列表
-  neInfoStore
+  neInfoStore.fnNelist().then(res => {
-    .fnNelist()
-    .then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
       if (res.data.length > 0) {
         // 过滤不可用的网元
@@ -481,6 +497,7 @@ onMounted(() => {
           :scroll="{ x: tableColumnsDnd.length * 200, y: 450 }"
           @resizeColumn="(w:number, col:any) => (col.width = w)"
           :show-expand-column="false"
+          @change="fnTableChange"
         >
         </a-table>
       </a-card>