首页添加

gulpfile.js

@@ -84,6 +84,7 @@ gulp.task("copy", function() {
             config.src + "/**/*.mp3",
             config.src + "/**/*.mp4",
             config.src + "/**/*.gif",
+            config.src + "/**/*.jpg",
             config.src + "/**/*.properties"
         ])
         .pipe(gulp.dest(config.dist));

src/bigDataPanel/css/login.css

@@ -0,0 +1,301 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+html,
+body {
+    height: 100%;
+    width: 100%;
+    font-family: 微软雅黑, Verdana, Geneva, Tahoma, sans-serif;
+    overflow: hidden;
+}
+.hidemainContainer{
+    display: none;
+}
+#mainContainer {
+    width: 100%;
+    height: 100%;
+    background-image: url(./img/back.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+.bigDataPanle{
+    height: 100%;
+    width: 100%;
+    /* background: url(./img/bigDataPanel.png); */
+    background-image: url(./img/bigDataPanel.png);
+    background-size: inherit;
+    /* background-image: url(./img/bigDataPanel.png); */
+    /* background-position: center;
+    background-size: contain;
+    background-repeat: no-repeat; */
+}
+.goToSys{
+    position: absolute;
+    right: 20px;
+    top: 20px;
+    height: 56px;
+    width: 196px;
+    background-image: url(./img/gotosys.png);
+    background-position: center;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
+
+.itemControl td{
+    display: flex;
+}
+.titlespan{
+    width: 100%;
+    text-align: center;
+    font-size: 32px;
+    position: absolute;
+    top:calc((100% - 300px)/2 - 66px);
+    color: white;
+}
+.titleremark{ 
+    background: url(./img/tt_03.png);
+    width: 766px;
+    height: 26px;
+    position: absolute;
+    left: calc((100% - 766px)/2);
+    top:calc((100% - 300px)/2 - 24px);
+}
+.itemControl .imgdiv{
+    position: relative;
+    margin-right: 140px;
+}
+.itemControl .imgdiv:last-child{
+    margin-right:0px;
+}
+.itemControl .imgtitle {
+    color: white;
+    text-align: center;
+    font-size: 30px;
+    position: absolute;
+    width: 264px;
+    top: 170px;
+}
+
+.itemControl td img{
+    cursor: pointer;
+}
+
+#mainContainer .loadingCartoon{
+    width: 100%;
+    height: 100%;
+}
+.imgtitle span{
+    cursor: pointer;
+}
+#mainContainer .loadingCartoon .marklog {
+    position: absolute;
+    top:  calc(50% - 240px);
+    margin: 0 auto;
+    width: 72px;
+    height: 71px;
+    z-index: 1;
+    left: calc(50% - 50px);
+}
+#mainContainer .loadingCartoon .marklog img{
+    width: 120px;
+    height: 120px;
+}       
+.shadow {
+position: absolute;
+width: 100%;
+height: 380px;
+top:calc((50% - 100px));
+background-repeat: no-repeat;
+background-size: 100% 100%;
+}
+
+.logoContainer {
+    font-size: 36px;
+    position: absolute;
+    top: 3px;
+    width: 100%;
+    font-weight: 560;
+    color: #fff;
+    text-align: center;
+}
+.logoContainer p {
+    text-align: center;
+}
+
+
+/*登录框*/
+.shadow table {
+    width: 100%;
+    position: absolute;
+    top: 50px;  
+}
+
+.usernameContainer img,.passwordContainer img {
+    width: 26px;
+    height: 28px;
+    margin-top: 40px;
+    position: absolute;
+    margin-left: 17px;
+}
+
+
+
+
+.login {
+    background-image: url(./img/loginbtn0.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    border: none;
+    border-radius: 0;
+    background-color: transparent;
+    color: white;
+    font-size: 16px;
+    padding: 0px;
+    letter-spacing: 8px;
+    width: 300px;
+    height: 60px;
+    margin-top: 60px;  
+}
+
+.login p{
+    text-align: center;
+    font-size: 26px;
+    font-weight: 400;
+    vertical-align: middle;
+    padding-top: 8px;
+}
+
+.login:hover {
+  background-image: url(./img/loginbtn1.png);  
+  cursor: pointer;
+}
+
+.checkContainer .remember,.checkContainer .remember_check{
+    background-image: url(./img/login_remember_n.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    border: none;
+    border-radius: 0;
+    background-color: transparent;
+    position: absolute;
+    margin-left: 190px;
+    margin-top: 15px;
+    height: 20px;
+    width: 20px;
+    cursor: pointer;
+}
+.checkContainer .check{
+    background-image: url(./img/login_remember_s.png);
+    width: 24px;
+    height: 24px;
+    margin-top: 10px;
+}
+
+.checkContainer p{
+    position: absolute;
+    margin-left: 220px;
+    margin-top: 8px;
+    font-size: 20px;
+    color: #31d5ff;    
+}
+
+.error {
+    background-image: url(./img/login_error.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    border: none;
+    border-radius: 0;
+    background-color: transparent;
+    position: absolute;
+    width: 420px;
+    height: 40px;
+    margin-left: calc(50% - 210px);
+    top: calc(10% + 472px);
+    text-align: center;
+    font-size: 20px;
+    color: #31d5ff;
+    padding-top: 5px;
+    display: none;
+}
+
+
+/*底部信息 */
+.info {
+    width: 100%;
+    height: 30px;
+    position: absolute;
+    bottom: 0;
+}
+
+.info p {
+    margin-left: auto;
+    margin-right: auto;
+    width: 750px;
+    text-align: center;
+}
+
+.info span {
+    margin-left: 30px;
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 12px;
+}
+
+.info span.end {
+    margin-right: 30px;
+}
+
+
+#mainContainer .loadingCartoon {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 5;
+    }
+#mainContainer .loadingCartoon .mask {
+        width: 100%;
+        height: 100%;
+        background: #f0ede5;
+        background-image: url(./img/back.png);
+        background-size: 100% 100%;
+        background-repeat: no-repeat;
+    }
+#mainContainer .loadingCartoon .mask .loading-logo {
+        position: relative;
+        margin: 0 auto;
+    }
+#mainContainer .loadingCartoon .mask .loading-logo img{
+        width: 100%;
+        height: 100%;
+    }
+#mainContainer .loadingCartoon .mask .title {
+        position: absolute;
+        top: calc(50% - 50px);
+        letter-spacing: 5px;
+        width: 100%;
+        text-align: center;
+        font-family: "Microsoft YaHei";
+        font-weight: bold;
+        color: #009cfa;
+        text-shadow: 3px 3px 8px #333333;
+    }
+#mainContainer .loadingCartoon .mask .progress{
+        border-radius: 15px;
+        border: 2px solid #04e7f0;
+        background-color: #47b8d2;
+    }
+#mainContainer .loadingCartoon .mask .progressContainer {
+        position: absolute;
+        top:  calc(50% + 20px);
+        left: 25%;
+        width: 50%;
+    }
+#mainContainer .loadingCartoon .mask .progressContainer .prompt{
+        font-family: "Microsoft YaHei";
+        color: #009cfa;
+        text-align: center;
+        margin-bottom: 3px;
+    }

