金家渠视频监控

dist/css/chunk-1a0c8f0a.e8b5e53f.css

@@ -0,0 +1 @@
+#videoPlayer[data-v-95157b54]{width:800px;height:600px;margin:50px auto}.box[data-v-95157b54]{display:flex;justify-content:left}.box_ul[data-v-95157b54]{width:300px;height:100vh;background:#39f}.box_ul>li[data-v-95157b54]{width:80%;height:40px;text-align:center;border:1px solid;margin:17px auto;line-height:40px;border-radius:20px;background:#fff}#addclass[data-v-95157b54]{background:#f08080}

dist/css/chunk-72a936a9.62bc6584.css

@@ -1 +0,0 @@
-#videoPlayer[data-v-581bc200]{width:800px;height:600px;margin:50px auto}.box[data-v-581bc200]{display:flex;justify-content:left}.box_ul[data-v-581bc200]{width:300px;height:100vh;background:#39f}.box_ul>li[data-v-581bc200]{width:80%;height:40px;text-align:center;border:1px solid;margin:17px auto;line-height:40px;border-radius:20px;background:#fff}#addclass[data-v-581bc200]{background:#f08080}

src/views/jinjiaqu/videos.vue

@@ -11,7 +11,7 @@
           {{ item.name }}
         </li>
       </ul>
-      <video id="videoPlayer" class="video-js" crossorigin="anonymous">
+      <video id="videoPlayer" class="video-js" crossorigin="anonymous" EXT-X-TARGETDURATION="10">
         <!-- <source
         id="source"
         type="application/x-mpegURL"
@@ -53,20 +53,40 @@ export default {
           src: `http://video.nxjiewei.com:8011/jinjiaqu/中部北门值班室俯视北/${getTime()}/out.m3u8`,
         },
         {
-          name: "中部北门值班室俯视南",
-          src: `http://video.nxjiewei.com:8011/jinjiaqu/中部北门值班室俯视南/${getTime()}/out.m3u8`,
+          name: "中部北大门值班室俯视南",
+          src: `http://video.nxjiewei.com:8011/jinjiaqu/中部北大门值班室俯视南/${getTime()}/out.m3u8`,
         },
         {
+          name: "炸药路线-副立井东侧",
+          src: `http://video.nxjiewei.com:8011/jinjiaqu/炸药路线-副立井东侧/${getTime()}/out.m3u8`,
+        },
+        {
+          name: "炸药路线-副立井东侧门",
+          src: `http://video.nxjiewei.com:8011/jinjiaqu/炸药路线-副立井东侧门/${getTime()}/out.m3u8`,
+        },
+         {
           name: "炸药路线-副立井东门外",
           src: `http://video.nxjiewei.com:8011/jinjiaqu/炸药路线-副立井东门外/${getTime()}/out.m3u8`,
         },
         {
-          name: "炸药路线-副立井东门内",
-          src: `http://video.nxjiewei.com:8011/jinjiaqu/炸药路线-副立井东门内/${getTime()}/out.m3u8`,
+          name: "副井入口-副立井东侧",
+          src: `http://video.nxjiewei.com:8011/jinjiaqu/"副井入口-副立井东侧/${getTime()}/out.m3u8`,
+        },
+        {
+          name: "马路北头立杆-朝西",
+          src: `http://video.nxjiewei.com:8011/jinjiaqu/马路北头立杆-朝西/${getTime()}/out.m3u8`,
         },
         {
-          name: "副立井罐笼入口东侧",
-          src: `http://video.nxjiewei.com:8011/jinjiaqu/副立井罐笼入口东侧/${getTime()}/out.m3u8`,
+          name: "马路北头立杆-朝南",
+          src: `http://video.nxjiewei.com:8011/jinjiaqu/马路北头立杆-朝南/${getTime()}/out.m3u8`,
+        },
+        {
+          name: "马路北头立杆-朝东",
+          src: `http://video.nxjiewei.com:8011/jinjiaqu/马路北头立杆-朝东/${getTime()}/out.m3u8`,
+        },
+        {
+          name: "马路北头立杆-朝北",
+          src: `http://video.nxjiewei.com:8011/jinjiaqu/马路北头立杆-朝北/${getTime()}/out.m3u8`,
         },
       ],
       vs: [{ name: "111", src: `http://1231231.com/${getTime()}` }],
@@ -119,6 +139,7 @@ export default {
     }
   },
 };
+
 </script>
 
 <style scoped>

src/views/jinjiaqu/videoshome.vue

