“yu” 2024-07-14 01:32:48 +08:00
parent 8a3e38fb39
commit b4075ece05
7 changed files with 19881 additions and 17995 deletions

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

View File

@ -394,17 +394,84 @@ let handleShowSvg = async (svgIndex: string) => {
dialogVisible.value = true dialogVisible.value = true
loadingFlag.value = true loadingFlag.value = true
let setData = { id: svgIndex } // let setData = { id: svgIndex }
svgdApi(setData) // svgdApi(setData)
.then(res => { // .then(res => {
SVGContainer.value.innerHTML = '' // SVGContainer.value.innerHTML = ''
// result // // result
let { result } = res as any // let { result } = res as any
console.log('1-----返回的数据', result) // console.log('1-----', result)
if (result !== null) { // if (result !== null) {
console.log('2------rusult的数据不为空') // 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 === '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(() => { nextTick(() => {
console.log('3----0---开始渲染svg图')
// svg // svg
let svgHtmlIndex = '' let svgHtmlIndex = ''
if (svgIndex === '556') { if (svgIndex === '556') {
@ -425,80 +492,13 @@ let handleShowSvg = async (svgIndex: string) => {
svgHtmlIndex = svgHtml311 svgHtmlIndex = svgHtml311
} }
fun(svgHtmlIndex) fun(svgHtmlIndex)
console.log('3----1---结束渲染svg图')
}) })
// //
setTimeout(() => { setTimeout(() => {
nextTick(() => { nextTick(() => {
console.log('4--0---svg动图开始')
handleAnimate(result) handleAnimate(result)
console.log('4--1---svg动图结束')
}) })
}, 300) }, 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)
// })
//
// setTimeout(() => {
// nextTick(() => {
// handleAnimate(result)
// })
// }, 300)
// ---------线svg // ---------线svg
function fun(svgHtml: any) { function fun(svgHtml: any) {

View File

@ -431,7 +431,6 @@ import storage_echart from "./oneLine.vue";
import threeEchart from "./3Dechart.vue"; import threeEchart from "./3Dechart.vue";
import { alert_api, statInfo_api } from "@/api/homePage/SoureceApi"; import { alert_api, statInfo_api } from "@/api/homePage/SoureceApi";
import { Vue3SeamlessScroll } from "vue3-seamless-scroll"; //
onMounted(() => { onMounted(() => {
getStatInfo(); getStatInfo();