src/bigDataPanel/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>长江大保护GIS+BIM数字管网系统</title>
+    <link rel=”icon” href=”favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
+    <link type="text/css" rel="stylesheet" href="../vendor/bootstrap-4.0.0/css/bootstrap.min.css">
+    <link type="text/css" rel="stylesheet" href="./css/login.css">
+</head>
+
+<body>
+    <div id='mainContainer' class='hidemainContainer'>
+        <div class="loadingCartoon">
+            <div class="mask">
+                <div class="loading-logo">
+                    <div class="marklog"><img src='./css/img/companymark.png' /></div>
+                    <img src="./css/img/back.png" alt="长江大保护GIS+BIM数字管网系统">
+                </div>
+                <div class="title">
+                    <h1>
+                        长江大保护GIS+BIM数字管网系统
+                    </h1>
+                </div>
+                <div class="progressContainer">
+                    <div class="progress">
+                        <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" data-count="0" style="width: 0%">
+                            0%
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="bigDataPanle">
+         <div class='goToSys'></div>
+        </div>
+        <div class="error">
+            <span class="errorInfoUsername"></span>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="../vendor/jquery-3.3.1/jquery.min.js"></script>
+<script type="text/javascript" src="../vendor/js-security/sha1.js"></script>
+<script type="text/javascript" src="../vendor/js-cookie-2.1.3/cookie.min.js"></script>
+<script type="text/javascript" src="./js/login.js"></script>
+
+</html>

