添加获取套餐图标

pages/rtcEngine/components/CloudList.vue

@@ -8,7 +8,7 @@
           <van-image
             width="24"
             height="24"
-            src="https://img01.yzcdn.cn/vant/cat.jpeg"
+            :src="imgFun(item.buyVipType, item.androidVersion)"
           />
         </div>
         <!-- 云机名称和ID -->
@@ -44,6 +44,11 @@ export default {
     cloudList: {
       type: Array,
       default: () => []
+    },
+    // 云机套餐的图标
+    imgFun: {
+      type: Function,
+      default: () => () => {}
     }
   },
   data() {

pages/rtcEngine/components/CloudMainPanel.vue

@@ -6,7 +6,7 @@
       <van-image
         width="24"
         height="24"
-        src="https://img01.yzcdn.cn/vant/cat.jpeg"
+        :src="iconUrl"
       />
     </div>
     <!-- 云机名称和ID -->
@@ -24,6 +24,7 @@
 /**
  * 头部云机id等信息
 */
+
 export default {
   name: 'CloudMainPanel',
   props: {
@@ -41,12 +42,17 @@ export default {
     groupList: {
       type: Array,
       default: () => []
+    },
+    // 云机套餐的图标
+    imgFun: {
+      type: Function,
+      default: () => () => {}
     }
   },
   computed: {
     // 当前选择的云机分组名称
     activeGroupName() {
-      return this.cloudInfo?.groupName || '全部设备';
+      return this.groupList.find(item => item.id === this.cloudInfo.groupId)?.groupName || '全部设备';
     },
     // 当前云机信息
     cloudInfo() {
@@ -56,6 +62,12 @@ export default {
       }
       // 如果当前云机id不为空, 那么就返回当前云机的信息
       return this.cloudList.find(item => item.userCardId === +this.userCardId);
+    },
+    // 当前云机套餐的图标
+    iconUrl() {
+      console.log(this.cloudInfo);
+      return this.imgFun(this.cloudInfo.buyVipType, this.cloudInfo.androidVersion);
+      
     }
   }
 }

pages/rtcEngine/components/FloatBtn.vue

@@ -123,7 +123,7 @@ export default {
   position: absolute;
   left: 15px;
   top: 15px;
-  z-index: 3000;
+  z-index: 100;
 
   .round-outside,
   .round-small{

pages/rtcEngine/mixins/public.js

@@ -25,7 +25,7 @@ data() {
 		imgFun(type, androidVersion = '', key = 'previewUrl') {
 			let obj = this.mealTypeObj[type + androidVersion]
 			// obj[key]的值是default或defaultPhonePreviewUrl时候,就是后端没有返回图标还有预览图过来，显示默认的
-			return obj[key] === 'default' ? '/static/img/userMealUpgradeVO_icon.png' : (obj[key] === 'defaultPhonePreviewUrl' ?
+			return obj[key] === 'default' ? '~assets/image/rtc/userMealUpgradeVO_icon.png' : (obj[key] === 'defaultPhonePreviewUrl' ?
 				this.remoteImgUrl + 'defalut-preview.png' : obj[key])
 		},
     // 获取用户云手机列表
@@ -105,9 +105,9 @@ data() {
 
           result.data.data.unshift({
             id: -1, // -1 全部分组(前端自定义值) -10 被授权列表 0 未分组 
-            groupName: '全部分组',
+            groupName: '全部设备',
             groupCount: count,
-            label: `全部分组(${count})`,
+            label: `全部设备(${count})`,
           })
           this.groupList = result.data.data;
         }

pages/rtcEngine/rtc.vue

@@ -23,6 +23,7 @@
       :groupList="groupList"
       :cloudList="cloudList"
       :mealTypeObj="mealTypeObj"
+      :imgFun="imgFun"
       @funcHandle="funcHandle"
       @exit="exit"
     />