Quellcode durchsuchen

20250401 驾驶舱数据大屏

贾小兵 vor 3 Wochen
Ursprung
Commit
b4b0949346

+ 1 - 1
application/admin/controller/department/Index.php

@@ -19,7 +19,7 @@ class Index extends Backend
 
     protected $tree = null;
     protected $departmentList;
-    protected $noNeedRight=['selectpage'];
+    protected $noNeedRight=['selectpage','index'];
 
     public function _initialize()
     {

+ 40 - 29
application/admin/view/screen/index.html

@@ -57,17 +57,17 @@
 			<div class="sycm">
               <ul class="clearfix">
                 <li>
-                  <h2>22864</h2>
+                  <h2>8</h2>
                   <span>区队总数</span></li>
                 <li>
-                  <h2>1572</h2>
+                  <h2>15</h2>
                   <span>学员总数</span></li>
               </ul>
             </div>
 
 			  <ul class="jindu clearfix">
-                  <div>1000</div>
-				  <div>2000</div>
+                  <div></div>
+				  <div></div>
 			  <li id="zb1"></li>
 			  <li id="zb2"></li>
 			  <li id="zb3"></li>
@@ -106,31 +106,42 @@
             </div>
             <div class="wrap">
               <ul>
-                <li>
-                  <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
-                </li>
-                <li>
-                  <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
-                </li>
-                <li>
-                  <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
-                </li>
-                <li>
-                  <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
-                </li>
-                <li>
-                  <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
-                </li>
-                <li>
-                  <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
-                </li>
-                <li>
-                  <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
-                </li>
-                <li>
-                  <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
-                </li>
-
+                  <li>
+                    <p><span>xueyuan001</span><span>学员1</span><span>FZD048型</span><span>85</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan010</span><span>学员10</span><span>FZB006型</span><span>76</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan006</span><span>学员6</span><span>防化兵</span><span>80</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan002</span><span>学员2</span><span>防化兵</span><span>70</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan008</span><span>学员8</span><span>防化兵</span><span>90</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan009</span><span>学员9</span><span>FZB006型</span><span>75</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan001</span><span>学员1</span><span>FZD048型</span><span>85</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan010</span><span>学员10</span><span>FZB006型</span><span>76</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan006</span><span>学员6</span><span>防化兵</span><span>80</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan002</span><span>学员2</span><span>防化兵</span><span>70</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan008</span><span>学员8</span><span>防化兵</span><span>90</span></p>
+                  </li>
+                  <li>
+                    <p><span>xueyuan009</span><span>学员9</span><span>FZB006型</span><span>75</span></p>
+                  </li>
 				</ul>
             </div>
           </div>

+ 48 - 49
public/assets/screen/js/js.js

@@ -31,13 +31,13 @@ function echarts_1() {
                             fontSize:12
                         },
                         orient:'vertical',
-                        data:['图例1','图例2','图例3','图例4']
+                        data:['调速电位器','外壳及零件','热敏开关','加热指示灯','电池']
                     },
                    calculable : true,
                     series : [
                         {
                             name:' ',
-							color: ['#62c98d', '#2f89cf', '#4cb9cf', '#53b666', '#62c98d', '#205acf', '#c9c862', '#c98b62', '#c962b9', '#7562c9','#c96262'],	
+							color: ['#62c98d', '#2f89cf', '#c9c862', '#c98b62', '#c962b9', '#7562c9','#c96262'],
                             type:'pie',
                             radius : [30, 70],
                             center : ['35%', '50%'],
@@ -59,12 +59,12 @@ function echarts_1() {
                                     show: true
                                 }
                             },
-
                             data:[
-                                {value:10, name:'图例1'},
-                                {value:15, name:'图例2'},
-                                {value:25, name:'图例3'},
-                                {value:30, name:'图例4'}
+                                {value:10, name:'调速电位器'},
+                                {value:15, name:'外壳及零件'},
+                                {value:25, name:'热敏开关'},
+                                {value:30, name:'加热指示灯'},
+                                {value:35, name:'电池'},
                             ]
                         },
                     ]
@@ -97,7 +97,7 @@ function echarts_2() {
                             fontSize:12
                         },
                         orient:'vertical',
-                        data:['图例1','图例2','图例3','图例4']
+                        data:['显示屏','维护管','接口接线板','干燥管','电源模块']
                     },
                    calculable : true,
                     series : [
@@ -125,12 +125,12 @@ function echarts_2() {
                                     show: true
                                 }
                             },
-
                             data:[
-                                {value:50, name:'图例1'},
-                                {value:45, name:'图例2'},
-                                {value:35, name:'图例3'},
-                                {value:30, name:'图例4'}
+                                {value:50, name:'显示屏'},
+                                {value:45, name:'维护管'},
+                                {value:35, name:'接口接线板'},
+                                {value:30, name:'干燥管'},
+                                {value:28, name:'电源模块'}
                             ]
                         },
                     ]
