更新

src/main/resources/static/css/callSupervision.css

@@ -114,15 +114,15 @@
 
 
 /* 隐藏时间选择器顶部的切换按钮 */
 /* 隐藏时间选择器顶部的切换按钮 */
 #layui-laydate2 .laydate-prev-y,
 #layui-laydate2 .laydate-prev-y,
-.laydate-next-y,
-.laydate-prev-m,
-.laydate-next-m {
+#layui-laydate2 .laydate-next-y,
+#layui-laydate2 .laydate-prev-m,
+#layui-laydate2 .laydate-next-m {
     display: none !important;
     display: none !important;
 }
 }
 
 
 #layui-laydate3 .laydate-prev-y,
 #layui-laydate3 .laydate-prev-y,
-.laydate-next-y,
-.laydate-prev-m,
-.laydate-next-m {
+#layui-laydate3 .laydate-next-y,
+#layui-laydate3 .laydate-prev-m,
+#layui-laydate3 .laydate-next-m {
     display: none !important;
     display: none !important;
 }
 }

src/main/resources/templates/callSupervision/index.html

@@ -53,7 +53,7 @@
                                 <i class="layui-icon layui-icon-table"></i>
                                 <i class="layui-icon layui-icon-table"></i>
                             </button>
                             </button>
                         </div>
                         </div>
-                        <span>年调用量（页）</span>
+                        <span><span id="year-text"></span>年调用量（页）</span>
                     </div>
                     </div>
                     <div class="box-content flex flex-align flex-justify num-box">
                     <div class="box-content flex flex-align flex-justify num-box">
                         <span class="num-span" id="call-year-num"></span>
                         <span class="num-span" id="call-year-num"></span>
@@ -70,7 +70,7 @@
                                 <i class="layui-icon layui-icon-table"></i>
                                 <i class="layui-icon layui-icon-table"></i>
                             </button>
                             </button>
                         </div>
                         </div>
-                        <span>月调用量（页）</span>
+                        <span><span id="month-text"></span>月调用量（页）</span>
                     </div>
                     </div>
                     <div class="box-content flex flex-align flex-justify num-box">
                     <div class="box-content flex flex-align flex-justify num-box">
                         <span class="num-span" id="call-month-num"></span>
                         <span class="num-span" id="call-month-num"></span>
@@ -87,7 +87,7 @@
                                 <i class="layui-icon layui-icon-table"></i>
                                 <i class="layui-icon layui-icon-table"></i>
                             </button>
                             </button>
                         </div>
                         </div>
-                        <span>日调用量（页）</span>
+                        <span><span id="day-text"></span>日调用量（页）</span>
                     </div>
                     </div>
                     <div class="box-content flex flex-align flex-justify num-box">
                     <div class="box-content flex flex-align flex-justify num-box">
                         <span class="num-span" id="call-day-num"></span>
                         <span class="num-span" id="call-day-num"></span>
@@ -220,10 +220,14 @@
             type: 'year',
             type: 'year',
             value: new Date(),
             value: new Date(),
             isInitValue: true,
             isInitValue: true,
-            showBottom: false,
-            // max: new Date(),
+            // showBottom: false,
+            isPreview: false,
+            btns: ['now'],
+            max: new Date().strftime('%Y'),
             done: function (value, date, endDate) {
             done: function (value, date, endDate) {
                 restartBrokenLineInterval();
                 restartBrokenLineInterval();
+                currYear = value;
+                getCourtUseInYear();
             }
             }
         });
         });
         laydate.render({
         laydate.render({
@@ -241,6 +245,8 @@
                     $('.interval-box').css('display', 'none')
                     $('.interval-box').css('display', 'none')
                 }
                 }
                 restartBrokenLineInterval();
                 restartBrokenLineInterval();
+                currMonth = value;
+                getCourtUseInMonth();
             }
             }
         });
         });
         laydate.render({
         laydate.render({
@@ -263,6 +269,8 @@
                     $('.interval-box').css('display', 'none')
                     $('.interval-box').css('display', 'none')
                 }
                 }
                 restartBrokenLineInterval(true);
                 restartBrokenLineInterval(true);
+                currDate = value;
+                getCourtUseInDay();
             }
             }
         });
         });
 
 
@@ -539,6 +547,7 @@
             }).then(function (res) {
             }).then(function (res) {
                 callYearNum = res.count;
                 callYearNum = res.count;
                 $('#call-year-num').text(callYearNum);
                 $('#call-year-num').text(callYearNum);
+                $('#year-text').text(currYear);
                 resizeText();
                 resizeText();
             }).catch(function (err) {
             }).catch(function (err) {
                 console.log(' --- 接口请求失败，抛出异常 --- ', err)
                 console.log(' --- 接口请求失败，抛出异常 --- ', err)
@@ -558,6 +567,7 @@
             }).then(function (res) {
             }).then(function (res) {
                 callMonthNum = res.count;
                 callMonthNum = res.count;
                 $('#call-month-num').text(callMonthNum);
                 $('#call-month-num').text(callMonthNum);
+                $('#month-text').text(currMonth);
                 resizeText();
                 resizeText();
             }).catch(function (err) {
             }).catch(function (err) {
                 console.log(' --- 接口请求失败，抛出异常 --- ', err)
                 console.log(' --- 接口请求失败，抛出异常 --- ', err)
@@ -578,6 +588,7 @@
             }).then(function (res) {
             }).then(function (res) {
                 callDayNum = res.count;
                 callDayNum = res.count;
                 $('#call-day-num').text(callDayNum);
                 $('#call-day-num').text(callDayNum);
+                $('#day-text').text(currDate);
                 resizeText();
                 resizeText();
             }).catch(function (err) {
             }).catch(function (err) {
                 console.log(' --- 接口请求失败，抛出异常 --- ', err)
                 console.log(' --- 接口请求失败，抛出异常 --- ', err)
@@ -834,6 +845,9 @@
             getCourtUseInYear();
             getCourtUseInYear();
             getCourtUseInMonth();
             getCourtUseInMonth();
             getCourtUseInDay();
             getCourtUseInDay();
+            if (courtCallInterval) {
+                clearInterval(courtCallInterval)
+            }
             courtCallInterval = setInterval(function () {
             courtCallInterval = setInterval(function () {
                 getCourtUseSum();
                 getCourtUseSum();
                 getCourtUseInYear();
                 getCourtUseInYear();