| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | function refresh() { |
|---|
| | | //console.log("refresh", tagCodes.value) |
|---|
| | | if (tagCodes.value.length === 0) { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | getLiveData(tagCodes.value).then((response) => { |
|---|
| | | // console.log("tagCodes:::", tagCodes.value) |
|---|
| | | if (response.code === 200) { |
|---|
| | | if (response.data) { |
|---|
| | | response.data.forEach((tagValue) => { |
|---|
| | |
|---|
| | | } else { |
|---|
| | | value = "0" |
|---|
| | | } |
|---|
| | | |
|---|
| | | // console.log("tagValue::",tagValue) |
|---|
| | | let el = document.getElementById(tagValue.tagCode) |
|---|
| | | if (el) { |
|---|
| | | el.textContent = value |
|---|
| | | // 判断tagValue.tagCode是不是以old或seven或out开头 |
|---|
| | | if (tagValue.tagCode.startsWith("old") || tagValue.tagCode.startsWith("seven") || tagValue.tagCode.startsWith("out")) { |
|---|
| | | // 获取 el下的g标签下的text标签，赋值为value |
|---|
| | | let svgTextElement = el.querySelector("g").querySelector("text"); |
|---|
| | | console.log("svgTextElement::",svgTextElement) |
|---|
| | | svgTextElement.textContent = value; |
|---|
| | | }else { |
|---|
| | | if (parseFloat(value) > 0) { |
|---|
| | | el.setAttribute("fill", "rgb(0,234,136)") |
|---|
| | | }else { |
|---|
| | | el.setAttribute("fill", "rgb(255,82,96)") |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // console.log("el::",el) |
|---|
| | | // 将el的fill属性设置为23 |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | //这块是单独加的 用来处理 没有指标或者指标没有结果的 都设置0 |
|---|
| | | let allText = document.getElementsByTagName("text") |
|---|
| | | for (let i = 0; i < allText.length; i++) { |
|---|
| | | // console.log(i + "textContent=" + allText[i].textContent); |
|---|
| | | if (allText[i].textContent == null || allText[i].textContent == "") { |
|---|
| | | allText[i].textContent = "0" |
|---|
| | | } |
|---|
| | | } |
|---|
| | | // let allText = document.getElementsByTagName("g") |
|---|
| | | // for (let i = 0; i < allText.length; i++) { |
|---|
| | | // // console.log(i + "textContent=" + allText[i].textContent); |
|---|
| | | // if (allText[i].textContent == null || allText[i].textContent == "") { |
|---|
| | | // allText[i].textContent = "0" |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | |
|---|
| | | xhr.addEventListener("load", () => { |
|---|
| | | const resXML = xhr.responseXML |
|---|
| | | let svgDom = resXML.documentElement.cloneNode(true) |
|---|
| | | let values = svgDom.getElementsByTagName("text") |
|---|
| | | let values = svgDom.getElementsByTagName("g") |
|---|
| | | for (let i = 0; i < values.length; i++) { |
|---|
| | | let tag = tags.value.filter((f) => f.param === values[i].textContent) |
|---|
| | | let tag_id = values[i].getAttribute("id"); |
|---|
| | | let tag = tags.value.filter((f) => f.param === values[i].id.split("_")[0]) |
|---|
| | | if (tag && tag.length > 0) { |
|---|
| | | let tagCode = tag[0].tag |
|---|
| | | values[i].textContent = "" |
|---|
| | | |
|---|
| | | if (tagCode) { |
|---|
| | | values[i].setAttribute("id", tagCode) |
|---|
| | | tagCodes.value.push(tagCode) |
|---|