src/bigDataPanel/js/login.js

@@ -0,0 +1,162 @@
+/* CONFIGURE START */
+var SYS_ADDR = location.href.replace(/bigDataPanel\/+$/, ""),
+    API_ADDR = "http://10.37.25.78:8568";
+COOKIE_PATH = location.pathname.replace(/bigDataPanel\/+$/, "");
+IMG_WIDTH = 264;
+/* CONFIGURE END */
+
+/**
+ * 加载完成时事件
+ */
+window.onload = function () {
+    let username = getCookies("username");
+    if (username == 'admin') {
+        sys("sys");
+    } else {
+        getSystem();
+        isheight = false;
+    }
+    function getSystem() {
+        let token = getCookies("token");
+        $.ajax({
+            headers: {
+                'Authorization': 'bearer ' + token
+            },
+            url: API_ADDR + '/base/user/initData',
+            type: "GET",
+            data: {
+                platform: 1,
+            },
+
+            dataType: "json",
+            success: function (data) {
+                if (data.code == 1) {
+                    systemInfoList = data.result.subsystem;
+                    if (systemInfoList.length == 0) {
+                        console.error("该账户未分配系统");
+                        window.location.href = SYS_ADDR + "/login";
+                    } 
+                    // else if (systemInfoList.length == 1) {
+                    //     sys(systemInfoList[0].id);
+                    // } 
+                    else {
+                        let dom = "";
+                        let table_str = "<tr><td>";
+                        $.each(systemInfoList, function (i, item) {
+                            table_str += "<div class='imgdiv'><img data-systemid='" + item.id + "' value='" + i + "' class='sysitem " + item.id + "' src='" + item.icon1 + "'><div class='imgtitle'><span data-systemid='" + item.id + "' value='" + i + "' >" + item.title + "</span></div></div>"
+                        })
+                        table_str += "</td></tr>"
+                        itemtotallength = IMG_WIDTH * systemInfoList.length + (systemInfoList.length - 1) * 140;
+                        margin_left = "calc((100% - " + itemtotallength + "px)/2)";
+                        $(".itemControl").empty().append(table_str);
+                        $(".itemControl td .imgdiv:first").css("margin-left", margin_left);
+                        $("#mainContainer").removeClass("hidemainContainer");
+                        loadingCartoon();
+                        bindInit();
+                        closeSys();
+                    }
+                } else {
+                    console.error(data.message);
+                    window.location.href = SYS_ADDR + "/login";
+                }
+            }.bind(this),
+            error: errorCallBack.bind(this)
+        });
+    }
+
+    /**
+     * 登陆错误事件
+     */
+    function errorCallBack(mesg) {
+        console.error(mesg);
+        window.location.href = SYS_ADDR + "/login";
+    }
+
+    /**
+     * 退出按钮绑定事件
+     */
+    function closeSys() {
+        $(".closesys").click(function () {
+            exitsystem();
+        })
+    }
+
+    /**
+     * 正常退出系统
+     */
+    function exitsystem() {
+        $(window).unbind('beforeunload');
+        $(window).unbind('unload');
+        var exp = new Date();
+        let token = getCookies("token");
+        exp.setTime(exp.getTime() - 1);
+        Cookies.remove(hex_sha1("token"));
+        Cookies.remove(hex_sha1("username"));
+        Cookies.remove(hex_sha1("systemmodeid"));
+        Cookies.remove(hex_sha1("systemid"));
+        window.location.href = SYS_ADDR + "/login";
+    }
+
+
+    /**
+     * 系统进入按钮绑定
+     */
+    function bindInit() {
+        //控件图片初始化及切换的动画
+        $("body").on("click", '.sysitem,.imgtitle span', function (e) {
+            var systemid = $(e.currentTarget).data("systemid");
+            sys(systemid);
+        })
+        $("body").on("click", '.goToSys', function (e) {
+            var systemid = $(e.currentTarget).data("systemid");
+            sys(systemid);
+        })
+        
+    }
+
+    /**
+     * 进度条
+     */
+    function loadingCartoon() {
+        var obj = $("#mainContainer .loadingCartoon");
+        var progressObj = obj.find('.progress-bar-striped');
+        var count, rest;
+        var that = this;
+        var loop = setInterval(function () {
+            count = progressObj.data('count');
+            rest = 100 - count;
+            if (rest > 21) {
+                count += (Math.ceil(Math.random() * 20));
+            } else if (rest > 10) {
+                count += (Math.ceil(Math.random() * 10));
+            } else {
+                count = 100;
+                clearInterval(loop);
+                obj.css("display", "none")
+            }
+            progressObj.data('count', count);
+            progressObj.css('width', count + '%');
+            progressObj.text(count + '%');
+            if (count > 60) {
+                progressObj.removeClass('progress-bar-warning').removeClass('progress-bar-danger').addClass('progress-bar-success');
+            } else if (count > 20) {
+                progressObj.removeClass('progress-bar-warning').removeClass('progress-bar-danger').addClass('progress-bar-warning');
+            }
+        }, 200);
+    }
+
+    /**
+     * 获取cookies值
+     */
+    function getCookies(name) {
+        var tempName = Cookies.get(hex_sha1(name));
+        if (tempName)
+            return Secret_Key(Cookies.get(hex_sha1(name)), 'decryption');
+        else
+            return "";
+    }
+
+    function sys(id) {
+        window.location.href = SYS_ADDR + "controlPanel";
+    }
+}

