Auto Commit

src/components/GameChart.vue

@@ -76,6 +76,7 @@ const state = reactive({
     airData: [],
     exportLoading: false,
     columns: tableGameColumns,
+    totalDataSource:[],
     dataSource: [],
     echartInstance: undefined,
     pagination: {
@@ -102,7 +103,7 @@ function initDataSource() {
             imgSrc: gameJson[uid].imgSrc,
             url: gameJson[uid].url,
             ip: gameJson[uid].ip.split('：')[1],
-            status: isTruth ? '有效' : '无效'
+            status: isTruth ? '有效' :gameJson[uid].name==='yma16'?'赛道负责人': '无效'
         })
         // 有效人数
         if (isTruth) {
@@ -110,45 +111,27 @@ function initDataSource() {
         }
         state.total += 1
     })
+    state.totalDataSource=state.dataSource
     state.pagination.current = 1
     state.totlaNum = state.total
 }
 
+function filterDatasource(name){
+    return state.totalDataSource.filter(item=>{
+        return name&&name.toString().includes(item.ip)
+    })||[]
+}
+
 function filterName(name) {
+    console.log('state.totalDataSource',state.totalDataSource)
     state.clickCity = name
-    state.dataSource = []
-    state.total = 0
-    Object.keys(gameJson).forEach(uid => {
-        const locName = gameJson[uid].ip.split('：')[1]
-        if (name.includes(locName)) {
-
-            state.dataSource.push({
-                uid: gameJson[uid].uid,
-                imgSrc: gameJson[uid].imgSrc,
-                name: gameJson[uid].name,
-                ip: locName
-            })
-            state.total += 1
-        }
-    })
+    state.dataSource = filterDatasource(name)
+    state.total=state.dataSource.length
     state.pagination.current = 1
 }
 
 function filterMapName(name) {
-    const res = []
-    Object.keys(gameJson).forEach(uid => {
-        const locName = gameJson[uid].ip.split('：')[1]
-        if (name.includes(locName)) {
-
-            res.push({
-                uid: gameJson[uid].uid,
-                imgSrc: gameJson[uid].imgSrc,
-                name: gameJson[uid].name,
-                ip: locName
-            })
-        }
-    })
-    return res
+    return filterDatasource(name)
 }
 onBeforeMount(() => {
     echarts.registerMap('chinaJson', chinaJson)
@@ -288,7 +271,7 @@ function renderEchartBar() {
                 const { name } = params.data
                 const filterData = filterMapName(name)
                 const strInfo = filterData.map(item => {
-                    return `<img src=${item.imgSrc} width='20' height='20'/>&nbsp; ${item.name}`
+                    return `<img src=${item.imgSrc} width='20' height='20'/>&nbsp; ${item.name}&nbsp;(${item.status})`
                 }).join('<br>')
                 const value = filterData.length
                 return `地区：${name}<br>