页面

src/components/PlatformList/Fruit.vue

@@ -98,7 +98,6 @@ export default {
   background: #fff;
   margin-right: 6%;
   border-radius: 4px;
-  box-shadow: 6px 6px 6px #eee;
   margin-bottom: 40px;
   padding: 10px;
   padding-bottom: 60px;

src/components/PlatformList/PlatformList.vue

@@ -168,7 +168,6 @@ export default {
   width: 20.5%;
   margin-right: 6%;
   border-radius: 4px;
-  box-shadow: 6px 6px 6px #eee;
 }
 
 .margin-0 {

src/views/IncubationPlatform/Children/Products.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="inner">
+  <div>
-    <bread-crumb :arr="arr" />
+    <h-nav />
-    <sen-nav />
+    <bread-crumb class="inner" :arr="arr" />
     <div>
       <div class="search-background">
         <div class="d-flex">
@@ -13,16 +13,12 @@
               @click="choose(index, 0)"
               class="ins-name"
               v-for="(item, index) in laboratory"
-            >{{ item.name }}</span>
+            >
+              {{ item.name }}
+            </span>
           </div>
           <div class="flex-1 align-center">
-            <a-input-search
+            <a-input-search @search="searchLab" class="item-search" enter-button="搜索" placeholder="搜索实验室" v-model="LabIpt" />
-              @search="searchLab"
-              class="item-search"
-              enter-button="搜索"
-              placeholder="搜索实验室"
-              v-model="LabIpt"
-            />
           </div>
         </div>
       </div>
@@ -35,12 +31,12 @@
 import { mapMutations } from 'vuex';
 import { selModel } from 'config/api';
 import PlatformList from 'components/PlatformList/PlatformList.vue';
-import SenNav from './components/SenNav.vue';
+import HNav from './../components/HNav.vue';
 import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
 
 export default {
   name: 'Products',
-  components: { BreadCrumb, SenNav, PlatformList },
+  components: { BreadCrumb, HNav, PlatformList },
   data() {
     return {
       arr: [
@@ -175,6 +171,10 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
+.inner {
+  margin: 10px auto 15px;
+}
+
 .search-background {
   background: rgba(0, 0, 0, 0.02);
   border: 1px solid rgba(0, 0, 0, 0.06);

src/views/IncubationPlatform/Children/Services.vue

@@ -14,19 +14,10 @@
       </div>
     </div>
     <div class="inner d-flex flex-wrap">
-      <div
+      <div :class="(index + 1) % 4 === 0 ? 'margin-0' : ''" :key="index" class="item-box" v-for="(item, index) in list">
-        :class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
-        :key="index"
-        class="item-box"
-        v-for="(item, index) in list"
-      >
         <img :src="item.imgUrl" style="height: 220px; width: 100%; border: 1px solid #ccc" />
         <p class="font-24 my-4">{{ item.name }}</p>
-        <p
+        <p @click="jump(item.id)" class="font-16 baseColor" style="text-align: right; cursor: pointer">了解更多→</p>
-          @click="jump(item.id)"
-          class="font-16 baseColor"
-          style="text-align: right; cursor: pointer"
-        >了解更多→</p>
       </div>
     </div>
     <div class="inner">
@@ -97,7 +88,6 @@ export default {
   width: 20.5%;
   margin-right: 6%;
   border-radius: 4px;
-  box-shadow: 6px 6px 6px #eee;
 }
 
 .margin-0 {

src/views/IncubationPlatform/Children/ShareChild/Institute.vue

@@ -167,7 +167,6 @@ export default {
   margin-right: 6%;
   border-radius: 4px;
   padding-bottom: 40px;
-  box-shadow: 6px 6px 6px #eee;
 }
 
 .margin-0 {

src/views/Industry/Children/Serve.vue

@@ -89,7 +89,6 @@ export default {
   width: 26%;
   margin-right: 11%;
   border-radius: 4px;
-  box-shadow: 6px 6px 6px #eee;
 }
 
 .margin-0 {

src/views/NewPlatform/Children/Core.vue

@@ -40,7 +40,7 @@
         <div style="margin-left: 40px">合作伙伴</div>
       </div>
       <div class="partner-content">
-        <platform-list />
+        <de-ent />
       </div>
     </div>
     <div class="join-box">
@@ -64,10 +64,10 @@
 import '@/common/platform.styl';
 import HNav from './../components/HNav.vue';
 import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
-import PlatformList from 'components/PlatformList/PlatformList.vue';
+import DeEnt from './components/DeEnt.vue';
 export default {
   name: 'Core',
-  components: { HNav, BreadCrumb, PlatformList },
+  components: { HNav, BreadCrumb, DeEnt },
   data() {
     return {
       str: '这是中心界面',

src/views/NewPlatform/Children/Service.vue

@@ -90,7 +90,6 @@ export default {
   width: 20.5%;
   margin-right: 6%;
   border-radius: 4px;
-  box-shadow: 6px 6px 6px #eee;
 }
 
 .margin-0 {

src/views/NewPlatform/Children/ShareChild/Institute.vue

@@ -183,7 +183,6 @@ export default {
   margin-right: 6%;
   border-radius: 4px;
   padding-bottom: 40px;
-  box-shadow: 6px 6px 6px #eee;
 }
 
 .margin-0 {

src/views/NewPlatform/Children/components/DeEnt.vue

@@ -0,0 +1,122 @@
+<!--
+  Copyright (c) 2020.
+  author: song
+  email: 15235360226@163.com
+  -->
+
+<template>
+  <div v-if="newPartners && newPartners.length > 0">
+    <div class="d-flex flex-wrap">
+      <div
+        :class="(index + 1) % 3 === 0 ? 'enterprise-box1' : ''"
+        :key="index"
+        @click="openProfile(item.name, item.description)"
+        class="enterprise-box d-flex flex-column align-center white mb-8"
+        v-for="(item, index) in newPartners"
+      >
+        <img :src="item.logoUrl" class="enterprise-pic my-2" />
+        <div class="font-bold-24 title-color my-2">{{ item.name }}</div>
+        <div class="font-16 textColor d-flex flex-wrap align-left fill-width enterprise-txt">{{ item.description }}</div>
+        <div class="d-flex flex-nowrap fill-width py-5 enterprise-more">
+          <div class="flex-1"></div>
+          <span class="font-16 baseColor">
+            了解更多
+            <a-icon type="arrow-right" />
+          </span>
+        </div>
+      </div>
+      <company-profile :show-profile="showProfile" @closeProfile="closeProfile" v-if="showProfile" />
+    </div>
+    <div class="inner d-flex flex-row-reverse pb-10 enterprise-page">
+      <a-pagination :default-page-size="6" :total="newPartners.length" @change="onChange" show-less-items v-model="current" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState, mapMutations, mapActions } from 'vuex';
+import 'components/Introduce/PartnerShip.styl';
+import CompanyProfile from 'components/Introduce/CompanyProfile.vue';
+export default {
+  name: 'DeEnt',
+  components: { CompanyProfile },
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    typeOfPlatform: {
+      type: String,
+      default: '',
+    },
+  },
+
+  data() {
+    return {
+      current: 1,
+      showProfile: false, // 显示公司介绍
+    };
+  },
+
+  computed: {
+    ...mapState('home', ['partners', 'profile']),
+
+    newPartners() {
+      let { partners } = this;
+      let arr = [];
+      if (partners && partners.length > 0) {
+        for (let i = 0; i < partners.length; i++) {
+          const element = partners[i];
+          for (let j = 0; j < element.backendSearchList.length; j++) {
+            const item = element.backendSearchList[j];
+            arr.push(item);
+          }
+        }
+        return arr;
+      }
+      return arr;
+    },
+  },
+
+  async created() {
+    this.setPartners([]);
+    const { title, typeOfPlatform } = this;
+    const params = {
+      param: {
+        pageNum: this.current,
+        pageSize: 6,
+        type: title === '合作伙伴' ? 1 : 2,
+        typeOfPlatform: typeOfPlatform === '关于我们' ? 2 : 1,
+      },
+    };
+    await this.getFrontSearchCompany(params);
+  },
+
+  methods: {
+    ...mapMutations('home', ['setPartners', 'setProfile']),
+    ...mapActions('home', ['getFrontSearchCompany']),
+
+    // 切换页数
+    onChange(current) {
+      this.current = current;
+    },
+
+    // 介绍
+    openProfile(title, description) {
+      this.setProfile(null);
+      const profile = {
+        title,
+        description,
+      };
+      this.setProfile(profile);
+      this.showProfile = true;
+    },
+
+    closeProfile() {
+      this.showProfile = false;
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped></style>