Merge branch 'fefeef'

src/views/appCenter.vue

@@ -3,7 +3,7 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2024-10-25 16:12:44
- * @LastEditTime: 2024-10-28 10:28:41
+ * @LastEditTime: 2024-10-28 11:32:22
 -->
 <template>
   <div class="app-center">
@@ -173,24 +173,24 @@ const classicCards = [
 ]
 
 const yunyinzengzhi = [
-  { title: '卡片中心', desc: '对生态厂商上架的卡片进行统一运营', image: yun1 },
-  { title: '卡片订阅', desc: '统一管理用户订阅的卡片', image: yun2 },
-  { title: '应用统一管理', desc: '统一管理贵鸿市场上架', image: yun3 },
-  { title: '数据分析', desc: '提供全面的分发、使用服务数据，把握运营情况', image: yun4 },
+  { title: '卡片中心', link: 'https://cloud-test.openvalley.net/app-applications#/card-management', desc: '对生态厂商上架的卡片进行统一运营', image: yun1 },
+  { title: '卡片订阅', link: 'https://cloud-test.openvalley.net/app-applications#/card-subInfo', desc: '统一管理用户订阅的卡片', image: yun2 },
+  { title: '应用统一管理', link: 'https://cloud-test.openvalley.net/app-applications#/putway', desc: '统一管理贵鸿市场上架', image: yun3 },
+  { title: '数据分析', link: 'https://cloud-test.openvalley.net/app-applications#/install-unstall', desc: '提供全面的分发、使用服务数据，把握运营情况', image: yun4 },
 ]
 
 const cards = [
   { title: "添加卡片", link: 'https://cloud-test.openvalley.net/app-applications#/card-management', description: "一个应用可以添加多个卡片，适用于不同的场景", imgUrl: card1 },
-  { title: "我的卡片管理", description: "统一管理我开发的卡片，维护卡片展示信息", imgUrl: card2 },
-  { title: "添加卡片触发方式", description: "定义卡片的触发方式，支持通过位置、突发事件、时间等方式触发", imgUrl: card3 },
-  { title: "卡片触发管理", description: "统一管理各卡片支持的触发方式，一个卡片可以有多种触发方式", imgUrl: card4 },
+  { title: "我的卡片管理", link: 'https://cloud-test.openvalley.net/app-applications#/card-management', description: "统一管理我开发的卡片，维护卡片展示信息", imgUrl: card2 },
+  { title: "添加卡片触发方式", link: 'https://cloud-test.openvalley.net/app-applications#/card-configuration', description: "定义卡片的触发方式，支持通过位置、突发事件、时间等方式触发", imgUrl: card3 },
+  { title: "卡片触发管理", link: 'https://cloud-test.openvalley.net/app-applications#/card-configuration', description: "统一管理各卡片支持的触发方式，一个卡片可以有多种触发方式", imgUrl: card4 },
 ]
 
 const apps = [
-  { title: "创建应用", imgUrl: app1, link: 'https://cloud-test.openvalley.net/app-applications#/card-management', description: "创建应用若选择是“原子化”应用，则应用支持免安装。" },
-  { title: "开发应用", imgUrl: app2, link: 'https://cloud-test.openvalley.net/app-applications#/card-management', description: "您可以根据您的实际需求选择合适的开发服务能力。" },
-  { title: "上传应用版本", imgUrl: app3, link: 'https://cloud-test.openvalley.net/app-applications#/card-management', description: "平台提供应用版本管理能力，历史版本、开发中的版本均可在平台进行维护。" },
-  { title: "申请上架贵鸿市场", imgUrl: app4, link: 'https://cloud-test.openvalley.net/app-applications#/card-management', description: "提交上架申请，通过后即可在贵鸿应用市场看得并下载应用。" },
+  { title: "创建应用", imgUrl: app1, link: 'https://cloud-test.openvalley.net/app-applications#/appsManage', description: "创建应用若选择是“原子化”应用，则应用支持免安装。" },
+  { title: "开发应用", imgUrl: app2, link: 'https://cloud-test.openvalley.net/app-applications#/appsManage', description: "您可以根据您的实际需求选择合适的开发服务能力。" },
+  { title: "上传应用版本", imgUrl: app3, link: 'https://cloud-test.openvalley.net/app-applications#/appDetail?id=c6cd50b524aa40258960d41d903f1707&infoId=0f643dc44fd249e0a01eb48a686636f0', description: "平台提供应用版本管理能力，历史版本、开发中的版本均可在平台进行维护。" },
+  { title: "申请上架贵鸿市场", imgUrl: app4, link: 'https://cloud-test.openvalley.net/app-applications#/app-distribute', description: "提交上架申请，通过后即可在贵鸿应用市场看得并下载应用。" },
 ]
 
 const steps = [

src/views/deviceCenter.vue

@@ -33,11 +33,13 @@
     <section class="device-area">
       <div class="title">基于贵鸿，打造生态硬件设备</div>
       <div class="des">繁荣鸿蒙生态发展，赋能智盖城市管理、服务提质增效</div>
-      <div class="device">
+      <div class="img"></div>
+      <!-- <img src="" alt=""> -->
+      <!-- <div class="device">
         <div v-for="i of 5">
           <img src="../assets/images/device-center/water.png">
         </div>
-      </div>
+      </div> -->
     </section>
 
     <section class="access-mode-area">
@@ -95,7 +97,7 @@
       <!-- 设备展示 -->
       <div class="device-list">
         <div v-for="device in filteredDevices" :key="device.id" class="device-card">
-          <img :src="device.image"/>
+          <img style="height: 246px;" :src="device.image"/>
           <p class="title">{{ device.name }}</p>
           <p class="desc">{{ device.desc }}</p>
           <p class="company">{{ device.company }}</p>
@@ -124,6 +126,14 @@ const systemPng2 = new URL('../assets/images/device-center/Frame(1).png', import
 const systemPng3 = new URL('../assets/images/device-center/Frame(2).png', import.meta.url).href
 
 const devicePng1 = new URL('../assets/images/device-center/water.png', import.meta.url).href
+const d1 = new URL('../assets/images/device-center/d1.png', import.meta.url).href
+const d2 = new URL('../assets/images/device-center/d2.png', import.meta.url).href
+const d3 = new URL('../assets/images/device-center/d3.png', import.meta.url).href
+const d4 = new URL('../assets/images/device-center/d4.png', import.meta.url).href
+const d5 = new URL('../assets/images/device-center/d5.png', import.meta.url).href
+const d6 = new URL('../assets/images/device-center/d6.png', import.meta.url).href
+const d7 = new URL('../assets/images/device-center/d7.png', import.meta.url).href
+const d8 = new URL('../assets/images/device-center/d8.png', import.meta.url).href
 
 import { useRouter } from 'vue-router'
 
@@ -151,8 +161,14 @@ const systems = [
 ]
 // 设备数据
 const devices = ref([
-  { id: 1, name: '星闪开发板', type: '开发板', os: '轻量系统', image: devicePng1, desc: '2024.10.23 通过评测', company: '湖南开鸿智谷' },
-  { id: 2, name: '星闪模块', type: '模块', os: '小型系统', image: devicePng1, desc: '2024.10.23 通过评测', company: '湖南开鸿智谷' },
+  { id: 1, name: '三防平板', type: '开发板', os: '轻量系统', image: d1, desc: '2024.5.16 通过评测', company: '湖南开鸿智谷' },
+  { id: 2, name: 'IO控制器', type: '模块', os: '小型系统', image: d4, desc: '2024.5.15 通过评测', company: '湖南开鸿智谷' },
+  { id: 3, name: '物联网实训平台', type: '模块', os: '小型系统', image: d6, desc: '2024.8.4 通过评测', company: '湖南开鸿智谷' },
+  { id: 4, name: '控制器CT21', type: '商业设备', os: '小型系统', image: d8, desc: '2024.4.24 通过评测', company: '湖南开鸿智谷' },
+  { id: 5, name: 'NiobeU4开发板', type: '模块', os: '轻量系统', image: d3, desc: '2022.4.13 通过评测', company: '湖南开鸿智谷' },
+  { id: 6, name: '星闪模组', type: '发行版', os: '轻量系统', image: d5, desc: '2024.10.23 通过评测', company: '湖南开鸿智谷' },
+  { id: 7, name: '设备开发实验箱', type: '模块', os: '小型系统', image: d7, desc: '2023.9.21 通过评测', company: '湖南开鸿智谷' },
+  { id: 8, name: '手持终端', type: '模块', os: '标准系统', image: d2, desc: '2024.10.23 通过评测', company: '湖南开鸿智谷' },
   // 更多设备数据...
 ]);
 
@@ -225,6 +241,11 @@ const filteredDevices = computed(() => {
       line-height: 27px;
       color: rgba(0,0,0,0.6);
     }
+    .img {
+      background: url('../assets/images/device-center/device_list.png') center center / cover no-repeat;
+      width: 100%;
+      height: 100%;
+    }
     .device {
       display: flex;
       justify-content: space-between;