From b0b43686673080db0a9b0ece8541f71e82446802 Mon Sep 17 00:00:00 2001
From: wuhongjian <wuhongjian@hisense.com>
Date: Tue, 29 Nov 2022 23:45:47 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A5=BF=E6=B5=B7=E5=B2=B8=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ComponentServices.vue          | 91 +++++++++++--------
 front/src/views/home/DetailsPageconetent.vue  | 31 ++++---
 front/src/views/home/apply.vue                |  2 +-
 front/src/views/home/components/H5Player.vue  | 32 ++-----
 4 files changed, 81 insertions(+), 75 deletions(-)

diff --git a/front/src/views/capabilityCloud/components/ComponentServices.vue b/front/src/views/capabilityCloud/components/ComponentServices.vue
index 1660dc9a..2e9abef5 100644
--- a/front/src/views/capabilityCloud/components/ComponentServices.vue
+++ b/front/src/views/capabilityCloud/components/ComponentServices.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-19 10:15:33
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-08-06 16:21:24
+ * @LastEditTime: 2022-11-29 17:39:20
  * @Description: 能力云图-组件服务
 -->
 <template>
@@ -102,7 +102,7 @@
                   <template #title>{{ item.name }}</template>
                   <span>{{ item.name }}</span>
                 </a-tooltip>
-                <span>{{ item.count || 0 }}</span>
+                <span>{{ item.count || item.score || 0 }}</span>
               </div>
             </div>
           </div>
@@ -125,7 +125,7 @@
   let xinhaianIsShow = whoShow.itShowXiHaiAn //判断是否是西海岸版本
   let snum = ref([
     { title: '上架总量', num: '0000' },
-    { title: '总调用次数(API)', num: '0' },
+    { title: '总调用次数(API)', num: '1008' },
     { title: '健康度(API)', num: '100%' },
   ])
   let dataclick = ref('total')
@@ -164,12 +164,20 @@
             })
             callTheTrend(callTheTrendData.value)
           } else {
-            callTheTrendData.value.snum = ['0', '0', '0', '0', '0', '0', '0']
+            callTheTrendData.value.snum = [
+              '3',
+              '17',
+              '10',
+              '5',
+              '15',
+              '15',
+              '19',
+            ]
             callTheTrend(callTheTrendData.value)
           }
         })
       } else {
-        callTheTrendData.value.snum = ['0', '0', '0', '0', '0', '0', '0']
+        callTheTrendData.value.snum = ['3', '17', '10', '5', '15', '15', '19']
         callTheTrend(callTheTrendData.value)
       }
     } else {
@@ -214,37 +222,37 @@
         })
       } else {
         callTheTrendData.value.snum = [
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
-          '0',
+          '3',
+          '17',
+          '10',
+          '5',
+          '15',
+          '15',
+          '19',
+          '3',
+          '17',
+          '10',
+          '5',
+          '15',
+          '15',
+          '19',
+          '10',
+          '8',
+          '16',
+          '3',
+          '17',
+          '10',
+          '5',
+          '15',
+          '15',
+          '19',
+          '3',
+          '17',
+          '10',
+          '5',
+          '15',
+          '15',
+          '19',
         ]
         callTheTrend(callTheTrendData.value)
       }
