master
parent
8a3e38fb39
commit
b4075ece05
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -394,111 +394,111 @@ let handleShowSvg = async (svgIndex: string) => {
|
|||
dialogVisible.value = true
|
||||
loadingFlag.value = true
|
||||
|
||||
let setData = { id: svgIndex }
|
||||
svgdApi(setData)
|
||||
.then(res => {
|
||||
SVGContainer.value.innerHTML = ''
|
||||
// result接口
|
||||
let { result } = res as any
|
||||
console.log('1-----返回的数据', result)
|
||||
if (result !== null) {
|
||||
console.log('2------,rusult的数据不为空')
|
||||
nextTick(() => {
|
||||
console.log('3----0---开始渲染svg图')
|
||||
// 更换svg图
|
||||
let svgHtmlIndex = ''
|
||||
if (svgIndex === '556') {
|
||||
svgHtmlIndex = svgHtml2
|
||||
} else if (svgIndex === '555') {
|
||||
svgHtmlIndex = svgHtml
|
||||
} else if (svgIndex === 'ying31') {
|
||||
svgHtmlIndex = svgHtml31
|
||||
} else if (svgIndex === 'ying41') {
|
||||
svgHtmlIndex = svgHtml41
|
||||
} else if (svgIndex === 'zhan15') {
|
||||
svgHtmlIndex = svgHtml15
|
||||
} else if (svgIndex === 'zhan26') {
|
||||
svgHtmlIndex = svgHtml26
|
||||
} else if (svgIndex === 'ye23') {
|
||||
svgHtmlIndex = svgHtml23
|
||||
} else if (svgIndex === 'ye31') {
|
||||
svgHtmlIndex = svgHtml311
|
||||
}
|
||||
fun(svgHtmlIndex)
|
||||
console.log('3----1---结束渲染svg图')
|
||||
})
|
||||
// 潮流计算
|
||||
setTimeout(() => {
|
||||
nextTick(() => {
|
||||
console.log('4--0---svg动图开始')
|
||||
handleAnimate(result)
|
||||
console.log('4--1---svg动图结束')
|
||||
})
|
||||
}, 300)
|
||||
} else {
|
||||
ElMessage({
|
||||
showClose: true,
|
||||
message: '获取SVG图失败',
|
||||
type: 'error'
|
||||
})
|
||||
loadingFlag.value = false
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.log(error, '请求潮流结果出现错误')
|
||||
loadingFlag.value = false
|
||||
})
|
||||
// let setData = { id: svgIndex }
|
||||
// svgdApi(setData)
|
||||
// .then(res => {
|
||||
// SVGContainer.value.innerHTML = ''
|
||||
// // result接口
|
||||
// let { result } = res as any
|
||||
// console.log('1-----返回的数据', result)
|
||||
// if (result !== null) {
|
||||
// console.log('2------,rusult的数据不为空')
|
||||
// nextTick(() => {
|
||||
// console.log('3----0---开始渲染svg图')
|
||||
// // 更换svg图
|
||||
// let svgHtmlIndex = ''
|
||||
// if (svgIndex === '556') {
|
||||
// svgHtmlIndex = svgHtml2
|
||||
// } else if (svgIndex === '555') {
|
||||
// svgHtmlIndex = svgHtml
|
||||
// } else if (svgIndex === 'ying31') {
|
||||
// svgHtmlIndex = svgHtml31
|
||||
// } else if (svgIndex === 'ying41') {
|
||||
// svgHtmlIndex = svgHtml41
|
||||
// } else if (svgIndex === 'zhan15') {
|
||||
// svgHtmlIndex = svgHtml15
|
||||
// } else if (svgIndex === 'zhan26') {
|
||||
// svgHtmlIndex = svgHtml26
|
||||
// } else if (svgIndex === 'ye23') {
|
||||
// svgHtmlIndex = svgHtml23
|
||||
// } else if (svgIndex === 'ye31') {
|
||||
// svgHtmlIndex = svgHtml311
|
||||
// }
|
||||
// fun(svgHtmlIndex)
|
||||
// console.log('3----1---结束渲染svg图')
|
||||
// })
|
||||
// // 潮流计算
|
||||
// setTimeout(() => {
|
||||
// nextTick(() => {
|
||||
// console.log('4--0---svg动图开始')
|
||||
// handleAnimate(result)
|
||||
// console.log('4--1---svg动图结束')
|
||||
// })
|
||||
// }, 300)
|
||||
// } else {
|
||||
// ElMessage({
|
||||
// showClose: true,
|
||||
// message: '获取SVG图失败',
|
||||
// type: 'error'
|
||||
// })
|
||||
// loadingFlag.value = false
|
||||
// }
|
||||
// })
|
||||
// .catch(error => {
|
||||
// console.log(error, '请求潮流结果出现错误')
|
||||
// loadingFlag.value = false
|
||||
// })
|
||||
|
||||
|
||||
// ---------离线的svg 返回结果
|
||||
// 更换result接口
|
||||
// let svgJSONIndex = {}
|
||||
// if (svgIndex === '556') {
|
||||
// svgJSONIndex = svgJSON2.result
|
||||
// } else if (svgIndex === '555') {
|
||||
// svgJSONIndex = svgJSON.result
|
||||
// } else if (svgIndex === '迎31') {
|
||||
// svgJSONIndex = svgJSONying31.result
|
||||
// } else if (svgIndex === '迎41') {
|
||||
// svgJSONIndex = svgJSONying41.result
|
||||
// } else if (svgIndex === '站15') {
|
||||
// svgJSONIndex = svgJSONzhan15.result
|
||||
// } else if (svgIndex === '站26') {
|
||||
// svgJSONIndex = svgJSONzhan26.result
|
||||
// } else if (svgIndex === '业23') {
|
||||
// svgJSONIndex = svgJSONye23.result
|
||||
// } else if (svgIndex === '业31') {
|
||||
// svgJSONIndex = svgJSONye31.result
|
||||
// }
|
||||
// let result = svgJSONIndex
|
||||
// nextTick(() => {
|
||||
// // 更换svg图
|
||||
// let svgHtmlIndex = ''
|
||||
// if (svgIndex === '556') {
|
||||
// svgHtmlIndex = svgHtml2
|
||||
// } else if (svgIndex === '555') {
|
||||
// svgHtmlIndex = svgHtml
|
||||
// } else if (svgIndex === '迎31') {
|
||||
// svgHtmlIndex = svgHtml31
|
||||
// } else if (svgIndex === '迎41') {
|
||||
// svgHtmlIndex = svgHtml41
|
||||
// } else if (svgIndex === '站15') {
|
||||
// svgHtmlIndex = svgHtml15
|
||||
// } else if (svgIndex === '站26') {
|
||||
// svgHtmlIndex = svgHtml26
|
||||
// } else if (svgIndex === '业23') {
|
||||
// svgHtmlIndex = svgHtml23
|
||||
// } else if (svgIndex === '业31') {
|
||||
// svgHtmlIndex = svgHtml311
|
||||
// }
|
||||
// fun(svgHtmlIndex)
|
||||
// })
|
||||
let svgJSONIndex = {}
|
||||
if (svgIndex === '556') {
|
||||
svgJSONIndex = svgJSON2.result
|
||||
} else if (svgIndex === '555') {
|
||||
svgJSONIndex = svgJSON.result
|
||||
} else if (svgIndex === 'ying31') {
|
||||
svgJSONIndex = svgJSONying31.result
|
||||
} else if (svgIndex === 'ying41') {
|
||||
svgJSONIndex = svgJSONying41.result
|
||||
} else if (svgIndex === 'zhan15') {
|
||||
svgJSONIndex = svgJSONzhan15.result
|
||||
} else if (svgIndex === 'zhan26') {
|
||||
svgJSONIndex = svgJSONzhan26.result
|
||||
} else if (svgIndex === 'ye23') {
|
||||
svgJSONIndex = svgJSONye23.result
|
||||
} else if (svgIndex === 'ye31') {
|
||||
svgJSONIndex = svgJSONye31.result
|
||||
}
|
||||
let result = svgJSONIndex
|
||||
nextTick(() => {
|
||||
// 更换svg图
|
||||
let svgHtmlIndex = ''
|
||||
if (svgIndex === '556') {
|
||||
svgHtmlIndex = svgHtml2
|
||||
} else if (svgIndex === '555') {
|
||||
svgHtmlIndex = svgHtml
|
||||
} else if (svgIndex === 'ying31') {
|
||||
svgHtmlIndex = svgHtml31
|
||||
} else if (svgIndex === 'ying41') {
|
||||
svgHtmlIndex = svgHtml41
|
||||
} else if (svgIndex === 'zhan15') {
|
||||
svgHtmlIndex = svgHtml15
|
||||
} else if (svgIndex === 'zhan26') {
|
||||
svgHtmlIndex = svgHtml26
|
||||
} else if (svgIndex === 'ye23') {
|
||||
svgHtmlIndex = svgHtml23
|
||||
} else if (svgIndex === 'ye31') {
|
||||
svgHtmlIndex = svgHtml311
|
||||
}
|
||||
fun(svgHtmlIndex)
|
||||
})
|
||||
// 潮流计算
|
||||
// setTimeout(() => {
|
||||
// nextTick(() => {
|
||||
// handleAnimate(result)
|
||||
// })
|
||||
// }, 300)
|
||||
setTimeout(() => {
|
||||
nextTick(() => {
|
||||
handleAnimate(result)
|
||||
})
|
||||
}, 300)
|
||||
// ---------离线的svg 返回结果
|
||||
|
||||
function fun(svgHtml: any) {
|
||||
|
|
|
@ -431,7 +431,6 @@ import storage_echart from "./oneLine.vue";
|
|||
import threeEchart from "./3Dechart.vue";
|
||||
|
||||
import { alert_api, statInfo_api } from "@/api/homePage/SoureceApi";
|
||||
import { Vue3SeamlessScroll } from "vue3-seamless-scroll"; //滚动字幕
|
||||
|
||||
onMounted(() => {
|
||||
getStatInfo();
|
||||
|
|
Loading…
Reference in New Issue