src/login/js/login.js

@@ -38,16 +38,16 @@ window.onload = function () {
             loginCallBack.bind(this)();
         }
     }
-    
-    function showLoading(){
-        $(".login").attr("disabled",true);
+
+    function showLoading() {
+        $(".login").attr("disabled", true);
         $(".loginLoading").show();
         $(".loginTxt").addClass("loginTxtLoading");
     }
 
 
-    function hideLoading(){
-        $(".login").attr("disabled",false);
+    function hideLoading() {
+        $(".login").attr("disabled", false);
         $(".loginLoading").hide();
         $(".loginTxt").removeClass("loginTxtLoading");
     }
@@ -107,7 +107,7 @@ window.onload = function () {
             Cookies.set(hex_sha1("token"), Secret_Key(result.result.accessToken, 'encryption'), {
                 path: COOKIE_PATH
             });
-            
+
             if (result.result.userLevel == "1") {
                 Cookies.set(hex_sha1("deptname"), Secret_Key("超级管理员", 'encryption'), {
                     path: COOKIE_PATH
@@ -121,7 +121,8 @@ window.onload = function () {
             Cookies.set(hex_sha1("realname"), Secret_Key(result.result.username, 'encryption'), {
                 path: COOKIE_PATH
             });
-            window.location.href = SYS_ADDR + "controlPanel";
+            // window.location.href = SYS_ADDR + "controlPanel";
+            window.location.href = SYS_ADDR + "bigDataPanel";
         } else {
             $(".error").show();
             $(".errorInfoUsername").text(result.message);

src/widgets/SchedulingForecast/Widget.html

@@ -2,7 +2,7 @@
 <div class="widget-SchedulingForecast">
     <div id="myTabContent" class="tab-content">
         <div class="form-inline djinfo-tool panel-content">
-            <div class="form-group ">
+            <!-- <div class="form-group ">
                 <label>以近</label>
                 <select type="text" class="form-control dayTime control-width">
                     <option value="0" selected='selected'>3天</option>
@@ -10,7 +10,7 @@
                     <option value="2">1月</option>
                 </select>
                 <label>作为样本</label>
-            </div>
+            </div> -->
             <div class="form-group ">
                 <label>单位</label>
                 <input type="text" class="form-control unitName control-width" placeholder="请输入关键字" />