|
@@ -46,3 +46,71 @@ function create_html() {
|
|
|
}
|
|
|
function create_element(dName, deviceTypes, floorNum, ownercode) {
|
|
|
|
|
|
+ var srcElem = document.getElementById('board');
|
|
|
+
|
|
|
+ if (deviceTypes == 'YTVA') {
|
|
|
+ var sign =
|
|
|
+ `<div class="sign" id=${dName} style="font-size: 12px;width: 120px;text-align: center;background-color: rgba(0, 0, 0, .6);border: 0px solid #eeeeee;border-radius: 8px;color: #eee;position: absolute;top: 0;left: 0;z-index: 10;display: none;">
|
|
|
+ <div class="s1" style="margin: 5px 0px 5px 0px;line-height: 32px;overflow: hidden;">
|
|
|
+ <span class="span-l icon" style="float: left;width: 30px;height: 30px;background:url(https://s3.ax1x.com/2021/03/10/6J9mvD.png) no-repeat center;margin: 1px 1px 1px 5px;"></span>
|
|
|
+ <span class="span-l font" style="float: left;margin: 0px 0px 0px 1px;">${dName}</span>
|
|
|
+ </div>
|
|
|
+ </div>`
|
|
|
+ } else if (deviceTypes == 'YTWP') {
|
|
|
+ var sign =
|
|
|
+ `<div class="sign" id=${dName} style="font-size: 12px;width: 120px;text-align: center;background-color: rgba(0, 0, 0, .6);border: 0px solid #eeeeee;border-radius: 8px;color: #eee;position: absolute;top: 0;left: 0;z-index: 10;display: none;">
|
|
|
+ <div class="s1" style="margin: 5px 0px 5px 0px;line-height: 32px;overflow: hidden;">
|
|
|
+ <span class="span-l icon" style="float: left;width: 30px;height: 30px;background:url(https://s3.ax1x.com/2021/03/10/6J9GPP.png) no-repeat center;margin: 1px 1px 1px 5px;"></span>
|
|
|
+ <span class="span-l font" style="float: left;margin: 0px 0px 0px 1px;">${dName}</span>
|
|
|
+ </div>
|
|
|
+ </div>`
|
|
|
+ } else if (deviceTypes == 'YTCI') {
|
|
|
+ var sign =
|
|
|
+ `<div class="sign" id=${dName} style="font-size: 12px;width: 120px;text-align: center;background-color: rgba(0, 0, 0, .6);border: 0px solid #eeeeee;border-radius: 8px;color: #eee;position: absolute;top: 0;left: 0;z-index: 10;display: none;">
|
|
|
+ <div class="s1" style="margin: 5px 0px 5px 0px;line-height: 32px;overflow: hidden;">
|
|
|
+ <span class="span-l icon" style="float: left;width: 30px;height: 30px;background:url(https://s3.ax1x.com/2021/03/10/6J935t.png) no-repeat center;margin: 1px 1px 1px 5px;"></span>
|
|
|
+ <span class="span-l font" style="float: left;margin: 0px 0px 0px 1px;">${dName}</span>
|
|
|
+ </div>
|
|
|
+ </div>`
|
|
|
+ } else if (deviceTypes == 'YTEF') {
|
|
|
+ var sign =
|
|
|
+ `<div class="sign" id=${dName} style="font-size: 12px;width: 120px;text-align: center;background-color: rgba(0, 0, 0, .6);border: 0px solid #eeeeee;border-radius: 8px;color: #eee;position: absolute;top: 0;left: 0;z-index: 10;display: none;">
|
|
|
+ <div class="s1" style="margin: 5px 0px 5px 0px;line-height: 32px;overflow: hidden;">
|
|
|
+ <span class="span-l icon" style="float: left;width: 30px;height: 30px;background:url(https://s3.ax1x.com/2021/03/10/6J91UI.png) no-repeat center;margin: 1px 1px 1px 5px;"></span>
|
|
|
+ <span class="span-l font" style="float: left;margin: 0px 0px 0px 1px;">${dName}</span>
|
|
|
+ </div>
|
|
|
+ </div>`
|
|
|
+ } else if (deviceTypes == 'YTFC') {
|
|
|
+ var sign =
|
|
|
+ `<div class="sign" id=${dName} style="font-size: 12px;width: 120px;text-align: center;background-color: rgba(0, 0, 0, .6);border: 0px solid #eeeeee;border-radius: 8px;color: #eee;position: absolute;top: 0;left: 0;z-index: 10;display: none;">
|
|
|
+ <div class="s1" style="margin: 5px 0px 5px 0px;line-height: 32px;overflow: hidden;">
|
|
|
+ <span class="span-l icon" style="float: left;width: 30px;height: 30px;background:url(https://s3.ax1x.com/2021/03/10/6J9lVA.png) no-repeat center;margin: 1px 1px 1px 5px;"></span>
|
|
|
+ <span class="span-l font" style="float: left;margin: 0px 0px 0px 1px;">${dName}</span>
|
|
|
+ </div>
|
|
|
+ </div>`
|
|
|
+ } else if (deviceTypes == 'YTSM') {
|
|
|
+ var sign =
|
|
|
+ `<div class="sign" id=${dName} style="font-size: 12px;width: 120px;text-align: center;background-color: rgba(0, 0, 0, .6);border: 0px solid #eeeeee;border-radius: 8px;color: #eee;position: absolute;top: 0;left: 0;z-index: 10;display: none;">
|
|
|
+ <div class="s1" style="margin: 5px 0px 5px 0px;line-height: 32px;overflow: hidden;">
|
|
|
+ <span class="span-l icon" style="float: left;width: 30px;height: 30px;background:url(https://s3.ax1x.com/2021/03/10/6J9Mbd.png) no-repeat center;margin: 1px 1px 1px 5px;"></span>
|
|
|
+ <span class="span-l font" style="float: left;margin: 0px 0px 0px 1px;">${dName}</span>
|
|
|
+ </div>
|
|
|
+ </div>`
|
|
|
+ } else if (deviceTypes == 'YTLL') {
|
|
|
+ var sign =
|
|
|
+ `<div class="sign" id=${dName} style="font-size: 12px;width: 120px;text-align: center;background-color: rgba(0, 0, 0, .6);border: 0px solid #eeeeee;border-radius: 8px;color: #eee;position: absolute;top: 0;left: 0;z-index: 10;display: none;">
|
|
|
+ <div class="s1" style="margin: 5px 0px 5px 0px;line-height: 32px;overflow: hidden;">
|
|
|
+ <span class="span-l icon" style="float: left;width: 30px;height: 30px;background:url(https://s3.ax1x.com/2021/03/10/6J9J8f.png) no-repeat center;margin: 1px 1px 1px 5px;"></span>
|
|
|
+ <span class="span-l font" style="float: left;margin: 0px 0px 0px 1px;">${dName}</span>
|
|
|
+ </div>
|
|
|
+ </div>`
|
|
|
+ } else if (deviceTypes == 'YTWI') {
|
|
|
+ var sign =
|
|
|
+ `<div class="sign" id=${dName} style="font-size: 12px;width: 120px;text-align: center;background-color: rgba(0, 0, 0, .6);border: 0px solid #eeeeee;border-radius: 8px;color: #eee;position: absolute;top: 0;left: 0;z-index: 10;display: none;">
|
|
|
+ <div class="s1" style="margin: 5px 0px 5px 0px;line-height: 32px;overflow: hidden;">
|
|
|
+ <span class="span-l icon" style="float: left;width: 30px;height: 30px;background:url(https://s3.ax1x.com/2021/03/10/6J9Y28.png) no-repeat center;margin: 1px 1px 1px 5px;"></span>
|
|
|
+ <span class="span-l font" style="float: left;margin: 0px 0px 0px 1px;">${dName}</span>
|
|
|
+ </div>
|
|
|
+ </div>`
|
|
|
+ }
|
|
|
+
|