`
let trElm = document.createRange().createContextualFragment(tr)
tableContent.appendChild(trElm)
}
let item = tableContent.getElementsByClassName('tr')
let fun = {
linkEdit: async (index) => {
await this.setAttributeLinkById(nodeId, this._DialogObject.attribute.link.content)
let table = this._DialogObject._element.content.getElementsByClassName('attribute-content-link')[1].getElementsByClassName('table')[0]
let tableContent = table.getElementsByClassName('table-body')[0]
let item = tableContent.getElementsByClassName('tr')
for (let i = 0; i < item.length; i++) {
if (index === i) {
let html = `
`
item[i].innerHTML = html
let td = item[i].getElementsByClassName('td')
td[0].getElementsByClassName('input')[0].value = this._DialogObject.attribute.link.content[index].name
td[1].getElementsByClassName('input')[0].value = this._DialogObject.attribute.link.content[index].url
let btn = item[i].getElementsByTagName('button')
for (let n = 0; n < btn.length; n++) {
for (let m of btn[n].attributes) {
if (m.name === '@click') {
btn[n].addEventListener('click', (e) => {
if (typeof (fun[m.value]) === 'function') {
fun[m.value]({ name: td[0].getElementsByClassName('input')[0].value, url: td[1].getElementsByClassName('input')[0].value }, i)
}
});
btn[n].attributes.removeNamedItem(m.name)
break
}
}
}
break
}
}
},
linkDelete: (i) => {
this._DialogObject.attribute.link.content.splice(i, 1)
this.setAttributeLinkById(nodeId, this._DialogObject.attribute.link.content)
},
confirmEdit: (value, i) => {
this._DialogObject.attribute.link.content[i] = value
this.setAttributeLinkById(nodeId, this._DialogObject.attribute.link.content)
},
cancelEdit: () => {
this.setAttributeLinkById(nodeId, this._DialogObject.attribute.link.content)
},
fileSelect: (value, i) => {
this._DialogObject.event && this._DialogObject.event.clickAddLink && this._DialogObject.event.clickAddLink(nodeId, i)
}
}
for (let i = 0; i < item.length; i++) {
let btn = item[i].getElementsByTagName('button')
for (let n = 0; n < btn.length; n++) {
for (let m of btn[n].attributes) {
if (m.name === '@click') {
btn[n].addEventListener('click', (e) => {
if (typeof (fun[m.value]) === 'function') {
fun[m.value](i)
}
});
btn[n].attributes.removeNamedItem(m.name)
break
}
}
}
}
}
for (let i = 0; i < this.dataArray.length; i++) {
if (this.dataArray[i].attr.id === nodeId) {
if (this.dataArray[i].content) {
this.opt_DialogObject.attribute.link.content = v
}
break
}
}
}
getAllNode() {
return this.data
}
openAllNodeList() {
OpenAllNodeList(this)
}
openNodeListById(id) {
OpenNodeListById(this, id)
}
static createTableContent(that) {
let trsElm = ''
for (let i = 0; i < that.currentData.length; i++) {
let trElm = '
'
let tdElm = ''
for (let key in that.currentData[i].attr) {
tdElm = tdElm + `
${that.currentData[i].attr[key]}
`
}
trElm = trElm + tdElm + '
'
trsElm = trsElm + trElm
}
return trsElm
}
flyTo(id, options = {}) {
if (id) {
for (let i = 0; i < this.geojson.features.length; i++) {
if (this.geojson.features[i].properties.id === id) {
let range = this.geojson.features[i].geometry.range
if (range) {
this.viewer.camera.flyTo({
orientation: options.orientation || {
heading: Cesium.Math.toRadians(0.0),
pitch: Cesium.Math.toRadians(-90.0),
roll: Cesium.Math.toRadians(0.0)
},
destination: Cesium.Rectangle.fromDegrees(range.min_x, range.min_y, range.max_x, range.max_y)
});
}
}
}
}
else {
if (this.range) {
this.viewer.camera.flyTo({
orientation: options.orientation || {
heading: Cesium.Math.toRadians(0.0),
pitch: Cesium.Math.toRadians(-90.0),
roll: Cesium.Math.toRadians(0.0)
},
destination: Cesium.Rectangle.fromDegrees(this.range.min_x, this.range.min_y, this.range.max_x, this.range.max_y)
});
}
}
}
setShow(status, id) {
// let enetity = this.entity.entities.getById(id)
// if(enetity) {
// enetity.show = status
// }
// else {
// }
if (id) {
for (let i = 0; i < this.entity.entities.values.length; i++) {
if (this.entity.entities.values[i].id && this.entity.entities.values[i].id.startsWith(id)) {
this.entity.entities.values[i].show = status
// this.entity.entities.remove(this.entity.entities.values[i])
}
}
}
else {
for (let i = 0; i < this.entity.entities.values.length; i++) {
this.entity.entities.values[i].show = status
}
}
}
remove() {
this.entity.entities.values.forEach(enetity => {
this.sdk.viewer.entities.remove(enetity)
})
this.viewer.dataSources.remove(this.entity, true)
this.entity = null
this.geojson = {}
this.data = {}
}
cameraSelect(cameraName, page) {
const type = {
'1': '海康',
'2': '大华'
}
let host = this.options.host
if (this._DialogObject && this._DialogObject._element && this._DialogObject._element.content) {
let paginationElm = that._DialogObject._element.content.getElementsByClassName('pagination')[0]
let attributeCameraElm = that._DialogObject._element.content.getElementsByClassName('attribute-content-camera')[0]
if (!paginationElm) {
return
}
if (!attributeCameraElm) {
return
}
generatePagination(paginationElm, 1, 10, 1);
}
else {
return
}
let url = ""
const params = {
cameraName: cameraName,
page: !page || typeof page === 'object' ? 1 : page,
pageSize: 5
};
const queryString = new URLSearchParams(params).toString();
if (host.endsWith("yjearth4.0"))
url = `${host}/api/v1/cameraData/list?${queryString}`
else
url = `${host}/yjearth4.0/api/v1/cameraData/list?${queryString}`
// url = this.options.path
fetch(url, {
method: 'get',
headers: {
'Content-Type': 'application/json',
"token": getToken(),
"Authorization": "Bearer " + getToken(),
}
}).then((response) => {
if (response.status === 200) {
response.json().then((data) => {
if (data.code === 200 || data.code === 0) {
if (!this._DialogObject || !this._DialogObject._element || !this._DialogObject._element.content) {
return
}
let paginationElm = this._DialogObject._element.content.getElementsByClassName('pagination')[0]
let table = this._DialogObject._element.content.getElementsByClassName('camera-table')[0]
let tableContent = table.getElementsByClassName('table-body')[0]
tableContent.innerHTML = ''
if (data.data) {
if (data.data.list && data.data.list.length > 0) {
generatePagination(paginationElm, data.data.total, 10, 1, (pageIndex) => {
this.cameraSelect(cameraName, pageIndex)
});
table.getElementsByClassName('table-empty')[0].style.display = 'none'
tableContent.style.display = 'inline-flex'
for (let i = 0; i < data.data.list.length; i++) {
let tr = `