From 9a05aca03c7ca0c89d04ac60e75b604357c68d06 Mon Sep 17 00:00:00 2001
From: binbin0314 <binbin0314@126.com>
Date: Wed, 20 Jan 2021 14:07:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E6=A0=87=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/About/Children/Organ.vue            |   2 +-
 src/views/NewPlatform/Children/AchDet.vue     |  92 +++++++-----
 .../Children/ShareChild/InsDet.vue            | 138 ++++++++++--------
 3 files changed, 130 insertions(+), 102 deletions(-)

diff --git a/src/views/About/Children/Organ.vue b/src/views/About/Children/Organ.vue
index 340cffa..e6250ba 100644
--- a/src/views/About/Children/Organ.vue
+++ b/src/views/About/Children/Organ.vue
@@ -103,7 +103,7 @@ export default {
                 align: 'left',
               },
             },
-            expandAndCollapse: true,
+            expandAndCollapse: false,
             animationDuration: 550,
             animationDurationUpdate: 750,
           },
diff --git a/src/views/NewPlatform/Children/AchDet.vue b/src/views/NewPlatform/Children/AchDet.vue
index 9039dba..531b6d7 100644
--- a/src/views/NewPlatform/Children/AchDet.vue
+++ b/src/views/NewPlatform/Children/AchDet.vue
@@ -1,45 +1,50 @@
 <template>
-  <div class="inner equ-box">
-    <div class="equ-info d-flex">
-      <img :src="obj.visitLocation" />
-      <div class="equ-info-box mb-5">
-        <p class="equ-name">{{ obj.name }}</p>
-        <div class="d-flex flex-wrap">
-          <div class="equ-info-left" style="width: 200px">
-            <p>成果名字：</p>
-            <p>专利类型：</p>
-            <p>专利号：</p>
-            <p>联系人：</p>
-            <p>联系方式：</p>
+  <div>
+    <div class="inner" style="margin-top: 40px">
+      <bread-crumb :arr="arr" />
+    </div>
+    <div class="inner equ-box">
+      <div class="equ-info d-flex">
+        <img :src="obj.visitLocation" />
+        <div class="equ-info-box mb-5">
+          <p class="equ-name">{{ obj.name }}</p>
+          <div class="d-flex flex-wrap">
+            <div class="equ-info-left" style="width: 200px">
+              <p>成果名字：</p>
+              <p>专利类型：</p>
+              <p>专利号：</p>
+              <p>联系人：</p>
+              <p>联系方式：</p>
+            </div>
+            <div style="width: 500px">
+              <p>{{ obj.registerName }}</p>
+              <p>{{ obj.style }}</p>
+              <p>{{ obj.registerNum }}</p>
+              <p>
+                <span :key="index" v-for="(item, index) in obj.selPeoList">
+                  {{ item.contactsName }}
+                  <span v-if="index < obj.selPeoList.length - 1">,</span>
+                </span>
+              </p>
+              <p>
+                <span :key="index" v-for="(item, index) in obj.selPeoList">
+                  {{ item.contactsPhone }}
+                  <span v-if="index < obj.selPeoList.length - 1">,</span>
+                </span>
+              </p>
+            </div>
           </div>
-          <div style="width: 500px">
-            <p>{{ obj.registerName }}</p>
-            <p>{{ obj.style }}</p>
-            <p>{{ obj.registerNum }}</p>
-            <p>
-              <span :key="index" v-for="(item, index) in obj.selPeoList">
-                {{ item.contactsName }}
-                <span v-if="index < obj.selPeoList.length - 1">,</span>
-              </span>
-            </p>
-            <p>
-              <span :key="index" v-for="(item, index) in obj.selPeoList">
-                {{ item.contactsPhone }}
-                <span v-if="index < obj.selPeoList.length - 1">,</span>
-              </span>
-            </p>
+          <div class="equ-btn">
+            <!-- <a-button style="margin-right: 20px">转化意向</a-button> -->
+            <intention-model :type-data="typeData" style="margin-right: 20px; float: left" />
+            <!-- <a-button type="primary">加入购物车</a-button> -->
+            <add-shopping :type-data="typeData" style="margin-right: 20px; float: right" />
           </div>
         </div>
