From 33cb421416526534b40614950ab1511c34cd102c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Thu, 26 Dec 2024 09:15:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/productCenter/index.vue   |  8 +++-
 src/views/productCenter/modal11.vue | 72 +++++++++++++++++++++++++++++
 src/views/productCenter/modal12.vue | 72 +++++++++++++++++++++++++++++
 3 files changed, 151 insertions(+), 1 deletion(-)
 create mode 100644 src/views/productCenter/modal11.vue
 create mode 100644 src/views/productCenter/modal12.vue

diff --git a/src/views/productCenter/index.vue b/src/views/productCenter/index.vue
index 11903a6..2140461 100644
--- a/src/views/productCenter/index.vue
+++ b/src/views/productCenter/index.vue
@@ -34,6 +34,8 @@
         <HighFrequencyRFID class="highFrequencyRFID" v-if="i.configModal === '8'  " :data="i"/>
         <!--        <UltraHighFrequencyRFID class="ultraHighFrequencyRFID" v-if="i.configModal === '9' " :data="i"/>-->
         <DataAcquisitionSensing class="dataAcquisitionSensing" v-if="i.configModal === '9'" :data="i"/>
+        <modal11 class="dataAcquisitionSensing" v-if="i.configModal === '11'" :data="i"/>
+        <modal12 class="dataAcquisitionSensing" v-if="i.configModal === '12'" :data="i"/>
       </div>
     </div>
     <!--    <div v-if="tabsActive === 1">-->
@@ -54,6 +56,8 @@ import PlatformArchitecture from './platformArchitecture'
 import TechnicalArchitecture from './technicalArchitecture'
 import PlatformFeatures from './platformFeatures'
 import HighFrequencyRFID from './product/highFrequencyRFID'
+import modal11 from './modal11'
+import modal12 from './modal12'
 import UltraHighFrequencyRFID from './product/ultraHighFrequencyRFID'
 import DataAcquisitionSensing from './product/dataAcquisitionSensing'
 import ContactUs from '@/components/contactUs'
@@ -74,7 +78,9 @@ export default {
     UltraHighFrequencyRFID,
     DataAcquisitionSensing,
     ContactUs,
-    Copyright
+    Copyright,
+    modal11,
+    modal12
   },
   data() {
     return {
diff --git a/src/views/productCenter/modal11.vue b/src/views/productCenter/modal11.vue
new file mode 100644
index 0000000..5d4d8f8
--- /dev/null
+++ b/src/views/productCenter/modal11.vue
@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <TitleGroup>
+      <template slot="title">{{ data.productInfoEtitle }}</template>
+      <template slot="subTitle">{{ data.productInfoCtitle }}</template>
+    </TitleGroup>
+    <div class="list">
+      <div v-for="ii in groupByCount(data.hwProductInfoDetailList)">
+        <div class="item" v-for="(i,k) in ii">
+          <el-image
+            style="width: 100%;height: 100%"
+            :src="i.productInfoDetailPic"
+            fit="contain"></el-image>
+        </div>
+        <br>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import TitleGroup from "@/components/TitleGroup";
+import wlw from "@/assets/icon/wlw.png";
+import znzz from "@/assets/icon/znzz.png";
+import kdwl from "@/assets/icon/kdwl.png";
+import znlt from "@/assets/icon/znlt.png";
+
+let map = null
+export default {
+  name: 'modal11',
+  props: ['data'],
+  components: {
+    TitleGroup
+  },
+  data() {
+    return {}
+  },
+  mounted() {
+  },
+  methods: {
+    groupByCount(array) {
+      let result = [];
+      for (let i = 0; i < array.length; i += 3) {
+        result.push(array.slice(i, i + 3));
+      }
+      return result;
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import "~@/style.less";
+
+.list {
+  margin: 3.9vw auto 0;
+  padding-bottom: 5.3vw;
+  width: 60vw;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+
+  .item {
+    display: inline-block;
+    width: 30%;
+    //height: 16.7vw;
+    margin: 0 0.5vw;
+
+  }
+}
+</style>
diff --git a/src/views/productCenter/modal12.vue b/src/views/productCenter/modal12.vue
new file mode 100644
index 0000000..34ec31a
--- /dev/null
+++ b/src/views/productCenter/modal12.vue
@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <TitleGroup>
+      <template slot="title">{{ data.productInfoEtitle }}</template>
+      <template slot="subTitle">{{ data.productInfoCtitle }}</template>
+    </TitleGroup>
+    <div v-for="ii in groupByCount(data.hwProductInfoDetailList)">
+      <div class="list">
+        <div class="item" v-for="(i,k) in ii">
+          <el-image
+            style="width: 100%;height: 100%"
+            :src="i.productInfoDetailPic"
+            fit="contain"></el-image>
+        </div>
+        <br>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import TitleGroup from "@/components/TitleGroup";
+import wlw from "@/assets/icon/wlw.png";
+import znzz from "@/assets/icon/znzz.png";
+import kdwl from "@/assets/icon/kdwl.png";
+import znlt from "@/assets/icon/znlt.png";
+
+let map = null
+export default {
+  name: 'modal12',
+  props: ['data'],
+  components: {
+    TitleGroup
+  },
+  data() {
+    return {}
+  },
+  mounted() {
+  },
+  methods: {
+    groupByCount(array) {
+      let result = [];
+      for (let i = 0; i < array.length; i += 2) {
+        result.push(array.slice(i, i + 2));
+      }
+      return result;
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import "~@/style.less";
+
+.list {
+  margin: 3.9vw auto 0;
+  padding-bottom: 5.3vw;
+  width: 60vw;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+
+  .item {
+    display: inline-block;
+    width: 49%;
+    //height: 16.7vw;
+    margin: 0 0.5vw;
+
+  }
+}
+</style>