@@ -143,8 +143,6 @@ function echarts_2() {
         });
     }
 function echarts_3() {
-         /* 青岛研锦网络科技有限公司   版权所有*/
-        // 基于准备好的dom,初始化echarts实例
         var myChart = echarts.init(document.getElementById('echart3'));
 
        option = {
@@ -167,7 +165,7 @@ function echarts_3() {
     xAxis: [{
         type: 'category',
         boundaryGap: false,
-axisLabel:  {
+        axisLabel:  {
                 textStyle: {
  					color: "rgba(255,255,255,.6)",
 					fontSize:16,
@@ -177,10 +175,9 @@ axisLabel:  {
 			lineStyle: { 
 				color: 'rgba(255,255,255,.1)'
 			}
-
         },
 
-   data: ['1', '2', '3', '4', '5', '6', '7', '8', '9月', '10月', '11月', '12月']
+   data: ['模拟考试1', '模拟考试2', '模拟考试3', '模拟考试4', '模拟考试5', '模拟考试6', '模拟考试7', '模拟考试8', '模拟考试9']
 
     }, {
 
@@ -248,7 +245,7 @@ axisLabel:  {
 				borderWidth: 12
 			}
 		},
-        data: [3, 4, 3, 4, 3, 4, 3, 6, 2, 4, 2, 4]
+        data: [70, 85, 65, 82, 94, 84,88,92,90]
 
     }, 
 
@@ -273,7 +270,7 @@ option = {
         }
     },
     legend: {
-        data: ['2017年', '2018年'],
+        data: ['2025年'],
         align: 'right',
         right: '40%',
 		top:'0%',
@@ -295,7 +292,7 @@ option = {
     },
     xAxis: [{
         type: 'category',
-      		data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+      		data: ['011区队', '012区队', '013区队', '014区队', '015区队', '016区队', '017区队', '018区队'],
         axisLine: {
             show: true,
          lineStyle: {
@@ -349,7 +346,7 @@ option = {
     series: [{
         name: '2017年',
         type: 'bar',
-        data: [2, 3, 3, 9, 15, 12, 6, 4, 6, 7, 4, 10],
+        data: [87,  99, 85, 82, 86, 94, 86, 72],
         barWidth:'15', //柱子宽度
        // barGap: 1, //柱子之间间距
         itemStyle: {
@@ -359,20 +356,21 @@ option = {
 				barBorderRadius: 5,
             }
         }
-    }, {
-        name: '2018年',
-        type: 'bar',
-		data: [1, 4, 5, 11, 12, 9, 5, 6, 5, 6, 3, 9],
-		barWidth:'15',
-       // barGap: 1,
-        itemStyle: {
-            normal: {
-                color:'#62c98d',
-                opacity: 1,
-				barBorderRadius: 5,
-            }
-        }
     },
+    //     {
+    //     name: '2018年',
+    //     type: 'bar',
+	// 	data: [1, 4, 5, 11, 12, 9, 5, 6, 5, 6, 3, 9],
+	// 	barWidth:'15',
+    //    // barGap: 1,
+    //     itemStyle: {
+    //         normal: {
+    //             color:'#62c98d',
+    //             opacity: 1,
+	// 			barBorderRadius: 5,
+    //         }
+    //     }
+    // },
 	]
 };
 
@@ -525,7 +523,7 @@ function echarts_6() {
                     fontSize:12
                 },
                 orient:'vertical',
-                data:['图例1','图例2','图例3','图例4']
+                data:['汇总主控板','显控报警板','外壳及零件','检测剂','干燥管']
             },
             calculable : true,
             series : [
@@ -555,10 +553,11 @@ function echarts_6() {
                     },
 
                     data:[
-                        {value:50, name:'图例1'},
-                        {value:45, name:'图例2'},
-                        {value:35, name:'图例3'},
-                        {value:30, name:'图例4'}
+                        {value:50, name:'汇总主控板'},
+                        {value:45, name:'显控报警板'},
+                        {value:35, name:'外壳及零件'},
+                        {value:30, name:'检测剂'},
+                        {value:30, name:'干燥管'},
                     ]
                 },
             ]
@@ -573,7 +572,7 @@ function echarts_6() {
 function zb1() {
         // 基于准备好的dom,初始化echarts实例
         var myChart = echarts.init(document.getElementById('zb1'));
-		var v1=60//结算数
+		var v1=100//结算数
 		var v2=40//未结算数
 		var v3=v1+v2//总订单数
 option = {	
@@ -588,10 +587,10 @@ option = {
         },
         data: [{
             value: v1,
-            name: '最高分',
+            name: '100',
             label: {
                 normal: {
-                    formatter:Math.round( v1/v3*100)+ '%',
+                    formatter:70,//Math.round( v1/v3*100)+ '%%',
                     textStyle: {
                         fontSize: 30,
 						color:'#fff',
@@ -648,10 +647,10 @@ function zb2() {
         },
         data: [{
             value: v1,
-            name: '最低分',
+            name: '80',
             label: {
                 normal: {
-                    formatter:Math.round( v1/v3*100)+ '%',
+                    // formatter:Math.round( v1/v3*100)+ '%',
                     textStyle: {
                         fontSize: 24,
 						color:'#fff',
@@ -706,10 +705,10 @@ option = {
         },
         data: [{
             value: v1,
-            name: '平均分',
+            name: '95',
             label: {
                 normal: {
-                    formatter:Math.round( v1/v3*100)+ '%',
+                    // formatter:Math.round( v1/v3*100)+ '%',
                     textStyle: {
                         fontSize: 24,
 						color:'#fff',
@@ -764,10 +763,10 @@ option = {
         },
         data: [{
             value: v1,
-            name: '平均时长',
+            name: '30分钟',
             label: {
                 normal: {
-                    formatter:Math.round( v1/v3*100)+ '%',
+                    // formatter:Math.round( v1/v3*100)+ '%',
                     textStyle: {
                         fontSize: 24,
 						color:'#fff',