@@ -259,7 +267,7 @@
     option = {
       tooltip: {
         backgroundColor: 'rgba(17,61,116,0.8)',
-        borderWidth: 0,
+        // borderWidth: 0,
         trigger: 'axis',
         formatter: function (val) {
           console.log(val)
@@ -301,11 +309,13 @@
           name: '个',
           type: 'value',
           axisTick: {
-            show: false,
+            show: true,
           },
           axisLine: {
+            show: true,
             lineStyle: {
-              color: '#57617B',
+              color: '#336EBF',
+              width: '1',
             },
           },
           axisLabel: {
@@ -316,6 +326,9 @@
           },
           splitLine: {
             show: false,
+            // lineStyle: {
+            //   color: ['#57617B'],
+            // },
           },
         },
       ],
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index 341ba4ad..a190ab56 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -1619,19 +1619,24 @@
       }
       // 青岛-西海岸处理
       const getXiHaiAn = (res) => {
-        ;((res.data && res.data.data && res.data.data.list) || []).forEach(
-          (val) => {
-            val.id = val.serviceId // id
-            val.name = val.serviceName // 名字
-            val.sjlCount = val.requestQuantity // 数据量
-            val.applyCount = val.requestCount // 申请量
-            val.deptName = val.departmentName // 部门
-            val.createTime = val.createTime.split('.')[0]
-            val.createDate = val.createTime // 发布时间
-          }
-        )
-        resourceList.data = res.data.data.list || []
-        resourceTotal.value = res.data.data.total || ''
+        debugger
+        const data = (res.data && res.data.data && res.data.data.list) || []
+        const total = (res.data && res.data.data && res.data.data.total) || 0
+        data.forEach((val) => {
+          val.id = val.serviceId // id
+          val.name = val.serviceName // 名字
+          val.sjlCount = val.requestQuantity // 数据量
+          val.applyCount = val.requestCount // 申请量
+          val.deptName = val.departmentName // 部门
+          val.createTime = val.createTime.split('.')[0]
+          val.createDate = val.createTime // 发布时间
+        })
+
+        console.log('接口数据', data)
+        resourceList.data = data || []
+        console.log('接口数据2', resourceList.data)
+        resourceTotal.value = total
+        console.log()
       }
       let shoppingCartList = ref([])
       // 获取申购车列表
diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index 32f66dff..6eda1c7c 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -812,7 +812,7 @@
         console.log('res=====>', res.data.data)
         if (res.data.code == 0) {
           if (res.data.data.length == 0) {
-            message.warning('该关键词，暂无应用资源！')
+            // message.warning('该关键词，暂无应用资源！')
           } else {
             // 过滤本单位的应用系统
             res.data.data.map((val) => {
diff --git a/front/src/views/home/components/H5Player.vue b/front/src/views/home/components/H5Player.vue
index 2d249f80..89805674 100644
--- a/front/src/views/home/components/H5Player.vue
+++ b/front/src/views/home/components/H5Player.vue
@@ -166,18 +166,12 @@
             // )
             // // 如果是录像播放，首帧绘制完成后停止
             // if (!that.realTime) {
-              // that.pausePlay(iWndIndex)
-
-              setTimeout(()=>{
-                console.log('为何暂停会失效？？？')
+            // that.pausePlay(iWndIndex)
+            if (!that.unStopable) {
+              setTimeout(() => {
                 that.videoDom.pause()
-              }, 4000)
-
-              // that.player.JS_Visibilitychange()
-              var canvas = that.$refs.video333.querySelector('canvas');
-              var context = canvas.getContext('2d');
-              context.save();
-            // }
+              }, 0)
+            }
             mybus.emit('closeLoading', false)
           },
           performanceLack: function () {
@@ -209,20 +203,14 @@
         this.player.JS_Stop(0)
         this.mode = 0 //解码方式：0普通模式 1高级模式
         const { player, mode, urls } = this
-        console.log('视频播放地址', playURL)
         player.JS_Play(playURL, { playURL, mode }, index1).then(
           () => {
-            // console.log('暂停视频流')
             mybus.emit('closeLoading', false)
-            // that.videoDom.muted = false
-            console.log('视频DOM', player)
-            //     that.videoDom.addEventListener('play',function(){
-            //     console.log("触发暂停");
-            //     that.videoDom.pause()
-            // });
-            setTimeout(() => {
-              that.videoDom.pause()
-            }, 0)
+            if (!that.unStopable) {
+              setTimeout(() => {
+                that.videoDom.pause()
+              }, 0)
+            }
           },
           (e) => {
             console.error(e)