20230415

config/index.js

@@ -33,7 +33,9 @@ module.exports = {
     //   },
       '/api': {
         // target: 'http://10.6.0.26:81',
-        target: 'http://175.27.191.156:11000/api/',
+        // target: 'http://175.27.191.156:11000/api/',
+        target: 'http://175.27.191.156:8181/',
+        
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''

package-lock.json

@@ -6548,6 +6548,11 @@
       "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.1.tgz",
       "integrity": "sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw=="
     },
+    "js-md5": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmmirror.com/js-md5/-/js-md5-0.7.3.tgz",
+      "integrity": "sha512-ZC41vPSTLKGwIRjqDh8DfXoCrdQIyBgspJVPXHBGu4nZlAEvG3nf+jO9avM9RmLiGakg7vz974ms99nEV0tmTQ=="
+    },
     "js-tokens": {
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-3.0.2.tgz",

package.json

@@ -17,6 +17,7 @@
     "flv.js": "^1.6.2",
     "html2canvas": "^1.4.1",
     "js-cookie": "^3.0.1",
+    "js-md5": "^0.7.3",
     "jspdf": "^2.5.1",
     "moment": "^2.29.4",
     "mqtt": "^3.0.0",

src/components/common/BarChart.vue

@@ -189,6 +189,10 @@ export default {
             padding: this.yAxisPadding || [0, 40, -2, 6],
             fontSize: 12,
           },
+        //   max:200,
+        //   min:0,
+        //   splitNumber:200,
+        minInterval:1,
           axisLine: {
             show: true,
             lineStyle: {
@@ -211,6 +215,7 @@ export default {
           axisTick: {
             show: false
           },
+
         },
         series: [
           {

src/components/common/carousel.vue

@@ -5,7 +5,7 @@
       <swiper-slide v-for="(slide, key) in swiperList" :key="key">
         <div>
           <div class="item_container">
-            <img :src="slide.apparatusLogo" alt="" class="apparatus_logo">
+            <img :src="slide.picture" alt="" class="apparatus_logo">
           </div>
         </div>
       </swiper-slide>
@@ -21,6 +21,14 @@ import { Swiper, SwiperSlide } from "vue-awesome-swiper";
 import "swiper/css/swiper.css";
 
 export default {
+     props: {
+    // 父组件传递过来的图表数据
+    peopleList:{
+      type:Array,
+      required: true
+    }
+   
+  },
   components: {
     Swiper,
     SwiperSlide,
@@ -29,42 +37,43 @@ export default {
     const _self =this
     return {
       swiperList: [
-        {
+        // {
-          "apparatusLogo": require("@/assets/pic/23.png"),
+        //   "apparatusLogo": require("@/assets/pic/23.png"),
-          "apparatusName": "激光云高仪1",
+        //   "apparatusName": "激光云高仪1",
-          "apparatusImg": require("@/assets/pic/23.png"),
+        //   "apparatusImg": require("@/assets/pic/23.png"),
-        },
+        // },
-        {
+        // {
-          "apparatusLogo": require("@/assets/pic/23.png"),
+        //   "apparatusLogo": require("@/assets/pic/23.png"),
-          "apparatusName": "激光云高仪2",
+        //   "apparatusName": "激光云高仪2",
-          "apparatusImg": require("@/assets/pic/23.png"),
+        //   "apparatusImg": require("@/assets/pic/23.png"),
-        },
+        // },
-        {
+        // {
-          "apparatusLogo": require("@/assets/pic/23.png"),
+        //   "apparatusLogo": require("@/assets/pic/23.png"),
-          "apparatusName": "激光云高仪3",
+        //   "apparatusName": "激光云高仪3",
-          "apparatusImg": require("@/assets/pic/23.png"),
+        //   "apparatusImg": require("@/assets/pic/23.png"),
-        },
+        // },
-        {
+        // {
-          "apparatusLogo": require("@/assets/pic/23.png"),
+        //   "apparatusLogo": require("@/assets/pic/23.png"),
-          "apparatusName": "激光云高仪4",
+        //   "apparatusName": "激光云高仪4",
-          "apparatusImg": require("@/assets/pic/23.png"),
+        //   "apparatusImg": require("@/assets/pic/23.png"),
-        },
+        // },
-        {
+        // {
-          "apparatusLogo": require("@/assets/pic/23.png"),
+        //   "apparatusLogo": require("@/assets/pic/23.png"),
-          "apparatusName": "激光云高仪5",
+        //   "apparatusName": "激光云高仪5",
-          "apparatusImg": require("@/assets/pic/23.png"),
+        //   "apparatusImg": require("@/assets/pic/23.png"),
-        },
+        // },
-        {
+        // {
-          "apparatusLogo": require("@/assets/pic/23.png"),
+        //   "apparatusLogo": require("@/assets/pic/23.png"),
-          "apparatusName": "激光云高仪6",
+        //   "apparatusName": "激光云高仪6",
-          "apparatusImg": require("@/assets/pic/23.png"),
+        //   "apparatusImg": require("@/assets/pic/23.png"),
-        },
+        // },
-        {
+        // {
-          "apparatusLogo": require("@/assets/pic/23.png"),
+        //   "apparatusLogo": require("@/assets/pic/23.png"),
-          "apparatusName": "激光云高仪7",
+        //   "apparatusName": "激光云高仪7",
-          "apparatusImg": require("@/assets/pic/23.png"),
+        //   "apparatusImg": require("@/assets/pic/23.png"),
-        },
+        // },
       ],
+      peopleList:[],
       //轮播图配置项
       swiperOption: {
         initialSlide: 0,
@@ -125,6 +134,27 @@ export default {
         // Some Swiper option/callback...
       },
     };
+  },
+   watch: {
+    // 监听父组件中的数据变化，重新触发Echarts
+    peopleList: {
+      deep: true,
+      handler (val) {
+        this.$nextTick(() => {
+         console.log("val",val)
+        //  this.peopleList = val
+        //  console.log("peopleList",this.peopleList)
+        if(val.length!=0){
+             this.swiperList = val
+          console.log("swiperList",this.swiperList)
+        }
+        
+        })
+      }
+    }
+  },
+  mounted() {
+    
   },
   methods: {
     slideChange() {

src/components/common/lineBarChart.vue

@@ -101,12 +101,20 @@ export default {
       return {
         tooltip: {
           trigger: "axis",
-          axisPointer: {
+        backgroundColor:'#1A5856',
-            type: "shadow",
+        //   axisPointer: {
-            label: {
+        //     type: "shadow",
-              show: false,
+        //     label: {
+        //       show: false,
+        //     },
+        //   },
+            axisPointer: {
+            lineStyle: {
+              color: "rgba(227, 242, 252, 0.39)",
+              width: 30,
+              type: "solid",
             },
-          },
+        },
         },
 
         legend: [

src/components/common/mdScreenPie.vue

@@ -102,7 +102,7 @@ export default {
                 width: 120,
                 height: 120,
               },
-              left: "161", //
+              left: "153", //
               top: "97", //配置图片居中
             },
           ],
@@ -111,7 +111,7 @@ export default {
           {
             type: "pie",
             radius: this.picIsShow ? ["53%", "65%"] : ["60%", "60%"],
-            center: ["50%", "157"],
+            center: ["48%", "157"],
             color: this.colorList,
             hoverAnimation: true, /// /设置饼图默认的展开样式
             label: {
@@ -140,7 +140,7 @@ export default {
             labelLine: {
               normal: {
                  length: 5,
-                length2: 10,
+                length2: 7,
                 show: false,
               },
             },

src/components/common/pieChart.vue

@@ -71,17 +71,19 @@ export default {
   },
   methods: {
     initCharts(dataList) {
+        console.log("dataList",dataList)
       let myChart = this.$echarts.init(this.$refs.chart)
       var val1data2 = []
         val1data2 = Object.keys(dataList).map((item,index)=>{
-          return {name:dataList[item].post,value:dataList[item].percent}
+          return {name:dataList[item].post,value:dataList[item].number}
+          
         })
       var arr = ['middleLost', 0.6, val1data2, '今日完成进度']
       // 绘制图表
       myChart.setOption({
         tooltip:{
           trigger:'item',
-          formatter: '{b}：{c}%',
+          formatter: '{b}：{c}人',
         },
         graphic: {
           elements: [{
@@ -105,7 +107,7 @@ export default {
             hoverAnimation: true, /// /设置饼图默认的展开样式
             label: {
               show: true,
-              formatter: '{b|{b}}:{c|{c}}%',
+              formatter: '{b|{b}}:{c|{c}}人',
               padding:[0,0,0,0],
               itemStyle: { // 此配置
                 normal: {

src/components/common/pieDateChart.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="width:100%;height:100%;position: relative;">
     <div class="allTotle">
-      <div>项目总人数</div>
+      <div>项目人数</div>
       <span>{{totalPer}}</span>
       <span>人</span>
     </div>
@@ -348,7 +348,8 @@ export default {
 
     .js2Child {
       text-align: center;
-      width: 40px;
+    //   width: 40px;
+      width: 55px;
       line-height: 20px;
       height: 19px;
       margin-left: 4px;
@@ -366,6 +367,7 @@ export default {
         font-size: 14px;
         font-weight: 500;
         color: #96FFFD;
+        float: right;
       }
     }
   }

src/main.js

@@ -13,7 +13,7 @@ import mqttConfig from './utils/mqttConfig';
 // main.js
 import VScaleScreen from 'v-scale-screen'
 import axios from 'axios'
- 
+
 Vue.prototype.$axios = axios
 Vue.use(VScaleScreen)
 

src/utils/mqttConfig.js

@@ -1,16 +1,16 @@
 import mqtt from "mqtt";
 import Vue from 'vue'
 var vm = new Vue();
-// function randomName(len) {
+function randomName(len) {
-//     var len = len || 23;
+    var len = len || 23;
-//     var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
+    var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
-//     var maxPos = chars.length;
+    var maxPos = chars.length;
-//     var str = '';
+    var str = '';
-//     for (let i = 0; i < len; i++) {
+    for (let i = 0; i < len; i++) {
-//         str += chars.charAt(Math.floor(Math.random() * maxPos));
+        str += chars.charAt(Math.floor(Math.random() * maxPos));
-//     }
+    }
-//     return new Date().getTime() + str;
+    return new Date().getTime() + str;
-// }
+}
 class mqttHandle {
     constructor() {
         this.connect = {
@@ -24,8 +24,8 @@ class mqttHandle {
             host:'175.27.191.156',
             port: '10083',
             // 认证信息
-            clientId:'mqttjs_23dda38f34',
+            // clientId:'mqttjs_23dda38f34',
-            // clientId: newName,
+            clientId:  randomName(16),
             username: 'site',
             password: 'site',
         }

src/utils/request.js

@@ -70,7 +70,13 @@ service.interceptors.response.use(
         }
         fr.readAsText(resultBlob)
       }
-    } else if ((res.code && res.code !== 0) || res.error) {
+    } else if (response.status === 400) {
+              SingleMessage({
+                message: '请输入正确的登录信息！！！',
+                type: 'warning',
+                duration: 3 * 1000
+              })
+    }else if ((res.code && res.code !== 0) || res.error) {
       if (res.msg) {
         errorMessage(res.msg)
       }

src/views/demo.vue

@@ -399,7 +399,7 @@ export default {
 .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
 }
 

src/views/index.vue

@@ -63,7 +63,8 @@
       <VideoViewingComponents
         v-if="videoViewingShow"
         :videoName="videoName"
-        :videoId="videoId"  
+        :videoId="videoId" 
+        :thumbnail="thumbnail"  
       />
       <!-- 进度管理 -->
       <ProgressComponents v-if="progressShow" ref="progress"/>
@@ -77,8 +78,17 @@
 
       <!-- 左侧模块2 -->
     </div>
-    <div class="container" :style="{ right: !type ? '-10px' : '0' }">
+    <div class="container" :style="{ right: !type ? '-10px' : '0' }" v-if="openTrue" v-clickoutside="handleClickOutside">
       <div class="box" id="box" :style="{ width: !type ? '267px' : '0' }">
+         <div
+          v-if="!type"
+          :class="[menuType === 0 ? 'childBoxChoose' : 'childBox']"
+          @click="childBoxClick(0)"
+        >
+          <span class="icon1"></span>
+          <span>首页</span>
+          <span class="picture1"></span>
+        </div>
         <div
           v-if="!type"
           :class="[menuType === 1 ? 'childBoxChoose' : 'childBox']"
@@ -124,6 +134,22 @@
         @click="switchDiv()"
       ></div>
     </div>
+     <div class="gttBox" v-if="dialogShow">
+            <div class="closeIcon" @click="dialogShow = false">
+            </div>
+            <div class="titName" style="width:60%;">
+                <span></span>
+                <span>视频监控</span>
+            </div>
+            <div class="tabGtBox">
+                <!-- <TabGtt :tableData="tableData" ></TabGtt> -->
+               <iframe  ref="iframe"  id="iframeid" :src="src" frameborder="0" class="iframe" scrolling="auto" width="100%"
+                    height="100%" > 
+            </iframe>  
+            </div>
+
+            </div>
+
   </Resize>
 </template>
 
@@ -140,9 +166,12 @@ import mqtt from "mqtt"; // mqtt协议
 import Swiper from "@/components/common/carousel";
 import Resize from "../utils/Resize.vue";
 import axios from "axios";
+import Video from "./video";
 import {getWeatherData} from "@/api/api";
+import Clickoutside from 'element-ui/src/utils/clickoutside'
 export default {
   name: "report",
+  directives: { Clickoutside },
   components: {
     mdScreenPie,
     BarChart,
@@ -155,12 +184,14 @@ export default {
     VideoSurveillanceComponents,
     VideoViewingComponents,
     Resize,
+    Video
   },
   data() {
     return {
       weatherImg: require("@/assets/pic/sun.png"),
       videoName: "", //子传父的视频名称
       videoId: "", //子传父的视频Id
+      thumbnail:'',
       //显示首页
       indexShow: true,
       //人员管理
@@ -173,6 +204,7 @@ export default {
       progressShow: false,
       //安全管理
       managementShow: false,
+      openTrue:true,
       //左上角
       titLeftshow: false,
       japIndex: "人员管理",
@@ -184,6 +216,7 @@ export default {
       weatherItem: {},
       tienum: "",
       showType: true,
+    dialogShow: false,
       boxList: [
         {
           c1: "开工",
@@ -389,13 +422,14 @@ export default {
       ],
       vdaH: 0,
       type: false,
-      menuType: null,
+      menuType: 0,
       numberList: [5, 5],
       boxNone: true,
       topicSends:[],
       environmentData:[],
       closeIndexShow:true,
-      exitFullShow:false
+      exitFullShow:false,
+      src:'../static/flv/videoIndex.html'
     };
   },
   created() {
@@ -409,21 +443,26 @@ export default {
     window.openBig = this.openBig;
     window.closeBig = this.closeBig;
     window.createMqtt = this.createMqtt;
+    window.gantDialog  = this.gantDialog;
   },
   methods: {
+      //查看甘特图
+        gantDialog() {
+            this.dialogShow = true
+        },
     createMqtt() {
       this.topicSends = ["/SC/pub/uwb", "/SC/pub/env"];
       window.PubScribe(this.topicSends, this.realInfo);
     },
     /** 实时数据分类 */
     realInfo(topic, message) {
-      let time = new Date();
+    //   let time = new Date();
       // console.log("topic",topic)
       switch (topic) {
         // 接收托片
          case "/SC/pub/uwb":
              try {
-                // console.log("message", message)  
+                console.log("message", message)  
               const utf8decoder = new TextDecoder()
               const u8arr = new Uint8Array(message)
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
@@ -435,7 +474,7 @@ export default {
           break; 
           case "/SC/pub/env":
              try {
-                //  console.log("环境message", message) 
+                 console.log("环境message", message) 
               const utf8decoder = new TextDecoder()
               const u8arr = new Uint8Array(message)
               const temp = utf8decoder.decode(u8arr)	// 将二进制数据转为字符串
@@ -615,6 +654,7 @@ export default {
         this.titLeftshow = true;
         this.videoName = msg.videoName;
         this.videoId = msg.videoId;
+        this.thumbnail = msg.thumbnail;
       }
     },
     tableRowClassName({ row, rowIndex }) {
@@ -628,13 +668,29 @@ export default {
     openBig() {
      this.exitFullShow = true
      this.closeIndexShow = false
+       this.childBoxClick(this.menuType)
       document.getElementById("unityModule").contentWindow.fullScreen();
+     this.openTrue =false
     },
     //关闭放大
     closeBig() {
         this.exitFullShow = false
      this.closeIndexShow = true
+     this.openTrue =true
+       this.childBoxClick(this.menuType)
       document.getElementById("unityModule").contentWindow.exitFullScreen();
+  
+    },
+     handleClickOutside(){
+        console.log("cscscs")
+    //         this.exitFullShow = false
+    //  this.closeIndexShow = true
+    //  if(this.menuType!=2){
+    //     console.log("this.menuType",this.menuType)
+    //      this.childBoxClick(this.menuType)
+    //  }
+     this.titLeftshow = true;
+        this.type = true;
     },
     // 菜单点击
     childBoxClick(val) {
@@ -703,6 +759,22 @@ export default {
           // 俩秒之后让模块消失
           this.$refs.switchBtn.style.display = "block";
         }, 800);
+      }else if (val === 0) {
+        //人员管理
+        // this.$router.push('/personnel')
+        this.japIndex = "首页";
+        this.indexShow = true;
+        this.personnelShow = false;
+        this.videoSurveillanceShow = false;
+        this.videoViewingShow = false;
+        this.managementShow = false;
+        this.progressShow = false;
+        this.titLeftshow = false;
+        this.type = true;
+        setTimeout(() => {
+          // 俩秒之后让模块消失
+          this.$refs.switchBtn.style.display = "block";
+        }, 800);
       }
     },
     switchDiv() {
@@ -885,7 +957,45 @@ export default {
     animation-play-state: paused;
   }
 }
+.gttBox {
+    // width: 863px;
+    // height: 60%;
+    width: 562px;
+    height: 34%;
+    position: absolute;
+    z-index: 999;
+    top: 582px;
+    // left: 50%;
+    right: -14%;
+    background: url("~@/assets/pic/ggt.png") no-repeat;
+    background-size: 100% 100%;
+    transform: translate(-50%, -50%);
 
+    @media only screen and (max-height: 1000px) {
+        // top: 522px;
+        top: 27%;
+    }
+
+    .closeIcon {
+        width: 16px;
+        background: url("~@/assets/pic/close.png") no-repeat;
+         background-size: 100% 100%;
+        height: 16px;
+        color: #90F2EB;
+        float: right;
+        font-size: 50px;
+        cursor: pointer;
+        margin-right: 23px;
+         margin-top: 24px;
+    }
+}
+.tabGtBox {
+   position: absolute;
+    top: 50px;
+    width: 90%;
+    height: 80%;
+    padding: 0 40px;
+}
 .smallBox {
   width: 105px;
   height: 28px;
@@ -1298,7 +1408,7 @@ export default {
     span:nth-child(2) {
       display: inline-block;
       position: absolute;
-      right: 85px;
+      right: 92px;
       width: 18px;
       height: 18px;
       //   background: url("~@/assets/pic/sun.png") no-repeat;
@@ -1324,7 +1434,7 @@ export default {
 .header .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
   position: absolute;
 }

src/views/login.vue

@@ -10,15 +10,17 @@
           </div>
           <div class="titRight">
            <span>{{ dateNew }}&nbsp;{{ getWeek }}&nbsp;{{ time }}</span>
-              <span
+            <span
                 ><img
                   :src="weatherImg"
                   alt=""
                   style="width: 100%; height: 100%"
               /></span>
-              <span
+           <span
                 >&nbsp;&nbsp;天气&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
               >
+             
+              
               <span
                 >{{ weatherItem.weather }} &nbsp;{{
                   weatherItem.temperature
@@ -30,13 +32,13 @@
          <div class="ms-login">
             <!-- <div class="ms-title"></div> -->
             <div class="content">
-                <div class="welcome">欢迎登录</div>
+                <div class="welcome"></div>
                 <el-form :model="param" :rules="rules" ref="login" label-width="100px" label-position="top" class="ms-content">
-                  <el-form-item prop="tenantId" label="" style="margin-bottom:35px">
+                  <!-- <el-form-item prop="tenantId" label="" style="margin-bottom:35px">
                         <el-input v-model="param.tenantId" placeholder="请输入您的租户id">
                             <el-button slot="prepend" icon="el-icon-user"></el-button>
                         </el-input>
-                    </el-form-item>
+                    </el-form-item> -->
                     <el-form-item prop="username" label="" style="margin-bottom:35px">
                         <el-input v-model="param.username" placeholder="请输入您的账号">
                             <el-button slot="prepend" icon="el-icon-user"></el-button>
@@ -51,8 +53,8 @@
                         <el-checkbox v-model="checked">保存登录</el-checkbox>
                     </div>
                 </el-form>
-                <div class="login-btn">
+                <div class="login-btn" >
-                    <el-button type="primary" @click="submitForm()">登录</el-button>
+                    <el-button type="primary" @click="submitForm()"></el-button>
                 </div>
             </div>
         </div>
@@ -66,13 +68,15 @@ import mdScreenPie from "@/components/common/mdScreenPie";
 import Swiper from "@/components/common/carousel";
 import Resize from '../utils/Resize.vue'
 import {getToken,getWeatherData} from "@/api/api";
+import md5 from 'js-md5';
 export default {
   name: "report",
   components: {
     mdScreenPie,
     BarChart,
     Swiper,
-    Resize
+    Resize,
+    md5
   },
   data() {
     return {
@@ -86,16 +90,17 @@ export default {
       temperature: "12",
       weather: "晴",
       weatherItem: {},
-      param: {
+    //   param: {
-                username: 'dlgc_pic',
+    //             username: 'dlgc_pic',
-                password: 'e19d5cd5af0378da05f63f891c7467af',
+    //             // password: 'e19d5cd5af0378da05f63f891c7467af',
-                tenantId:'748495'
+    //             password: 'abcd1234',
-            },
+    //             tenantId:'748495'
-    //    param: {
+    //         },
-    //     username: '',
+       param: {
-    //     password: '',
+        username: '',
-    //     tenantId:''
+        password: '',
-    // },
+        tenantId:'748495'
+    },
             checked: false,
             rules: {
                 tenantId: [{ required: true, message: '账号Id不能为空', trigger: 'blur' }],
@@ -139,10 +144,12 @@ export default {
                         scope:'all',
                         tenantId:this.param.tenantId,
                         username:this.param.username,
-                        password:this.param.password,
+                        password:md5(this.param.password),
+                        // password:this.param.password,
                         type:"account"
                         }
                         getToken(data).then((res)=>{
+                            console.log("error_description",res)
                           if (res.status == 200) {
                             this.$message.success('登录成功');
                             // localStorage.setItem('ms_username', this.param.username);
@@ -156,7 +163,12 @@ export default {
                             JSON.stringify(res.data.user_name)
                           );
                           }else{
-                            this.$message.error('请输入正确的登录信息！！！');
+                            console.log("error_description")
+                            // this.$message.error('请输入正确的登录信息！！！');
+                                    this.$message({
+                                        message: res.data.error_description,
+                                        type: 'warning'
+                                    }); 
                           }
                         })
                         
@@ -335,7 +347,7 @@ getWeather () {
 
 .bgPicture {
   width: 100%;
-  background: url('../assets/loginImg/loginBg.png') no-repeat;
+  background: url('../assets/loginImg/loginBg1.png') no-repeat;
   background-size: 100% 100%;
 }
 
@@ -381,7 +393,7 @@ getWeather () {
     span:nth-child(2) {
       display: inline-block;
       position: absolute;
-      right: 80px;
+      right: 92px;
       width: 17.5px;
       height: 18px;
     //   background: url("~@/assets/pic/sun.png") no-repeat;
@@ -394,7 +406,7 @@ getWeather () {
 .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -622,6 +634,7 @@ getWeather () {
 /deep/ .el-table .success-row {
   background: transparent;
 }
+
 </style>
 <style>.el-carousel__indicators--outside {
   display: none;
@@ -642,8 +655,9 @@ getWeather () {
     width: 100%;
     height: 100%;
     border-radius: 20px;
-    background: rgb(9,41,43);
+    // background: rgb(9,41,43);
-    border: none;
+    background:  transparent;
+    border: 1px solid rgb(0,139,146);
     .el-input-group__prepend {
         background: transparent;
         border: none;
@@ -651,10 +665,18 @@ getWeather () {
     .el-input__inner {
         background: transparent;
         border: none;
+        
+    }
+    .el-input__inner::placeholder {
+        color:  #7b9596;
+    }
+   .el-input__inner:focus::placeholder{
+        opacity: 0;
     }
 }
+
 /deep/ .el-checkbox{
-  color: #fff;
+  color:  #7b9596;
 }
 /deep/ .el-checkbox__inner{
   background: transparent;
@@ -684,7 +706,7 @@ getWeather () {
         width: 100%;
         height: calc(100% - 75px);
         border-radius: 20px;
-        background: url('../assets/loginImg/kuang.png') no-repeat;
+        background: url('../assets/loginImg/kuang1.png') no-repeat;
         background-size: 100% 100%;
         overflow: hidden;
         display: flex;
@@ -698,8 +720,9 @@ getWeather () {
             font-weight: 700
         }
         .ms-content {
-            width: 80%;
+            // width: 80%;
-            margin-top: 33px;
+             width: 63%;
+            margin-top: 90px;
         }
         .login-btn {
             width: 75.5%;
@@ -711,7 +734,7 @@ getWeather () {
                 // border-radius: 20px;
                 display: flex;
                 justify-content: center;
-                background: url("../assets/loginImg/loginBtn.png") no-repeat;
+                background: url("../assets/loginImg/loginBtn1.png") no-repeat;
                 background-size: 100% 100%;
                 border: none;
                 align-items: center;

src/views/management.vue

@@ -929,7 +929,7 @@ export default {
 .title {
     width: 100%;
     height: 168px;
-    background: url("~@/assets/pic/title1.png") no-repeat;
+    background: url("~@/assets/pic/title1 (2).png") no-repeat;
     background-size: 100% 100%;
 }
 

src/views/managementComponents.vue

@@ -1103,7 +1103,7 @@ export default {
 .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
 }
 

src/views/modelScreen.vue

@@ -448,7 +448,7 @@ export default {
   created() {
     let h = document.documentElement.clientHeight || document.body.clientHeight;
     this.vdaH = h - 0 + "px";
-       this.createMqtt()
+    //    this.createMqtt()
          this.getTime()
   },
   methods: {
@@ -1147,7 +1147,7 @@ export default {
 .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
 }
 

src/views/modelScreenComponents.vue

@@ -181,7 +181,7 @@
         <div></div>
         <div>允许通行</div>
       </div>
-      <Swiper ref="swRef" @changeMessage="changeMessage"></Swiper>
+      <Swiper ref="swRef" @changeMessage="changeMessage" :peopleList="peopleList"></Swiper>
     </div>
     <div class="leftThreeBox" :style="{ left: boxNone ? '27px' : '-444px' }">
       <div class="titName">
@@ -215,12 +215,12 @@
           v-for="(item,index) in videoList"
           :key="index"
         >
-          <img v-show="iframeShow==false" :src="item.thumbnail" alt="" />
+          <img v-show="item.iframeShow==false" :src="item.thumbnail" alt="" />
-          <div class="openChange" @click="openChangebtn" v-show="iframeShow==false"> <img src="../assets/pic/play.png" alt=""></div>
+          <!-- <div class="openChange" @click="openChangebtn(item)" v-show="item.iframeShow==false"> <img src="../assets/pic/play.png" alt=""></div> -->
           
             <!-- <Video></Video> -->
-                  <iframe  ref="iframe"  id="iframeid" :src="src" frameborder="O" class="iframe" scrolling="auto" width="100%"
+                  <iframe  ref="iframe"  id="iframeid" :src="src" frameborder="0" class="iframe" scrolling="auto" width="100%"
-                    height="100%" v-show="iframeShow"> 
+                    height="100%" v-show="item.iframeShow"> 
                 </iframe>
                 <!-- <button @click="vueSendMsg">vue向iframe传递信息</button> -->
           <div class="smallBox">{{item.equipmentName}}</div>
@@ -248,6 +248,7 @@
           :x-axis-data="qyList.map((item) => item.name)"
           :securityCheck="securityCheck"
         />
+        
       </div>
     </div>
     <!-- 右侧模块3 -->
@@ -267,7 +268,7 @@
         </div>
         <el-table
           :show-header="false"
-          height="150"
+          height="100%"
           :row-style="{ height: '0' }"
           :cell-style="{ padding: '8px' }"
           :row-class-name="tableRowClassName"
@@ -605,7 +606,12 @@ export default {
          for(var i = 0; i < environmentDataNew.length; i++){
                 for(var j = 0; j < this.iconPicList.length; j++){
                     if(this.iconPicList[j].id==environmentDataNew[i].id){
-                       this.iconPicList[j].val = environmentDataNew[i].val
+                        if(environmentDataNew[i].val==''||environmentDataNew[i].val==null){
+                            this.iconPicList[j].val = '--'
+                        }else{
+                             this.iconPicList[j].val = Number(environmentDataNew[i].val).toFixed(2)
+                        }
+                      
                     }
                 }
           }
@@ -730,29 +736,29 @@ export default {
       const res = event.data;
       console.log(event)
       if(res.cmd == 'myIframe'){
-        console.log(res)
+        console.log("myIframe",res)
       }
     },
     // vue向iframe传递信息
-    vueSendMsg(){
+    vueSendMsg(val){
-        this.iframeMethods()
     //   const iframeWindow = this.$refs.iframe.contentWindow;
        const iframeWindow =document.getElementById('iframeid').contentWindow;
       iframeWindow.postMessage({ 
         cmd:'myVue',
         params : {
-          info: 'Vue向iframe传递的消息',
+          info: val,
         } 
       },'*')
       
     },
     // 触发iframe中的方法
-    iframeMethods(){
+    iframeMethods(val){
-      document.getElementById('iframeid').contentWindow.triggerByVue('通过Vue触发iframe中的方法');
+      document.getElementById('iframeid').contentWindow.triggerByVue(val);
     },
-    openChangebtn(){
+    openChangebtn(item){
         this.iframeShow = true
-        this.vueSendMsg()
+        this.vueSendMsg(item.url)
+        this.iframeMethods(item.url)
     }
   },
 // destroyed(){
@@ -762,6 +768,8 @@ export default {
   
     //基本情况
     getProjectInfo().then((res) => {
+        console.log("res",res.data.data)
+
       this.introduction = res.data.data[0].introduction;
       this.projectId = res.data.data[0].id;
       sessionStorage.setItem(
@@ -778,11 +786,12 @@ export default {
           (item, index) => {
             return {
               label: "姓名:",
-              label1: "岗位",
+              label1: "岗位:",
-              label2: "出勤时间",
+              label2: "出勤时间:",
               name1: res.data.data.users[item].name,
               name2: res.data.data.users[item].post,
               time: res.data.data.users[item].inTime,
+              picture: res.data.data.users[item].picture,
             };
           }
         );
@@ -850,8 +859,34 @@ export default {
       //视频监控
       getIsImportant().then((res)=>{
         this.videoList = Object.keys(res.data.data).map((item,index)=>{
-          return {thumbnail:res.data.data[item].thumbnail,equipmentName:res.data.data[item].equipmentName}
+            console.log("res.data.data11111",res.data.data)
+             if(res.data.data[item].url&&res.data.data[item].url!=''){
+                  return {
+           
+            thumbnail:res.data.data[item].thumbnail,
+            equipmentName:res.data.data[item].equipmentName,
+            url:res.data.data[item].url,
+            iframeShow:true
+            
+            }
+           
+            }else{
+                 return {
+           
+            thumbnail:res.data.data[item].thumbnail,
+            equipmentName:res.data.data[item].equipmentName,
+            url:res.data.data[item].url,
+            iframeShow:false
+            }
+            }
+        
+        //    return {thumbnail:require('@/assets/cscs2.png'),
+        // equipmentName:'隧道入口监控QW_CAMERA001',
+        //    }
+
         })
+         
+        
 //           this.$nextTick(function(){
 //         this.src = '../static/flv/demo1.html';
 //         console.log("this.$refs.iframeld",this.$refs.iframeld)
@@ -859,6 +894,9 @@ export default {
 // window.addEventListener("message",this.sendMessage);
 // });
 this.src = '../static/flv/demo1.html';
+  for (let i = 0; i < this.videoList.length; i++) {
+         this.openChangebtn(this.videoList[i])
+        }
 window.addEventListener('message',this.getiframeMsg)
       })
     });
@@ -1038,6 +1076,7 @@ window.addEventListener('message',this.getiframeMsg)
   color: #ffffff;
   text-align: center;
   line-height: 28px;
+  border-top-right-radius: 25%;
 }
 
 .swiperBox {
@@ -1166,9 +1205,12 @@ window.addEventListener('message',this.getiframeMsg)
 }
 
 .chentChild {
-  width: 104px;
+//   width: 104px;
-  margin-left: 14px;
+//   margin-left: 14px;
-  margin-top: 15px;
+//   margin-top: 15px;
+width: 110px;
+    margin-left: 10px;
+    margin-top: 15px;
 }
 
 .iconPic {
@@ -1267,7 +1309,7 @@ window.addEventListener('message',this.getiframeMsg)
       top: 40px;
       width: 100%;
   .videoFat {
-    background: gray;
+    // background: gray;
     flex: 1;
     // width: 165px;
     // height: 183px;
@@ -1275,10 +1317,11 @@ window.addEventListener('message',this.getiframeMsg)
     width: 87%;
     float: left;
     margin-top: 2%;
-        
+     border-radius: 5%;   
     img {
       width: 100%;
       height: 100%;
+       border-radius: 5%;   
     }
     .openChange{
        position: absolute;
@@ -1491,7 +1534,7 @@ window.addEventListener('message',this.getiframeMsg)
 .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
 }
 

src/views/personnel.vue

@@ -826,7 +826,7 @@ export default {
 .title {
     width: 100%;
     height: 168px;
-    background: url("~@/assets/pic/title1.png") no-repeat;
+    background: url("~@/assets/pic/title1 (2).png") no-repeat;
     background-size: 100% 100%;
 }
 

src/views/personnelComponents.vue

@@ -380,6 +380,7 @@ export default {
         projectId: projectId,
       }).then((res) => {
         this.constructionPersonnel = res.data.data;
+        console.log("this.constructionPersonnel",this.constructionPersonnel)
       });
       //考勤监控
       getAttend({
@@ -757,7 +758,8 @@ export default {
   }
   .meetContent{
       overflow: auto;
-      height: 90%;
+    //   height: 90%;
+      height: 84%;
       width: 100%;
       word-wrap: break-word;
       word-break: break-all;
@@ -771,13 +773,13 @@ export default {
   background: url("~@/assets/pic/view.png") no-repeat;
   background-size: 100% 100%;
   float: right;
-  margin-top: 13px;
+//   margin-top: 13px;
   margin-right: 2px;
   cursor: pointer;
-
+margin-top: -5px;
-  @media only screen and (max-height: 1000px) {
+//   @media only screen and (max-height: 1000px) {
-    margin-top: -22px;
+//     margin-top: -22px;
-  }
+//   }
 }
 
 .videoBox {
@@ -876,7 +878,7 @@ export default {
 .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
 }
 

src/views/progress.vue

@@ -989,7 +989,7 @@ export default {
 .title {
     width: 100%;
     height: 168px;
-    background: url("~@/assets/pic/title1.png") no-repeat;
+    background: url("~@/assets/pic/title1 (2).png") no-repeat;
     background-size: 100% 100%;
 }
 

src/views/progressComponents.vue

@@ -137,7 +137,7 @@
                 <span></span>
             </div>
             <div class="table2Box">
-                <el-table height="100%" :row-class-name="tableRowClassName" :data="table2Data" style="width: 100%" :cell-style="{ padding: '5px' }">
+                <el-table height="100%" :row-class-name="tableRowClassName" :data="table2Data" style="width: 100%" :cell-style="{ padding: '8px' }">
                     <el-table-column align="left" show-overflow-tooltip prop="name" label="任务名称" style="left:20px">
                     </el-table-column>
                     <el-table-column align="center" prop="startDate" label="开始时间" >
@@ -458,8 +458,8 @@ export default {
             }).then((res)=>{
                 this.projectDuration[0].value = res.data.data.planStartDate
                 this.projectDuration[1].value = res.data.data.planEndDate
-                this.projectDuration[2].value = res.data.data.planTotalDay + '天'
+                this.projectDuration[2].value = res.data.data.planTotalDay + '  天'
-                this.projectDuration[3].value = res.data.data.actualDay + '天'
+                this.projectDuration[3].value = res.data.data.actualDay + '  天'
             })
             //投资进度
             getProjectInvestment({
@@ -645,8 +645,9 @@ export default {
 
 .table2Box {
     width: 405px;
-    height: 76%;
+    // height: 77%;
-    top: 76px;
+    height: 79%;
+    top: 78px;
     left: 21px;
     position: absolute;
 }
@@ -975,7 +976,7 @@ export default {
 .title {
     width: 100%;
     height: 168px;
-    background: url("~@/assets/pic/title1.png") no-repeat;
+    background: url("~@/assets/pic/title1 (2).png") no-repeat;
     background-size: 100% 100%;
 }
 

src/views/swiper.vue

@@ -36,7 +36,7 @@
       <div class="home">
         <div class="box">
           <div class="boxChild">
-            <div class="fathBox"></div>
+            <div class="fathBox"><img :src="item.troubleImages" alt="" style="width:100%;height:100%"></div>
             <div class="fath2Box">
               <div style="margin-left: 21px; margin-top: 8px">
                 <span style="color: #82dddb">派单时间：</span>
@@ -153,6 +153,7 @@ export default {
             status: res.data.data.records[item].status,
             troubleContent: res.data.data.records[item].troubleContent,
             troubleMark: res.data.data.records[item].troubleMark,
+            troubleImages: res.data.data.records[item].troubleImages
           };
         });
       });
@@ -205,7 +206,7 @@ export default {
     .fathBox {
       width: 152px;
       height: 146px;
-      background: url("~@/assets/pic/23.png") no-repeat;
+    //   background: url("~@/assets/pic/23.png") no-repeat;
       background-size: 100% 100%;
     }
 
@@ -299,6 +300,10 @@ export default {
 }
 .el-carousel__container {
   position: relative;
-  height: 180px !important;
+  /* height: 180px !important; */
+   height: 200px !important;
+}
+.el-carousel__indicators--horizontal{
+    width:73%
 }
 </style>

src/views/video.vue

@@ -15,36 +15,36 @@
 <script>
   export default {
     props: {
-    videoitemUrl: {
+    // videoitemUrl: {
-     type: String,
+    //  type: String,
-      default: ''
+    //   default: ''
-    },
+    // },
-    videoUrllist: {
+    // videoUrllist: {
-      type: Array,
+    //   type: Array,
-      default: () => {
+    //   default: () => {
-        return [];
+    //     return [];
-      },
+    //   },
-    },
+    // },
     },
     data() {
       return {
         player: null,
         url:require('../assets/map4/5.mp4'),
-        videoitemUrl:''
+        videoitemUrl:'http://175.27.191.156:18080/transform/ch1.live.flv'
       }
     },
     watch: {
     // 监听父组件中的数据变化，重新触发Echarts
-    videoitemUrl: {
+    // videoitemUrl: {
      
-      handler (val) {
+    //   handler (val) {
-        console.log("val",val)
+    //     console.log("val",val)
-        // this.$nextTick(() => {
+    //     // this.$nextTick(() => {
-          this.videoitemUrl = val
+    //       this.videoitemUrl = val
-        // })
+    //     // })
-      },
+    //   },
-    deep: true,
+    // deep: true,
-    }
+    // }
   },
     mounted() { 
         this.initVideo();

src/views/videoSurveillance.vue

@@ -477,7 +477,7 @@ export default {
 .title {
     width: 100%;
     height: 168px;
-    background: url("~@/assets/pic/title1.png") no-repeat;
+    background: url("~@/assets/pic/title1 (2).png") no-repeat;
     background-size: 100% 100%;
 }
 

src/views/videoSurveillanceComponents.vue

@@ -30,7 +30,7 @@
       >
         <!-- <img :src="item.thumbnail" alt="" style="width: 100%; height: 100%" /> -->
          <img v-show="item.status==false" :src="item.thumbnail" alt="" style="width: 100%; height: 100%"/>
-          <div class="openChange" @click="tzSp(item.equipmentName, item.id)" v-show="item.status==false"> 
+          <div class="openChange" @click="tzSp(item.equipmentName, item.id,item.thumbnail)" v-show="item.status==false"> 
             <img src="../assets/pic/play.png" alt="" style="width:100%;height:100%">
             </div>
              <iframe  ref="iframe"  id="iframeid" :src="src" frameborder="0" class="iframe" scrolling="auto" width="100%"
@@ -124,7 +124,7 @@
             <!-- <span class="playBox" @click="tzSp"></span> -->
             <img
               :src="item.icon"
-              @click="tzSp(item.name, item.id)"
+              @click="tzSp(item.name, item.id,item.thumbnail)"
               style="
                 width: 16px;
                 height: 16px;
@@ -321,12 +321,14 @@ export default {
         this.$router.go(0);
       }
     },
-    tzSp(name, id) {
+    tzSp(name, id,thumbnail) {
       // this.$router.push('/videoViewing')
       let videoObj = {
         videoName: name,
         videoId: id,
+        thumbnail:thumbnail
       };
+      console.log("videoObj",videoObj)
       this.$emit("transfer", videoObj);
     },
     getDivHeight() {
@@ -408,7 +410,9 @@ export default {
       this.videoAllList = Object.keys(res.data.data).map((item, index) => {
         return {
           thumbnail: res.data.data[item].thumbnail,
+        //   thumbnail:require('@/assets/cscs2.png'),
           equipmentName: res.data.data[item].equipmentName,
+        //   equipmentName:'隧道入口监控',
           id: res.data.data[item].id,
           status:false
         };
@@ -422,6 +426,7 @@ export default {
           icon: require("../assets/pic/play.png"),
           lookOver: "查看",
           id: res.data.data[item].id,
+           thumbnail: res.data.data[item].thumbnail,
         };
       });
       this.src = '../static/flv/video1.html';
@@ -456,14 +461,14 @@ export default {
 }
 
 .scroller::-webkit-scrollbar-track {
-  background: #053635;
+//   background: #053635;
   border-radius: 4px;
-  opacity: 0.6;
+//   opacity: 0.6;
-  border: 1px solid #0e6760;
+//   border: 1px solid #0e6760;
 }
 
 .scroller::-webkit-scrollbar-thumb {
-  width: 11em;
+  width: 6em;
   background-color: #0e6760;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
@@ -491,7 +496,8 @@ export default {
   }
 
   .scFathChild {
-    width: 311px;
+    // width: 311px;
+    width:23%;
     height: 251px;
     margin-bottom: 43px;
     border: 1px solid rgba(0, 235, 235, 0.2);
@@ -499,7 +505,7 @@ export default {
     position: relative;
     cursor: pointer;
     transition: All 0.2s ease-in-out;
-
+     background: url("~@/assets/pic/top.png") no-repeat;
     .childrenBox {
       // width: 123px;
       height: 30px;
@@ -600,7 +606,7 @@ export default {
 .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
 }
 

src/views/videoViewing.vue

@@ -474,7 +474,7 @@ export default {
 .title {
     width: 100%;
     height: 168px;
-    background: url("~@/assets/pic/title1.png") no-repeat;
+    background: url("~@/assets/pic/title1 (2).png") no-repeat;
     background-size: 100% 100%;
 }
 

src/views/videoViewingComponents.vue

@@ -20,11 +20,17 @@
     <!-- 左侧大模块-->
     <div class="scFathBox" :style="{ height: leftOneBox }">
       <div class="scFathChild">
-        <img
+        <!-- <img
         v-if="closeVideoShow"
           src="../assets/pic/bh.png"
           alt=""
           style="width: 100%; height: 100%"
+        /> -->
+         <img
+        v-if="closeVideoShow"
+          :src="thumbnail"
+          alt=""
+          style="width: 100%; height: 100%"
         />
         <Video :videoitemUrl="videoitemUrl" :videoUrllist="videoUrllist" v-if="openVideoShow"></Video>
           <div class="childrenBox"> 
@@ -112,6 +118,7 @@
               value-format= 'yyyy-MM-dd HH:mm:ss'
               type="datetime"
               placeholder="选择日期时间"
+            default-time="00:00:00"
             >
             </el-date-picker>
           </el-form-item>
@@ -124,6 +131,7 @@
                value-format= 'yyyy-MM-dd HH:mm:ss'
               placeholder="选择日期时间"
               :picker-options="pickerOptions"
+              default-time="23:59:59"
             >
             </el-date-picker>
           </el-form-item>
@@ -177,6 +185,10 @@ export default {
       type: String,
       default: "",
     },
+    thumbnail: {
+      type: String,
+      default: "",
+    },
   },
   components: {
     pieChart,
@@ -283,6 +295,7 @@ export default {
   created() {
     let h = document.documentElement.clientHeight || document.body.clientHeight;
     this.vdaH = h - 0 + "px";
+    console.log("thumbnail",thumbnail)
   },
   methods: {
     //点击播放按
@@ -570,7 +583,7 @@ export default {
 .title {
   width: 100%;
   height: 168px;
-  background: url("~@/assets/pic/title1.png") no-repeat;
+  background: url("~@/assets/pic/title1 (2).png") no-repeat;
   background-size: 100% 100%;
 }
 

static/flv/demo1.html

@@ -43,8 +43,8 @@
 		margin-left: -1.5em;
 	}
  .videojs-flvjs-player-dimensions {
-    width: 95%!important;
+    width: 100%!important;
-    height: 200px!important;
+    height: 217px!important;
     overflow-x: hidden;
         overflow-y: hidden;
 }
@@ -94,17 +94,36 @@ var player = null;
   };
   // iframe获取Vue传递过来的信息
   window.addEventListener("message", getVueMsg);
+//   function getVueMsg(event){
+//     const res = event.data;
+//     if(res.cmd == 'myVue'){
+//       console.log(res)
+//     }
+//   };
+//   function triggerByVue(msg){
+//     console.log(msg)
+//     player.play();
+//   }
   function getVueMsg(event){
     const res = event.data;
     if(res.cmd == 'myVue'){
-      console.log(res)
+      console.log("获取vue传来的数据",res.params.info)
+      flvUrl = res.params.info
+    //   console.log("flvUrl",flvUrl)
+    //   initPlayer(res.params.info)
+        
     }
   };
   function triggerByVue(msg){
     console.log(msg)
-    player.play();
+    // flvUrl = msg
+    // initPlayer(msg);
+    // player.play();
+    
+    
   }
 function initPlayer(){
+    // console.log("val",val)
 	var videoContainer = document.getElementById("videoContainer");
 	var pObjs = videoContainer.childNodes;
     for (var i = pObjs.length - 1; i >= 0; i--) {

static/flv/videoIndex.html

@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>视频播放软件</title>
+    <link href="video-js.css" rel="stylesheet" />
+	<style>
+        body{
+            overflow-x: hidden;
+        overflow-y: hidden;
+        width: 100%;
+        height: 100%;
+        }
+	.video-js .vjs-big-play-button{
+		font-size: 2.5em;
+		line-height: 2.3em;
+		height: 2.5em;
+		width: 2.5em;
+		-webkit-border-radius: 2.5em;
+		-moz-border-radius: 2.5em;
+		border-radius: 2.5em;
+		background-color: #73859f;
+		background-color: rgba(115,133,159,.5);
+		border-width: 0.15em;
+		margin-top: -1.25em;
+		margin-left: -1.75em;
+	}
+	/* 中间的播放箭头 */
+	.vjs-big-play-button .vjs-icon-placeholder {
+		font-size: 1.63em;
+	}
+
+	/* 加载圆圈 */
+	.vjs-loading-spinner {
+		font-size: 2.5em;
+		width: 2em;
+		height: 2em;
+		border-radius: 1em;
+		margin-top: -1em;
+		margin-left: -1.5em;
+	}
+ .videojs-flvjs-player-dimensions {
+    width: 100%!important;
+    height: 286px!important;
+    overflow-x: hidden;
+        overflow-y: hidden;
+}
+/* #videojs-flvjs-player{
+    width: 100%!important;
+    height: 100%!important;
+} */
+	</style>
+	
+    <script src="video.min.js"></script>
+	<script src="flv.min.js"></script>
+    <script src="videojs-flvjs.min.js"></script>
+</head>
+
+<body>
+	<div id="videoContainer"   width="100%" 
+    height="100%" >
+		<video 
+	    id="videojs-flvjs-player" 
+	    class="video-js vjs-default-skin vjs-big-play-centered" 
+	    controls 
+	    preload="auto" 
+		autoplay=true
+	    width="100%" 
+	    height="100%" 
+	    
+	    data-setup="{}"
+		>
+      
+			<source src="" type='video/x-flv' />
+		</video>
+        <!-- <button onclick="iframeSendMsg()">iframe向Vue传消息</button> -->
+	</div>
+</body>
+<script>
+//var flvUrl = "ws://192.168.3.245/transform/ch1.live.flv";
+var flvUrl = "http://175.27.191.156:18080/transform/ch1.live.flv";
+var player = null;
+ // iframe向vue传递信息
+ function iframeSendMsg(){
+    window.parent.postMessage({ 
+      cmd:'myIframe',
+      params : {
+        info: 'iframe向Vue传递的消息',
+      } 
+    },'*');
+  };
+  // iframe获取Vue传递过来的信息
+  window.addEventListener("message", getVueMsg);
+  function getVueMsg(event){
+    const res = event.data;
+    if(res.cmd == 'myVue'){
+      console.log(res)
+    }
+  };
+  function triggerByVue(msg){
+    console.log(msg)
+    player.play();
+  }
+function initPlayer(){
+	var videoContainer = document.getElementById("videoContainer");
+	var pObjs = videoContainer.childNodes;
+    for (var i = pObjs.length - 1; i >= 0; i--) {
+      videoContainer.removeChild(pObjs[i]);
+    }
+	
+	videoContainer.innerHTML = "<video id='videojs-flvjs-player' class='video-js vjs-default-skin vjs-big-play-centered' controls preload='auto' autoplay=true width='100%' height='100%'  data-setup='{}'><source src="+ flvUrl +" type='video/x-flv'></video>";
+	
+	player = videojs('videojs-flvjs-player', {
+		techOrder: ['html5', 'flvjs'],
+		flvjs: {
+			mediaDataSource: {
+				isLive: true,
+				cors: true,
+				withCredentials: false,
+				enableStashBuffer: false,
+				autoCleanupSourceBuffer:true,
+				autoCleanupMaxBackwardDuration:12,
+				autoCleanupMinBackwardDuration:60,
+				stashInitialSize:128
+			},
+		
+    },
+    sources: [{
+        src: flvUrl,
+        type: 'video/x-flv'
+    }],
+    controls: true,
+    preload: "none"
+	},
+	function onPlayerReady() {
+		
+		player.on('error',function(){
+			console.log('first source load fail')
+			player.src({
+				src: flvUrl,
+				type: 'video/x-flv'
+			});
+			player.ready(function() {
+				console.log('player ready')
+				player.load();
+				player.play();
+			});
+		});
+		player.on('waiting',function(){
+			console.log('stream wainting....');
+            window.parent.postMessage({ 
+              cmd:'myIframe',
+              params : {
+                info: 'iframe向Vue传递的消息',
+              } 
+            },'*');
+			//player.pause();
+			//player.dispose();
+			//player = null;
+			//initPlayer();
+		});
+		player.on('ended',function(){
+			console.log('stream ended....');
+			player.pause();
+			player.dispose();
+			player = null;
+			initPlayer();
+		});
+	});
+}
+
+initPlayer();
+
+
+
+</script>
+
+</html>

static/unity/StreamingAssets/Config/GeneralConstructionPlan.txt

@@ -4,16 +4,60 @@
 "total_days":"174",
 "time_nodes":[
 {
-"node":"2023/2/1",
+"node":"2023/2/01",
-"info":"开工"
+"info":"土建_0"
 },
 {
-"node":"2023/3/1",
+"node":"2023/2/8",
-"info":"护栏拆除"
+"info":"土建_1"
 },
 {
-"node":"2023/3/25",
+"node":"2023/2/16",
-"info":"放置预制砼"
+"info":"土建_2"
+},
+{
+"node":"2023/2/24",
+"info":"土建_3"
+},
+{
+"node":"2023/3/01",
+"info":"土建_4"
+},
+{
+"node":"2023/3/9",
+"info":"土建_5"
+},
+{
+"node":"2023/3/17",
+"info":"土建_6"
+},
+{
+"node":"2023/3/24",
+"info":"土建_7"
+},
+{
+"node":"2023/4/01",
+"info":"土建_8"
+},
+{
+"node":"2023/4/09",
+"info":"土建_9"
+},
+{
+"node":"2023/4/17",
+"info":"土建_10"
+},
+{
+"node":"2023/4/24",
+"info":"土建_11"
+},
+{
+"node":"2023/5/01",
+"info":"电缆敷设_0"
+},
+{
+"node":"2023/5/08",
+"info":"电缆敷设_1"
 },
 {
 "node":"2023/7/25",

static/unity/StreamingAssets/Config/MyComponentData.txt

@@ -0,0 +1,646 @@
+[
+	{
+		"id": "1644225456757981186",
+		"workContent": "土建_0",
+		"completeStatus": "完成",
+		"detail": [
+			{
+				"componentId": "17e62d0b164e42a396b2aaee817170ba",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_0",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-02-01",
+				"plannedEndDate": "2023-02-07",
+				"actualCompletionTime": "2023-02-01",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_0_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "0fe56a5e85674b4fb276b228a1e5f405",
+				"componentType": "预制硂",
+				"componentName": "预制硂_0",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-02-01",
+				"plannedEndDate": "2023-02-07",
+				"actualCompletionTime": "2023-02-02",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_0_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "636c42fe8f0d4998bd6b511d3513a198",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_0",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-02-01",
+				"plannedEndDate": "2023-02-07",
+				"actualCompletionTime": "2023-02-06",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_0_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225456825090049",
+		"workContent": "土建_1",
+		"completeStatus": "完成",
+		"detail": [
+			{
+				"componentId": "6ed83243d6524f7b9be6f46163066963",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_1",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-02-08",
+				"plannedEndDate": "2023-02-15",
+				"actualCompletionTime": "2023-02-09",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_1_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "1751611703ee4d3da598309cd6c612ca",
+				"componentType": "预制硂",
+				"componentName": "预制硂_1",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-02-08",
+				"plannedEndDate": "2023-02-15",
+				"actualCompletionTime": "2023-02-10",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_1_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "579c9a90503f4ac3a88328190b7825c9",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_1",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-02-08",
+				"plannedEndDate": "2023-02-15",
+				"actualCompletionTime": "2023-02-15",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_1_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225456888004609",
+		"workContent": "土建_2",
+		"completeStatus": "延期完成",
+		"detail": [
+			{
+				"componentId": "5b311eac10494e60a0c8e17669a9b535",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_2",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-02-16",
+				"plannedEndDate": "2023-02-23",
+				"actualCompletionTime": "2023-02-16",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_2_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "2a32b299250a44d9b5c989fea0a2e4db",
+				"componentType": "预制硂",
+				"componentName": "预制硂_2",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-02-16",
+				"plannedEndDate": "2023-02-23",
+				"actualCompletionTime": "2023-02-20",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_2_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "0a75583dff6d494393c5af0558a5fd44",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_2",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-02-16",
+				"plannedEndDate": "2023-02-23",
+				"actualCompletionTime": "2023-02-25",
+				"workStatus": "延期完成",
+				"workStatusCode": "COMPLETE_DELAY",
+				"positionInfo": "L_2_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225456959307778",
+		"workContent": "土建_3",
+		"completeStatus": "进行中",
+		"detail": [
+			{
+				"componentId": "e16cbdd80bc34d299c9cc9b59332af3a",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_3",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-02-24",
+				"plannedEndDate": "2023-02-28",
+				"actualCompletionTime": "2023-02-18",
+				"workStatus": "提前完成",
+				"workStatusCode": "COMPLETE_AHEAD",
+				"positionInfo": "L_3_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "24d16c360f324c0bbac89503fcf4435b",
+				"componentType": "预制硂",
+				"componentName": "预制硂_3",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-02-24",
+				"plannedEndDate": "2023-02-28",
+				"actualCompletionTime": "2023-02-25",
+				"workStatus": "完成",
+				"workStatusCode": "ACCOMPLISH",
+				"positionInfo": "L_3_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "5d7c56a5b6cf462e9a117ba7970016ed",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_3",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-02-24",
+				"plannedEndDate": "2023-02-28",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_3_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457034805250",
+		"workContent": "土建_4",
+		"completeStatus": "进行中",
+		"detail": [
+			{
+				"componentId": "a97c2d358d69457c90f67efc2aa0d12f",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_4",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-03-01",
+				"plannedEndDate": "2023-03-08",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_4_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "41cefeccf0ca47ec8e4a552c910ab2ef",
+				"componentType": "预制硂",
+				"componentName": "预制硂_4",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-03-01",
+				"plannedEndDate": "2023-03-08",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_4_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "c617a3b8fa6443d0aeb2490c576db72a",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_4",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-03-01",
+				"plannedEndDate": "2023-03-08",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_4_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457127079937",
+		"workContent": "土建_5",
+		"completeStatus": "进行中",
+		"detail": [
+			{
+				"componentId": "3bb814d6495c493784d21fbc13266b2f",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_5",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-03-09",
+				"plannedEndDate": "2023-03-16",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_5_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "2b553b260f3c4158bdaee4f66eaf2d96",
+				"componentType": "预制硂",
+				"componentName": "预制硂_5",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-03-09",
+				"plannedEndDate": "2023-03-16",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_5_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "d1626986b656443a83b9030b275c6dac",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_5",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-03-09",
+				"plannedEndDate": "2023-03-16",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_5_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457210966017",
+		"workContent": "土建_6",
+		"completeStatus": "进行中",
+		"detail": [
+			{
+				"componentId": "88c143c5ba3043cba6ae433f27f4d57f",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_6",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-03-17",
+				"plannedEndDate": "2023-03-23",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_6_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "b58d3002322c43ed83151c5cdd15996c",
+				"componentType": "预制硂",
+				"componentName": "预制硂_6",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-03-17",
+				"plannedEndDate": "2023-03-23",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_6_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "4a551c80472d4b0daa4016c7573013e5",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_6",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-03-17",
+				"plannedEndDate": "2023-03-23",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_6_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457286463489",
+		"workContent": "土建_7",
+		"completeStatus": "进行中",
+		"detail": [
+			{
+				"componentId": "6b984e092d2448c5a9993ca487793921",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_7",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-03-24",
+				"plannedEndDate": "2023-03-30",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_7_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "c076599492c840bb872b6b814b0fd004",
+				"componentType": "预制硂",
+				"componentName": "预制硂_7",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-03-24",
+				"plannedEndDate": "2023-03-30",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_7_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "9dcdc45b218b4d8098d98914c6630391",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_7",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-03-24",
+				"plannedEndDate": "2023-03-30",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_7_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457357766658",
+		"workContent": "土建_8",
+		"completeStatus": "进行中",
+		"detail": [
+			{
+				"componentId": "95d59d46c154417187cb4434079c1c7f",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_8",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-04-01",
+				"plannedEndDate": "2023-04-08",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_8_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "7609a56e5bd84cbfafe0b6026523a806",
+				"componentType": "预制硂",
+				"componentName": "预制硂_8",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-04-01",
+				"plannedEndDate": "2023-04-08",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_8_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "22da43d9fc8044bbb4cab9d35f109292",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_8",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-04-01",
+				"plannedEndDate": "2023-04-08",
+				"actualCompletionTime": "",
+				"workStatus": "进行中",
+				"workStatusCode": "PROGRESS",
+				"positionInfo": "L_8_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457420681218",
+		"workContent": "土建_9",
+		"completeStatus": "未开始",
+		"detail": [
+			{
+				"componentId": "c0fcbc96eabf4018a64593af07f8e421",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_9",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-04-09",
+				"plannedEndDate": "2023-04-16",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_9_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "396dced933bf4a41a76256f1677b72f1",
+				"componentType": "预制硂",
+				"componentName": "预制硂_9",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-04-09",
+				"plannedEndDate": "2023-04-16",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_9_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "ca90c040fdbd4a9dad7a196d762f56cc",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_9",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-04-09",
+				"plannedEndDate": "2023-04-16",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_9_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457487790081",
+		"workContent": "土建_10",
+		"completeStatus": "未开始",
+		"detail": [
+			{
+				"componentId": "485dfbf53a4b4ad19cc51d7ed7cb5687",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_10",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-04-17",
+				"plannedEndDate": "2023-04-23",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_10_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "ff51914e5e9243d59144747a723b2410",
+				"componentType": "预制硂",
+				"componentName": "预制硂_10",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-04-17",
+				"plannedEndDate": "2023-04-23",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_10_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "2be6428dbc7442b9a7f032a369f15314",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_10",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-04-17",
+				"plannedEndDate": "2023-04-23",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_10_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457571676161",
+		"workContent": "土建_11",
+		"completeStatus": "未开始",
+		"detail": [
+			{
+				"componentId": "5135fa666dad422d9cc14c7838f22919",
+				"componentType": "拆除护栏",
+				"componentName": "拆除护栏_11",
+				"componentTypeCode": "cchl",
+				"plannedStartDate": "2023-04-24",
+				"plannedEndDate": "2023-04-30",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_11_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "0362257709504d769875e93cf500dd07",
+				"componentType": "预制硂",
+				"componentName": "预制硂_11",
+				"componentTypeCode": "yzt",
+				"plannedStartDate": "2023-04-24",
+				"plannedEndDate": "2023-04-30",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_11_100",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "499567d5dd9d4bedaff32e77c44c0737",
+				"componentType": "电缆架桥",
+				"componentName": "电缆架桥_11",
+				"componentTypeCode": "dljq",
+				"plannedStartDate": "2023-04-24",
+				"plannedEndDate": "2023-04-30",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_11_100",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457642979329",
+		"workContent": "电缆敷设_0",
+		"completeStatus": "未开始",
+		"detail": [
+			{
+				"componentId": "724dbab057f14b378ccf4433701bdd88",
+				"componentType": "电缆敷设",
+				"componentName": "电缆敷设_0",
+				"componentTypeCode": "dlfs",
+				"plannedStartDate": "2023-05-01",
+				"plannedEndDate": "2023-05-07",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_0_900",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "1b5ea1049ee545e68dcee28f484ae4c8",
+				"componentType": "电缆盖板",
+				"componentName": "电缆盖板_0",
+				"componentTypeCode": "dlgb",
+				"plannedStartDate": "2023-05-01",
+				"plannedEndDate": "2023-05-07",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_0_900",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "6b51c8f5b5834b0887074f54ddd6767f",
+				"componentType": "恢复护栏",
+				"componentName": "恢复护栏_0",
+				"componentTypeCode": "hfhl",
+				"plannedStartDate": "2023-05-01",
+				"plannedEndDate": "2023-05-07",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_0_900",
+				"isLastProcess": 1
+			}
+		]
+	},
+	{
+		"id": "1644225457705893889",
+		"workContent": "电缆敷设_1",
+		"completeStatus": "未开始",
+		"detail": [
+			{
+				"componentId": "bee0f074d11d476d907f55dc9ce93e68",
+				"componentType": "电缆敷设",
+				"componentName": "电缆敷设_1",
+				"componentTypeCode": "dlfs",
+				"plannedStartDate": "2023-05-08",
+				"plannedEndDate": "2023-05-15",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_1_900",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "73b87f88ce494fdfbc9ef86298a9ebb9",
+				"componentType": "电缆盖板",
+				"componentName": "电缆盖板_1",
+				"componentTypeCode": "dlgb",
+				"plannedStartDate": "2023-05-08",
+				"plannedEndDate": "2023-05-15",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_1_900",
+				"isLastProcess": 0
+			},
+			{
+				"componentId": "e167458070dd420f99e73442ccbf3741",
+				"componentType": "恢复护栏",
+				"componentName": "恢复护栏_1",
+				"componentTypeCode": "hfhl",
+				"plannedStartDate": "2023-05-08",
+				"plannedEndDate": "2023-05-15",
+				"actualCompletionTime": "",
+				"workStatus": "未开始",
+				"workStatusCode": "NOT_START",
+				"positionInfo": "L_1_900",
+				"isLastProcess": 1
+			}
+		]
+	}
+]

static/unity/TemplateData/style.css

@@ -5,12 +5,21 @@ body { padding: 0; margin: 0 }
 #unity-canvas { background: #231F20 }
 .unity-mobile #unity-canvas { width: 100%; height: 100% }
 #unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
-#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
+/* #unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center } */
+#unity-logo { width: 154px; height: 130px; }
 #unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
 #unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
 #unity-footer { position: relative }
 .unity-mobile #unity-footer { display: none }
-#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
+/* #unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center } */
+#unity-webgl-logo { float:left; width: 204px; height: 38px;}
 #unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
 #unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
 #unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
+#black{
+    position: absolute;
+    left: 26%;
+    top: 35%;
+    width: 50%;
+    height: 20%; background: url('block.png') no-repeat center 
+}

static/unity/index.html

@@ -22,6 +22,9 @@
         <div id="unity-fullscreen-button"></div>
         <div id="unity-build-title">MqttTest</div> -->
       </div>
+      <div id='black'>
+
+      </div>
     </div>
     <script>
       var container = document.querySelector("#unity-container");
@@ -30,7 +33,7 @@
       var progressBarFull = document.querySelector("#unity-progress-bar-full");
       var fullscreenButton = document.querySelector("#unity-fullscreen-button");
       var warningBanner = document.querySelector("#unity-warning");
-
+      var black = document.querySelector("#black");
       // Shows a temporary message banner/ribbon for a few seconds, or
       // a permanent error message on top of the canvas if type=='error'.
       // If type=='warning', a yellow highlight color is used.
@@ -119,7 +122,9 @@
         });
       };
     function OnSceneLoaded(){
+        black.style.display = "none";
         window.parent.createMqtt();
+       
     }   
     function fullScreen(){
        
@@ -136,9 +141,14 @@
     }
     function receiveMqttData(string){
         if(unity!=null){
-            console.log('Unity_ReceiveMqttData')
+            console.log('Unity_ReceiveMqttData',string)
             unity.SendMessage("GameManager",'Unity_ReceiveMqttData',string);
         }
+    }
+    //获取视频地址
+    function getVideoUrl(data){
+        console.log('Unity_ReceiveMqttData',data)
+        window.parent.gantDialog();
     }
       document.body.appendChild(script);
     </script>

vue.config.js

@@ -50,7 +50,8 @@ module.exports = {
         host: myHost,
         proxy: {
             '/api': { //代理的名字
-                target: 'http://175.27.191.156:11000/api/', 
+                // target: 'http://175.27.191.156:11000/api/', 
+                target: 'http://175.27.191.156:8181/', 
                 // target: 'http://172.16.1.178:5001/',
                 // target: 'http://ht.api.umayle.com:2022', 
                 ws: true,