@@ -10,14 +10,18 @@
             <form>
               <div class="box_content_form_img">
                 <img src="../../assets/images/jinjiaqu/用户.png" alt="" />
-                <input type="text" placeholder="请输入用户名" v-model="names"/>
+                <input type="text" placeholder="请输入用户名" v-model="names" />
               </div>
               <div class="box_content_form_img">
                 <img src="../../assets/images/jinjiaqu/密码.png" alt="" />
-                <input type="text" placeholder="请输入密码" v-model="possword"/>
+                <input
+                  type="text"
+                  placeholder="请输入密码"
+                  v-model="possword"
+                />
               </div>
               <div class="box_content_form_button">
-                <input type="button" value="登陆" @click="govideo"/>
+                <input type="button" value="登陆" @click="govideo" />
               </div>
             </form>
           </div>
@@ -25,30 +29,27 @@
       </div>
     </div>
   </div>
-
 </template>
 
 <script>
 import {} from "../../assets/images/jinjiaqu/背景.jpg";
 export default {
-    data(){
-        return{
-            names:"",
-            possword:""
-        }
-    },
-    methods:{
-        govideo(){
-            if(this.names=="admin"&&this.possword=="123456"){
-                this.$router.push("/jinjiaqu/videos")
-            }else{
-                alert("请输入正确的用户名和密码")
-            }
-        }
+  data() {
+    return {
+      names: "",
+      possword: "",
+    };
+  },
+  methods: {
+    govideo() {
+      if (this.names == "admin" && this.possword == "123456") {
+        this.$router.push("/jinjiaqu/videos");
+      } else {
+        alert("请输入正确的用户名和密码");
+      }
     },
-    mounted(){
-
-    }
+  },
+  mounted() {},
 };
 </script>
 

src/views/zaoquan/yiqing/yiqing-fanninglist.vue

@@ -4,16 +4,16 @@
     <div class="time" v-if="List.length != 0">
       <div class="title">{{List[6].date.split("-")[0] + "年" + List[6].date.split("-")[1] + "月"}}</div>
       <div class="box">
-        <!-- <div class="item" v-for="(item,index) in List" @click="change_day(item,index)" >
+        <div class="item" v-for="(item,index) in List" @click="change_day(item,index)" >
           <div class="text">{{item.week.substring(item.week.length - 1)}}</div>
-          <div class="num" :style="index==active?'backgroundColor:#00A1E6;':''">{{item.date.substring(item.date.length - 2)}}</div> -->
+          <div class="num" :style="index==active?'backgroundColor:#00A1E6;':''">{{item.date.substring(item.date.length - 2)}}</div>
         <div class="item" v-for="(item,index) in List" @click="change_day(item,index)" :key="index">
           <div class="text">周{{item.week.substring(item.week.length - 1)}}</div>
           <div class="num" :style="index==active?'backgroundColor:#00A1E6;':''">{{item.date.split("-")[2]}}</div>
         </div>
-      <!-- </div> -->
       </div>
-    </div> -->
+      </div>
+    </div>
     <div class="time_box">
       <div class="icon" @click="icon_left()">
         <van-icon name="arrow-left" />
@@ -71,6 +71,7 @@ export default {
           {}
         )
         .then((res) => {
+          console.log(res);
           this.List = res.data.data.reverse();
 
           // console.log(this.List);

vue.config.js

@@ -1,4 +1,12 @@
 const path = require('path')
+// const proxyObj = {}
+// proxyObj['/'] = {
+//   target: 'http://localhost:8080',
+//   changeOrigin: true,
+//   pathRewrite: {
+//     '^/': ''
+//   }
+// }
 module.exports = {
   // 基本路径
   publicPath: './',
@@ -21,18 +29,8 @@ module.exports = {
     },
     public: require('os').networkInterfaces()[Object.keys(require('os').networkInterfaces())[0]][1].address + ':8080',
     disableHostCheck: true
-
+    // host: 'localhost',
+    // port: 8080,
+    // proxy: proxyObj
   }
-  //   productionSourceMap: false,
-  // devServer: {
-  // 	proxy: {
-  // 		'/test': {
-  // 			target: "http://47.105.143.227:3000",//这个是你要访问的接口地址
-  // 			changeOrigin: true,
-  // 			pathRewrite: {//重写地址  比如说 你的接口地址是'https://188.62.63/xxyy/getUser' 你请求得时候地址只需要写'/test/getUser'
-  // 				'/test': '/xxyy'  
-  // 			}
-  // 		}
-  // 	}
-  // }
 }