1
suerprisePlus
2024-06-06 7acf7ad6948e3e952173a2551ea4a92a8ff56c35
public/CimSDK/Workers/analysis/AnalysisShadow.html
@@ -5,7 +5,7 @@
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>阴影分析</title>
    <title>Shadow Analysis</title>
    <link href="../layui/css/layui.css" rel="stylesheet" />
    <style>
        html {
@@ -40,43 +40,39 @@
<body>
    <div class="dateBox">
        <div class="layui-inline" style="margin-top: 15px">
            <label class="layui-form-label">日期选择</label>
            <label class="layui-form-label" id="pickDate"></label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="date" placeholder="yyyy-MM-dd">
            </div>
        </div>
        <div class="layui-inline" style="margin-top: 15px">
            <label class="layui-form-label">开始时间</label>
            <label class="layui-form-label" id="startLabel"></label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="startTime" placeholder="HH:mm:ss">
            </div>
        </div>
        <div class="layui-inline" style="margin-top: 15px">
            <label class="layui-form-label">结束时间</label>
            <label class="layui-form-label" id="endLabel"></label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="endTime" placeholder="HH:mm:ss">
            </div>
        </div>
        <div class="layui-form-item" style="margin-top: 15px">
            <label class="layui-form-label" style="font-weight: bold">播放时间</label>
            <label class="layui-form-label" style="font-weight: bold" id="playLabel"></label>
            <div class="layui-input-inline">
                <input id='speed' type="number" lay-verify="pass" value="20" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <button type="button" class="layui-btn layui-btn-normal play" title="播放" style="margin-left: 35px;padding: 0 50px;">
                <!-- <i class="layui-icon">&#xe652;</i> -->
                播放
            <button type="button" id="play" class="layui-btn layui-btn-normal play" style="margin-left: 35px;padding: 0 50px;">
            </button>
            <button type="button" class="layui-btn layui-btn-normal stop" title="暂停" style="margin-left: 17px;padding: 0 50px;">
                <!-- <i class="layui-icon">&#xe651;</i> -->
                暂停
            <button type="button" id="pause" class="layui-btn layui-btn-normal stop" style="margin-left: 17px;padding: 0 50px;">
            </button>
        </div>
    </div>
    <script src="../jquery-2.0.3.js"></script>
    <script src="../jquery-3.5.0.min.js"></script>
    <script src="../layui/layui.js"></script>
    <!-- <script src="./js/AnalysisShadow.js"></script> -->
    <script>
@@ -89,6 +85,18 @@
                var Viewer = parent.Viewer;
                var Cesium = parent.Cesium;
                var layer = parent.layer;
                document.getElementById("pickDate").innerHTML = `${Viewer.language.SG_PICK_DATE}`
                document.getElementById("startLabel").innerHTML = `${Viewer.language.SG_START_TIME}`
                document.getElementById("endLabel").innerHTML = `${Viewer.language.SG_END_TIME}`
                document.getElementById("playLabel").innerHTML = `${Viewer.language.SG_PLAY_TIME}`
                document.getElementById("play").innerHTML = `${Viewer.language.SG_PLAY}`
                document.getElementById("pause").innerHTML = `${Viewer.language.SG_PAUSE}`
                var layLang = Viewer.language.lang;
                if(layLang === 'en-US'){
                  layLang = 'en'
                } else {
                  layLang = 'cn'
                }
                Viewer.shadows = true;
                Viewer.clock.clockRange = 2;
@@ -108,6 +116,7 @@
                    elem: '#date'
                    , format: 'yyyy-MM-dd'
                    , value: new Date()
                  ,  lang: layLang
                    , done: function (value, _date, endDate) {
                        date = value;
                        isPlay = false;
@@ -118,11 +127,12 @@
                    , format: 'HH:mm:ss'
                    , type: 'time'
                    , value: '10:00:00'
                    ,  lang: layLang
                    , done: function (value, _date, endDate) {
                        let sNum = new Date(date + ' ' + value).getTime() / 1000;
                        let eNum = new Date(date + ' ' + stopTime).getTime() / 1000;
                        if (sNum > eNum) {
                            layer.msg('开始时间大于结束时间,请重新选择');
                            layer.msg(`${Viewer.language.SG_START_TIME_LATER_THAN_END}`);
                            return;
                        }
                        startTime = value;
@@ -135,11 +145,12 @@
                    , format: 'HH:mm:ss'
                    , value: '18:00:00'
                    , type: 'time'
                  ,  lang: layLang
                    , done: function (value, _date, endDate) {
                        let sNum = new Date(date + ' ' + startTime).getTime() / 1000;
                        let eNum = new Date(date + ' ' + value).getTime() / 1000;
                        if (sNum > eNum) {
                            layer.msg('开始时间大于结束时间,请重新选择');
                            layer.msg(`${Viewer.language.SG_START_TIME_LATER_THAN_END}`);
                            return;
                        }
                        stopTime = value;
@@ -189,4 +200,4 @@
    </script>
</body>
</html>
</html>