-        <div class="equ-btn">
-          <!-- <a-button style="margin-right: 20px">转化意向</a-button> -->
-          <intention-model :type-data="typeData" style="margin-right: 20px; float: left" />
-          <!-- <a-button type="primary">加入购物车</a-button> -->
-          <add-shopping :type-data="typeData" style="margin-right: 20px; float: right" />
-        </div>
       </div>
-    </div>
-    <div class="content-box">
-      <div v-dompurify-html="obj.content"></div>
+      <div class="content-box">
+        <div v-dompurify-html="obj.content"></div>
+      </div>
     </div>
   </div>
 </template>
@@ -49,11 +54,20 @@ import { mapState } from 'vuex';
 import { selResMes } from 'config/api';
 import IntentionModel from 'components/Introduce/IntentionModel.vue';
 import AddShopping from 'components/Introduce/AddShopping.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+
 export default {
   name: 'AchDet',
-  components: { IntentionModel, AddShopping },
+  components: { IntentionModel, AddShopping, BreadCrumb },
   data() {
     return {
+      typeOfPlatform: '成果详情',
+      arr: [
+        { name: '创新平台', url: '/NewPlatform/NewCore' },
+        { name: '创新资源平台', url: '/NewPlatform/News' },
+        { name: '知识产权与技术转移转化服务平台', url: '/NewPlatform/Transfer' },
+        { name: '成果详情', url: '' },
+      ],
       obj: {},
       typeData: {
         type: 2,
@@ -88,7 +102,7 @@ export default {
 .equ-box {
   background: #fff;
   padding: 20px;
-  margin: 60px auto;
+  margin: 30px auto;
 }
 
 .equ-info {
diff --git a/src/views/NewPlatform/Children/ShareChild/InsDet.vue b/src/views/NewPlatform/Children/ShareChild/InsDet.vue
index 4c8eb7d..ffb7563 100644
--- a/src/views/NewPlatform/Children/ShareChild/InsDet.vue
+++ b/src/views/NewPlatform/Children/ShareChild/InsDet.vue
@@ -1,68 +1,73 @@
 <template>
-  <div class="inner equ-box">
-    <div class="equ-info d-flex">
-      <img :src="obj.visitLocation" />
-      <!-- <img :src="obj.visitLocation" alt v-if="listState === 3" /> -->
-      <div class="equ-info-box">
-        <p class="equ-name">{{ obj.name }}</p>
-        <div style="margin-top: 20px" class="d-flex flex-wrap" v-if="listState === 1">
-          <div class="equ-info-left" style="width: 200px">
-            <p>仪器名字：</p>
-            <p>制造商：</p>
-            <p>型号：</p>
-            <p>规格：</p>
-            <p>性能指标：</p>
-            <p>联系人：</p>
-            <p>联系方式：</p>
-          </div>
-          <div style="width: 500px">
-            <p>{{ obj.name }}</p>
-            <p>{{ obj.manufactor }}</p>
-            <p>{{ obj.model }}</p>
-            <p>{{ obj.specifications }}</p>
-            <p>{{ obj.performance }}</p>
-            <p>
-              <span :key="index" v-for="(item, index) in obj.selPeoList">
-                {{ item.contactsName }}
-                <span v-if="index !== obj.selPeoList.length - 1">、</span>
-              </span>
-            </p>
-            <p>
-              <span :key="index" v-for="(item, index) in obj.selPeoList">
-                {{ item.contactsPhone }}
-                <span v-if="index !== obj.selPeoList.length - 1">、</span>
-              </span>
-            </p>
-          </div>
-        </div>
-        <div style="margin-top: 20px" class="d-flex flex-wrap" v-if="listState === 3">
-          <div class="equ-info-left" style="width: 200px">
-            <p>公司名称：</p>
-            <p>产品编号：</p>
-            <p>联系人：</p>
+  <div>
+    <div class="inner" style="margin-top: 40px">
+      <bread-crumb :arr="arr" />
+    </div>
+    <div class="inner equ-box">
+      <div class="equ-info d-flex">
+        <img :src="obj.visitLocation" />
+        <!-- <img :src="obj.visitLocation" alt v-if="listState === 3" /> -->
+        <div class="equ-info-box">
+          <p class="equ-name">{{ obj.name }}</p>
+          <div style="margin-top: 20px" class="d-flex flex-wrap" v-if="listState === 1">
+            <div class="equ-info-left" style="width: 200px">
+              <!-- <p>仪器名字：</p> -->
+              <p>制造商：</p>
+              <p>型号：</p>
+              <p>规格：</p>
+              <p>性能指标：</p>
+              <p>联系人：</p>
+              <p>联系方式：</p>
+            </div>
+            <div>
+              <!-- <p>{{ obj.name }}</p> -->
+              <p>{{ obj.manufactor }}</p>
+              <p>{{ obj.model }}</p>
+              <p>{{ obj.specifications }}</p>
+              <p>{{ obj.performance }}</p>
+              <p>
+                <span :key="index" v-for="(item, index) in obj.selPeoList">
+                  {{ item.contactsName }}
+                  <span v-if="index !== obj.selPeoList.length - 1">、</span>
+                </span>
+              </p>
+              <p>
+                <span :key="index" v-for="(item, index) in obj.selPeoList">
+                  {{ item.contactsPhone }}
+                  <span v-if="index !== obj.selPeoList.length - 1">、</span>
+                </span>
+              </p>
+            </div>
           </div>
-          <div style="width: 500px">
-            <p>{{ obj.companyname }}</p>
-            <p>{{ obj.identifier }}</p>
-            <p>
-              <span :key="index" v-for="(item, index) in obj.selPeoList">
-                {{ item.contactsName }}
-                <span v-if="index !== obj.selPeoList.length - 1">、</span>
-              </span>
-            </p>
+          <div style="margin-top: 20px" class="d-flex flex-wrap" v-if="listState === 3">
+            <div class="equ-info-left" style="width: 200px">
+              <p>公司名称：</p>
+              <p>产品编号：</p>
+              <p>联系人：</p>
+            </div>
+            <div style="width: 500px">
+              <p>{{ obj.companyname }}</p>
+              <p>{{ obj.identifier }}</p>
+              <p>
+                <span :key="index" v-for="(item, index) in obj.selPeoList">
+                  {{ item.contactsName }}
+                  <span v-if="index !== obj.selPeoList.length - 1">、</span>
+                </span>
+              </p>
+            </div>
           </div>
+          <p class="equ-btn">
+            <intention-model :type-data="listState === 1 ? typeData : typeProductData" style="margin-right: 20px; float: left" />
+            <!-- <a-button style="margin-right: 20px">转化意向</a-button> -->
+            <!-- <a-button type="primary">加入购物车</a-button> -->
+            <add-shopping :type-data="typeData" style="margin-right: 20px; float: right" />
+          </p>
         </div>
-        <p class="equ-btn">
-          <intention-model :type-data="listState === 1 ? typeData : typeProductData" style="margin-right: 20px; float: left" />
-          <!-- <a-button style="margin-right: 20px">转化意向</a-button> -->
-          <!-- <a-button type="primary">加入购物车</a-button> -->
-          <add-shopping :type-data="typeData" style="margin-right: 20px; float: right" />
-        </p>
       </div>
-    </div>
-    <div class="content-box">
-      <div v-dompurify-html="obj.purpose" v-if="listState === 1"></div>
-      <div v-dompurify-html="obj.details" v-if="listState === 3"></div>
+      <div class="content-box">
+        <div v-dompurify-html="obj.purpose" v-if="listState === 1"></div>
+        <div v-dompurify-html="obj.details" v-if="listState === 3"></div>
+      </div>
     </div>
   </div>
 </template>
@@ -72,11 +77,20 @@ import { mapState } from 'vuex';
 import { selInstrumentMes, selProductMes } from 'config/api';
 import IntentionModel from 'components/Introduce/IntentionModel.vue';
 import AddShopping from 'components/Introduce/AddShopping.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+
 export default {
   name: 'InsDet',
-  components: { IntentionModel, AddShopping },
+  components: { IntentionModel, AddShopping, BreadCrumb },
   data() {
     return {
+      typeOfPlatform: '设备详情',
+      arr: [
+        { name: '创新平台', url: '/NewPlatform/NewCore' },
+        { name: '创新资源平台', url: '/NewPlatform/News' },
+        { name: '科技资源开放共享服务平台', url: '/NewPlatform/Share' },
+        { name: '设备详情', url: '' },
+      ],
       obj: {},
       typeData: {
         type: 1,
@@ -137,7 +151,7 @@ export default {
 .equ-box {
   background: #fff;
   padding: 20px;
-  margin: 60px auto;
+  margin: 30px auto;
 }
 
 .equ-info {