导航栏，第一次收起时，添加提示

app/public/css/main.css

@@ -51,6 +51,15 @@ font-size: .875rem;
 .custom-control-label {
   cursor: pointer;
 }
+.popover {
+  background-color: #000
+}
+.popover-body{
+  color:#fff;
+}
+.bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-bottom .arrow::after{
+  border-bottom-color:#000;
+}
 /*自定义css*/
 .in-1{padding-left:5px!important}
 .in-2{padding-left:21px!important}
@@ -109,6 +118,10 @@ font-size: .875rem;
 .form-signin {
     max-width: 500px;
     margin: 150px auto;
+    background: #fff;
+    padding:30px;
+    border:1px solid #ddd;
+    border-radius: .25rem
 }
 .has-danger {
     -webkit-animation: shake 1s .2s ease both;
@@ -432,7 +445,8 @@ font-size: .875rem;
 }
 /*登陆相关*/
 .login-body{
-  background: #fff
+  background:linear-gradient(#33425b,#192948);
+  height:960px
 }
 .login-infoinput {
   margin-top:15%
@@ -703,6 +717,13 @@ font-size: .875rem;
 .add-sign-list-item:hover .btn-link {
   display: block
 }
+/*标段类表折叠收起*/
+.fold-switch {
+  cursor: pointer;
+}
+.fold-switch:hover{
+  color:#0056b3;
+}
 /*界面紧凑相关代码*/
 body{
   font-size:12px;

app/public/js/ledger.js

@@ -59,6 +59,7 @@ $(document).ready(function() {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/ledger_audit.js

@@ -48,6 +48,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/material.js

@@ -474,6 +474,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/material_list.js

@@ -570,6 +570,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/measure_compare.js

@@ -103,6 +103,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/revise.js

@@ -27,6 +27,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/revise_history.js

@@ -25,6 +25,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/stage.js

@@ -1429,6 +1429,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/stage_change.js

@@ -135,6 +135,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/stage_compare.js

@@ -93,6 +93,7 @@ $(document).ready(function () {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/stage_detail.js

@@ -52,6 +52,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/stage_gather.js

@@ -28,6 +28,7 @@ $(document).ready(function () {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/stage_pay.js

@@ -91,6 +91,7 @@ $(document).ready(() => {
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/public/js/sub_menu.js

@@ -11,6 +11,7 @@
     $.subMenu = function (setting) {
         const menu = $(setting.menu), miniMenu = $(setting.miniMenu);
         const toMenu = $(setting.toMenu), toMiniMenu = $(setting.toMiniMenu);
+        const miniHint = $(setting.miniHint);
 
         const showMenu = function () {
             menu.show();
@@ -39,9 +40,19 @@
             if (setting.key) {
                 setLocalCache(setting.key, 'miniMenu');
             }
+
+            const hint = setting.hintKey ? getLocalCache(setting.hintKey) : '';
+            if (hint !== '1') {
+                miniHint.popover('show');
+            }
         });
         miniMenu.mouseenter(function () {
             $(setting.miniMenuList).show();
+
+            miniHint.popover('hide');
+            if (setting.hintKey) {
+                setLocalCache(setting.hintKey, '1');
+            }
         });
         miniMenu.mouseleave(function () {
             $(setting.miniMenuList).hide();

app/view/change/index.ejs

@@ -85,6 +85,7 @@
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/view/material/index.ejs

@@ -75,6 +75,7 @@
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/view/measure/stage.ejs

@@ -83,6 +83,7 @@
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/view/report/index.ejs

@@ -143,6 +143,7 @@
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/view/revise/index.ejs

@@ -81,6 +81,7 @@
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/view/stage/stage_sub_mini_menu.ejs

@@ -1,5 +1,6 @@
 <!--折起的菜单-->
 <div class="min-side" id="sub-mini-menu" style="display: none;">
+    <div id="sub-mini-hint" class="side-switch" data-container="body" data-toggle="popover" data-placement="bottom" data-content="这里打开收起的菜单栏"></div>
     <div class="side-switch">
         <i class="fa fa-bars"></i>
     </div>

app/view/tender/detail.ejs

@@ -552,6 +552,7 @@
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
         toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
         key: 'menu.1.0.0',
+        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
         callback: function (info) {
             if (info.mini) {
                 $('.panel-title').addClass('fluid');

app/view/tender/tender_sub_mini_menu.ejs

@@ -1,5 +1,6 @@
 <!--折起的菜单-->
 <div class="min-side" id="sub-mini-menu" style="display: none;">
+    <div id="sub-mini-hint" class="side-switch" data-container="body" data-toggle="popover" data-placement="bottom" data-content="这里打开收起的菜单栏"></div>
     <div class="side-switch">
         <i class="fa fa-bars"></i>
     </div>