大屏接口

src/views/screen/index.vue

@@ -72,7 +72,7 @@
         <div class="sic-video">
           <template v-for="(item, index) in videoList">
             <div class="video-item" @dblclick.capture="fullScreen($event)" >
-              <div class="video-item-title">{{item.label}}</div>
+              <div class="video-item-title">{{item.name}}</div>
               <KedaCom class="video-keda" :video-code="item.code"/>
             </div>
           </template>
@@ -261,19 +261,19 @@
         <img class="jinzita" src="./img/jinzita.png"/>
         <div class="item item-ffld">
           <div class="title">非法离岛</div>
-          <div class="count">{{yjtjqk.ffldNum}}({{yjtjqk.ffldPer}}%)</div>
+          <div class="count">{{yjtjqk.ffld}}</div>
         </div>
         <div class="item item-cqzl">
           <div class="title">超期滞留</div>
-          <div class="count">{{yjtjqk.cqzlNum}}({{yjtjqk.cqzlPer}}%)</div>
+          <div class="count">{{yjtjqk.cqzl}}</div>
         </div>
         <div class="item item-bbbzs">
           <div class="title">不报备住宿</div>
-          <div class="count">{{yjtjqk.bbbzsNum}}({{yjtjqk.bbbzsPer}}%)</div>
+          <div class="count">{{yjtjqk.bbbzs}}</div>
         </div>
         <div class="item item-qt">
           <div class="title">其他</div>
-          <div class="count">{{yjtjqk.qtNum}}({{yjtjqk.qtPer}}%)</div>
+          <div class="count">{{yjtjqk.qt}}</div>
         </div>
       </div>
     </div>
@@ -384,14 +384,10 @@ export default defineComponent({
       },
       yjtjqk: {
         total: 0,
-        ffldNum: 0,
-        ffldPer: 0,
-        cqzlNum: 0,
-        cqzlPer: 0,
-        bbbzsNum: 0,
-        bbbzsPer: 0,
-        qtNum: 0,
-        qtPer: 0
+        ffld: '0(0%)',
+        cqzl: '0(0%)',
+        bbbzs: '0(0%)',
+        qt: '0(0%)',
       }
     });
     const switchInfo = (ind) => {
@@ -449,17 +445,13 @@ export default defineComponent({
       }, 10000)
     }
     const initVideo = () => {
-      state.videoList = [
-        {label: '1公安类—博鳌—XX点位_B', code: '460123123123123'},
-        {label: '2公安类—博鳌—XX点位_B', code: '460123123123123'},
-        {label: '3公安类—博鳌—XX点位_B', code: '460123123123123'},
-        {label: '4公安类—博鳌—XX点位_B', code: '460123123123123'},
-        {label: '5公安类—博鳌—XX点位_B公安类—博鳌—XX点位_B公安类—博鳌—XX点位_B', code: '460123123123123'},
-        {label: '6公安类—博鳌—XX点位_B', code: '460123123123123'},
-        {label: '7公安类—博鳌—XX点位_B', code: '460123123123123'},
-        {label: '8公安类—博鳌—XX点位_B', code: '460123123123123'},
-        {label: '9公安类—博鳌—XX点位_B', code: '460123123123123'},
-      ]
+      state.videoList = []
+      axios.get(`/${store.state.app.apiProxy.screenApi}/video/record/list`).then(res => {
+        console.log(res)
+        if (res.status === 200) {
+          state.videoList = res.data
+        }
+      })
     }
     const fullScreen = (event: any) => {
       const deep: any = (el: any) => {
@@ -499,29 +491,19 @@ export default defineComponent({
     }
     const initSPJXZS = () => {
       state.spzyqk.spjxzs = 0
-      // axios.get(`/${store.state.app.apiProxy.screenApi}/video/analysis/pie?type=1`).then(res => {
-      //   // if (res.status === 200 && res.data?.result?.length > 0) {
-      //   //   const r = res.data.result[0]
-      //   //   state.sjzycqk.sjcczl = r['store_count']
-      //   //   state.sjzycqk.sjjlzl = r['record_cnt']
-      //   //   state.sjzycqk.gjdwsl = r['lydw_cnt']
-      //   //   state.sjzycqk.gjsjxs = r['tab_cnt']
-      //   //   state.sjzycqk.byxzjl = r['record_add_cnt']
-      //   //   state.spzyqk.spdwzs = r['video_cnt']
-      //   // }
-      // })
+      axios.get(`/${store.state.app.apiProxy.screenApi}/video/analysis/all`).then(res => {
+        if (res.status === 200) {
+          state.spzyqk.spjxzs = res.data
+        }
+      })
     }
     const initYJTJQK = () => {
       state.yjtjqk = {
         total: 0,
-        ffldNum: 0,
-        ffldPer: 0,
-        cqzlNum: 0,
-        cqzlPer: 0,
-        bbbzsNum: 0,
-        bbbzsPer: 0,
-        qtNum: 0,
-        qtPer: 0
+        ffld: '0(0%)',
+        cqzl: '0(0%)',
+        bbbzs: '0(0%)',
+        qt: '0(0%)',
       }
     }
     onMounted(() => {