Statistics project study notes

1、

http://218.244.157.0:55443/index.html

 During initial access, the pop-up window is the index.html file, which consists of html commands. The UI interface displayed by html uses WIN10-UI, and its introduction can be introduced in the README.md of the project folder.

Win10-UI is a win10-style background UI, allowing you to easily build a unique background interface.

The body section of index.html:

    <div id="win10">
        <div class="desktop">
            <div id="win10-shortcuts" class="shortcuts-hidden">
                <div class="shortcut"
                     onclick="Win10.openUrl('/Template/map.html',
                     '<img class=\' icon\' src=\'./img/icon/maps.png\' />设备位置')">
                <img class="icon" src="./img/icon/maps.png" />
                <div class="title">设备位置</div>
            </div>
            <div class="shortcut" onclick="Win10.openUrl('/Template/chart.html',
                 '<img class=\' icon\' src=\'./img/icon/demo.png\' />统计报表')">
                <img class="icon" src="./img/icon/demo.png" />
                <div class="title">统计报表</div>
            </div>
        </div>
        <div id="win10-desktop-scene"></div>
    </div>

The following section explains that clicking on the device location will open the map.html file located in the project Template folder

            <div id="win10-shortcuts" class="shortcuts-hidden">
                <div class="shortcut"
                     onclick="Win10.openUrl('/Template/map.html',
                     '<img class=\' icon\' src=\'./img/icon/maps.png\' />设备位置')">
                <img class="icon" src="./img/icon/maps.png" />
                <div class="title">设备位置</div>
            </div>

The following section explains that clicking on the device location opens the map.html file:

            <div class="shortcut" onclick="Win10.openUrl('/Template/chart.html',
                 '<img class=\' icon\' src=\'./img/icon/demo.png\' />统计报表')">
                <img class="icon" src="./img/icon/demo.png" />
                <div class="title">统计报表</div>
            </div>

 

 

Problem 1: The URL cannot be opened normally in IE browser and 360 browser, but can be opened normally in Google browser.

Page initial view: device location, statistical reports, Windows keys, ie browser buttons, time display, message prompts.

Core function view: device location, statistical reports

Each click of the above two view buttons will pop up a corresponding new window, and multiple clicks will pop up multiple windows.

Click 'Statistical Report', the pop-up window is /Template/chart.html file;

Click 'Device Location', the pop-up window is /Template/map.html file;