首页工程进度

css/index/index.css

@@ -136,7 +136,8 @@ body {
     background-position: center center !important;
     background-size: initial;
 }
-#logo{
+
+#logo {
     background: url("../../img/index/pm10.png") no-repeat 0 0 / 100% 100%;
     background-position: center center !important;
     background-size: initial;
@@ -154,8 +155,44 @@ body {
     height: 14.2%;
     background: url("../../img/index/pro_progress.png") no-repeat 0 0 / 100% 100%;
     background-position: center center !important;
+    justify-content: space-evenly;
 }
 
+#bidProgressBox {
+    width: 254px;
+    height: 58px;
+    background: url("../../img/index/bid_progress.png") no-repeat 0 0 / 100% 100%;
+    background-position: center center !important;
+    margin-top: 2%;
+    flex-direction: column;
+    letter-spacing: 1px;
+}
+#bidProgressBox p:nth-child(2),
+#signProgressBox p:nth-child(2),
+#proProgressBox p:nth-child(2){
+    font-size: 20px;
+}
+#signProgressBox {
+    width: 254px;
+    height: 58px;
+    background: url("../../img/index/sign_progress.png") no-repeat 0 0 / 100% 100%;
+    background-position: center center !important;
+    margin-top: 2%;
+    flex-direction: column;
+    letter-spacing: 1px;
+}
+
+#proProgressBox {
+    width: 254px;
+    height: 58px;
+    background: url("../../img/index/pro_progress2.png") no-repeat 0 0 / 100% 100%;
+    background-position: center center !important;
+    margin-top: 2%;
+    flex-direction: column;
+    letter-spacing: 1px;
+}
+
+
 #pro-start,
 #pro-end {
     width: 15%;

js/pages/index/index.js

@@ -18,7 +18,8 @@ function loadData() {
     loadRealMonitor(montageParam);
     loadProRisk(montageParam);
     loadProCost(montageParam);
-    loadProProgress(montageParam);
+    // loadProProgress(montageParam);
+    loadProSchedule(montageParam);
 }
 
 

js/pages/index/indexAjax.js

@@ -163,4 +163,32 @@ function loadProCost(montageParam) {
             initEchartsThree([], [],0);
         }
     }
+}
+
+/* 项目进度 */
+function loadProSchedule(montageParam) {
+    const url = commonUrl + 'screen/largeScreen/xcIndex/getProSchedule?params=' + montageParam;
+    ajaxRequestGet(url, "GET", true, function () {
+    }, function (result) {
+        console.log(result);
+        if (result.code === 200) {
+            setData(result.data);
+        } else if (result.code === 500) {
+            console.error('项目进度:' + result.msg);
+            setData(null);
+        } else if (result.code === 401) {
+            loginout(1);
+        }
+    }, function (xhr, status, error) {
+        errorFn(xhr, status, error)
+    }, aqEnnable);
+    function setData(data) {
+        if (data) {
+            $('#planStartTime').html(data.planStartTime);
+            $('#palnTcTime').html(data.palnTcTime);
+            $('#bidProgress').html(data.bidProgress);
+            $('#signProgress').html(data.signProgress);
+            $('#proProgress').html(data.proProgress);
+        }
+    }
 }

js/pages/index/indexEcharts.js

@@ -1,5 +1,5 @@
 let myChart = echarts.init(document.getElementById('pro-risk'));
-let myChart2 = echarts.init(document.getElementById('pro-progress-echarts'));
+// let myChart2 = echarts.init(document.getElementById('pro-progress-echarts'));
 let myChart3 = echarts.init(document.getElementById('pro-cost'));
 
 /* 项目风险 */

js/pages/video/video.js

@@ -27,11 +27,11 @@ layui.config({
         puid = puid.substring(0, puid.length - 2);
         if (puid) {
             parent.layer.msg("视频加载中,请稍候...", { icon: 16, scrollbar: false, time: 1000, });
-            // QXPlayVideo(puid, '0', winDom)
-            // playControl();
-            let randomNum = Math.floor(Math.random() * 2) + 1;
-            console.log(randomNum);
-            $('#videoPlayer1').attr('src','../../../video/'+randomNum+'.mp4')
+            QXPlayVideo(puid, '0', winDom)
+            playControl();
+            // let randomNum = Math.floor(Math.random() * 2) + 1;
+            // console.log(randomNum);
+            // $('#videoPlayer1').attr('src','../../../video/'+randomNum+'.mp4')
             videoObject.devCode = puid;
         } else {
             return parent.layer.msg('请选择球机', { icon: 7 });

pages/index/index.html

@@ -67,7 +67,37 @@
             </div>
             <div id="pro-risk"></div>
             <div id="pro-progress" class="layout">
-                <div id="pro-start" class="layout">
+                <div id="bidProgressBox" class="layout">
+                    <p>标段实际进度</p>
+                    <p><span id="bidProgress">0</span>%</p>
+                </div>
+                <div id="signProgressBox" class="layout">
+                    <p>单项实际进度</p>
+                    <p><span id="signProgress">0</span>%</p>
+                </div>
+                <div id="proProgressBox" class="layout">
+                    <p>项目实际进度</p>
+                    <p><span id="proProgress">0</span>%</p>
+                </div>
+                <!-- <div class="layout" id="engineering-info">
+                    <p class="engineering-detail">计划开工时间:<span id="planStartTime">/</span></p>
+                    <p class="engineering-detail">计划投产时间:<span id="palnTcTime">/</span></p>
+                </div>
+                <div class="layout" id="engineering-reality-progress">
+                    <div class="layout engineering-progress">
+                        <p>标段实际进度</p>
+                        <p><span id="bidProgress">0</span>%</p>
+                    </div>
+                    <div class="layout engineering-progress">
+                        <p>单项实际进度</p>
+                        <p><span id="signProgress">0</span>%</p>
+                    </div>
+                    <div class="layout engineering-progress">
+                        <p>项目实际进度</p>
+                        <p><span id="proProgress">0</span>%</p>
+                    </div>
+                </div> -->
+                <!-- <div id="pro-start" class="layout">
                     <p id="planStartTime"></p>
                     <p>开始日期</p>
                 </div>
@@ -75,7 +105,7 @@
                 <div id="pro-end" class="layout">
                     <p id="planEndTime"></p>
                     <p>计划结束</p>
-                </div>
+                </div> -->
             </div>
             <div id="pro-cost"></div>
         </div>