添加页面补招功能

src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/index.vue

@@ -74,10 +74,15 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="电网标志">
-                    <el-select v-model="tableStore.table.params.powerFlag" placeholder="请选择电网标志">
-                        <el-option v-for="item in sign" :key="item.id" :label="item.name" :value="item.algoDescribe" />
-                    </el-select>
-                </el-form-item>
+                        <el-select v-model="tableStore.table.params.powerFlag" placeholder="请选择电网标志">
+                            <el-option
+                                v-for="item in sign"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item.algoDescribe"
+                            />
+                        </el-select>
+                    </el-form-item>
                 </template>
             </TableHeader>
         </div>
@@ -86,7 +91,7 @@
                 <el-tab-pane :name="0" :lazy="true" label="谐波畸变率统计表">
                     <Table
                         ref="tableRef"
-                        :tree-config="{ transform: true, parentField: 'pid' }"
+                        :tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }"
                         :scroll-y="{ enabled: true }"
                         v-if="activeName == 0"
                     />
@@ -164,7 +169,7 @@ const tableStore = new TableStore({
             title: '电压等级',
             field: 'voltageLevel',
             align: 'center',
-            formatter: function (row) { 
+            formatter: function (row) {
                 return row.cellValue ? row.cellValue : '/'
             }
         },
@@ -195,10 +200,8 @@ const tableStore = new TableStore({
     ],
 
     loadCallback: () => {
-        let treeData = []
-        treeData = tree2List(tableStore.table.data)
+        tableStore.table.data = tree2List(tableStore.table.data, Math.random() * 1000)
         tableStore.table.column[0].title = tableStore.table.params.statisticalType.name
-        tableStore.table.data = JSON.parse(JSON.stringify(treeData))
         chartsRef.value && chartsRef.value.getTableStoreParams(tableStore.table.params)
         setTimeout(() => {
             activeName.value == 0 && tableRef.value && tableRef.value.getRef().setAllTreeExpand(true)
@@ -213,18 +216,18 @@ tableStore.table.params.loadType = []
 tableStore.table.params.powerFlag = sign[0]?.algoDescribe || 0
 tableStore.table.params.serverName = 'harmonicBoot'
 provide('tableStore', tableStore)
-const tree2List = (list: any, pid?: string) => {
+const tree2List = (list: any, id?: string) => {
     //存储结果的数组
     let arr: any = []
     // 遍历 tree 数组
     list.forEach((item: any) => {
-        // item.comFlag = item.comFlag == null ? 3 : item.comFlag
+        item.uPid = id
+        item.uId = Math.random() * 1000
         item.valueOver == 3.14159 ? 0 : item.valueOver >= 90 ? 1 : item.valueOver && item.valueOver < 90 ? 2 : 3
-        item.pid = pid
         // 判断item是否存在children
         if (!item.children) return arr.push(item)
         // 函数递归，对children数组进行tree2List的转换
-        const children = tree2List(item.children, item.id)
+        const children = tree2List(item.children, item.uId)
         // 删除item的children属性
         delete item.children
         // 把item和children数组添加至结果数组
@@ -234,6 +237,7 @@ const tree2List = (list: any, pid?: string) => {
     // 返回结果数组
     return arr
 }
+
 onMounted(() => {
     tableStore.index()
 })