Merge branch 'master' of https://dd.tall.wiki/gitea/binbin0314/green.v0.1

src/components/PlatformList/PlatformList.vue

@@ -1,17 +1,26 @@
 <template>
   <div>
     <div class="inner d-flex flex-wrap">
-      <div v-for="(item, index) in list" :key="index" class="item-box" :class="(index + 1) % 4 === 0 ? 'margin-0' : ''">
-        <img :src="item.visitLocation" style="height: 220px; width: 100%; border: 1px solid #ccc" />
-        <p class="font-24 my-4">{{ item.name }}</p>
-        <p class="font-16 baseColor" style="text-align: right; cursor: pointer" @click="jump(item.id)">了解更多→</p>
+      <div
+        :class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
+        :key="index"
+        class="item-box mb-6"
+        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 title">{{ item.name }}</p>
+        <p
+          @click="jump(item.id)"
+          class="font-16 baseColor"
+          style="text-align: right; cursor: pointer"
+        >了解更多→</p>
       </div>
     </div>
     <div class="inner">
       <a-pagination
         :current="current"
-        :total="total"
         :page-size="pageSize"
+        :total="total"
         @change="onShowSizeChange"
         class="pagination"
         show-less-items
@@ -34,7 +43,7 @@ export default {
       current: 1,
     };
   },
-  computed: mapState('home', ['listState', 'labList', 'LabIpt', 'insList', 'InsIpt', 'shareCurrent']),
+  computed: mapState('home', ['listState', 'labList', 'LabIpt', 'insList', 'InsIpt', 'shareCurrent', 'productList', 'productIpt']),
   watch: {
     shareCurrent(val) {
       console.log(val);
@@ -72,13 +81,31 @@ export default {
         this.setShareCurrent(1);
       }
     },
+    productList(val) {
+      if (this.shareCurrent === 1) {
+        this.monitor(this.listState);
+      }
+      this.current = 1;
+      this.setShareCurrent(1);
+    },
+    productIpt(val) {
+      if (this.productIpt.isBtn === 1) {
+        if (this.shareCurrent === 1) {
+          this.monitor(this.listState);
+        }
+        this.current = 1;
+        this.setShareCurrent(1);
+      }
+    },
   },
   created() {
     this.current = this.shareCurrent;
     if (this.listState === 0) {
       this.getSear();
-    } else {
+    } else if (this.listState === 1) {
       this.getSelI();
+    } else {
+      this.getProductLists();
     }
   },
   methods: {
@@ -125,6 +152,27 @@ export default {
         console.log(error);
       }
     },
+    // 查询孵化平台产品列表
+    async getProductLists() {
+      try {
+        const params = {
+          param: {
+            content: this.productIpt.content, // 搜索框内容
+            modelIds: this.productList, // 分类ID数组
+            pageNum: this.shareCurrent,
+            pageSize: this.pageSize,
+          },
+        };
+        const res = await selInstrument(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.list = data.list;
+          this.total = parseInt(data.total);
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    },
     // 改变单当前页数
     onShowSizeChange(current, size) {
       this.current = current;
@@ -134,8 +182,10 @@ export default {
     monitor(val) {
       if (val === 0) {
         this.getSear();
-      } else {
+      } else if (val === 1) {
         this.getSelI();
+      } else {
+        this.getProductLists();
       }
     },
     // 查看 研究院/仪器 详情
@@ -152,6 +202,12 @@ export default {
           name: 'InsDet',
           params: { id },
         });
+      } else if (this.listState === 3) {
+        this.$router.push({
+          path: '/NewPlatform/ServiceDet',
+          name: 'ServiceDet',
+          params: { id },
+        });
       }
     },
   },
@@ -168,6 +224,10 @@ export default {
   width: 20.5%;
   margin-right: 6%;
   border-radius: 4px;
+
+  .title {
+    text-align: center;
+  }
 }
 
 .margin-0 {

src/config/api-user.js

@@ -26,4 +26,4 @@ export const getSmscode = params => axios.get(`${users}/smscode`, params);
 export const changePassword = params => axios.post(`${users}/password`, params);
 
 // 通过userId获取token
-export const getUserId = params => axios.post(`${users}/userId`, params);
+export const getUserId = params => axios.get(`${users}/userId`, params);

src/store/modules/home/mutations.js

@@ -233,6 +233,33 @@ const mutations = {
   setLabId(state, num) {
     state.LabId = num;
   },
+
+  /**
+   * 改变孵化平台-产品展示所选类型所选类型
+   * @param {object} state
+   * @param {List} list
+   */
+  setProductList(state, list) {
+    state.productList = list;
+  },
+
+  /**
+   * 改变孵化平台-产品展示所选类型搜索框内容
+   * @param {object} state
+   * @param {object} obj
+   */
+  setProductIpt(state, obj) {
+    state.productIpt = { ...obj };
+  },
+
+  /**
+   * 改变当前孵化平台-产品展示 详情的 id
+   * @param {object} state
+   * @param {number} num
+   */
+  setProductId(state, num) {
+    state.productId = num;
+  },
 };
 
 export default mutations;

src/store/modules/home/state.js

@@ -31,7 +31,7 @@ const state = {
   },
   achCurrent: 1, // 知识产权与技术转移转化服务平台-成果列表页数
   achId: 0, // 知识产权与技术转移转化服务平台-成果详情页Id
-  listState: 0, // 科技资源开放共享服务平台-列表展示数据（0：实验室，1：仪器//默认0）
+  listState: 0, // 科技资源开放共享服务平台-列表展示数据（0：实验室，1：仪器//默认0, 2：研究院，3：产品）
   shareCurrent: 1, // 科技资源开放共享服务平台-列表当前处于第几页
   labList: [], // 科技资源开放共享服务平台-实验室所选类型
   LabIpt: {
@@ -46,6 +46,13 @@ const state = {
     isBtn: 0,
   },
   LabId: 0, // 当前研究院详情Id
+  productList: [], // 孵化平台-产品展示所选类型
+  productIpt: {
+    // 产品展示搜索框内容
+    content: '',
+    isBtn: 0,
+  },
+  productId: 0, // 当前产品详情Id
 };
 
 export default state;

src/views/IncubationPlatform/Children/Products.vue

@@ -1,27 +1,34 @@
 <template>
   <div>
     <h-nav />
-    <bread-crumb class="inner" :arr="arr" />
-    <div>
-      <div class="search-background">
-        <div class="d-flex">
-          <div class="flex-3 flex-wrap">
-            <span class="ins-title">研究开发实验室：</span>
-            <span
-              :class="item.isActive ? 'act-color' : ''"
-              :key="index"
-              @click="choose(index, 0)"
-              class="ins-name"
-              v-for="(item, index) in laboratory"
-            >
-              {{ item.name }}
-            </span>
-          </div>
-          <div class="flex-1 align-center">
-            <a-input-search @search="searchLab" class="item-search" enter-button="搜索" placeholder="搜索实验室" v-model="LabIpt" />
+    <div class="inner">
+      <bread-crumb :arr="arr" />
+      <div>
+        <div class="search-background">
+          <div class="d-flex">
+            <div class="flex-3 flex-wrap">
+              <span class="ins-title">产品类目：</span>
+              <span
+                :class="item.isActive ? 'act-color' : ''"
+                :key="index"
+                @click="choose(index)"
+                class="ins-name"
+                v-for="(item, index) in productLists"
+              >{{ item.name }}</span>
+            </div>
+            <div class="flex-1 align-center">
+              <a-input-search
+                @search="searchProduct"
+                class="item-search"
+                enter-button="搜索"
+                placeholder="请输入"
+                v-model="productIpt"
+              />
+            </div>
           </div>
         </div>
       </div>
+      <p class="font-bold-24">产品展示</p>
     </div>
     <platform-list />
   </div>
@@ -43,28 +50,18 @@ export default {
         { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
         { name: '产品展示', url: '' },
       ],
-      LabIpt: '', // 实验室搜索框内容
-      laboratory: [], // 实验室
-      labList: [], // 实验室类型选择列表
-      InsIpt: '', // 仪器搜索框内容
-      instrument: [], // 仪器
-      insList: [], // 仪器类型选择列表
+      productIpt: '', // 产品搜索框内容
+      productLists: [], // 产品类目
+      productList: [], // 产品类型选择列表
     };
   },
   watch: {
-    LabIpt(val) {
-      const obj = {
-        content: this.LabIpt,
-        isBtn: 0,
-      };
-      this.setLabIpt(obj);
-    },
-    InsIpt(val) {
+    productIpt(val) {
       const obj = {
-        content: this.InsIpt,
+        content: this.productIpt,
         isBtn: 0,
       };
-      this.setInsIpt(obj);
+      this.setProductIpt(obj);
     },
   },
   created() {
@@ -72,99 +69,60 @@ export default {
       content: '',
       isBtn: 0,
     };
-    this.setLabList([]);
-    this.setInsList([]);
-    this.setLabIpt(obj);
-    this.setInsIpt(obj);
-    this.getType(1);
-    this.getType(2);
+    this.setProductList([]);
+    this.setProductIpt(obj);
+    this.getType(3);
   },
   methods: {
-    ...mapMutations('home', ['setLabList', 'setInsList', 'setLabIpt', 'setInsIpt', 'setListState']),
+    ...mapMutations('home', ['setProductIpt', 'setProductList', 'setListState']),
     async getType(num) {
       try {
         const params = { param: { model: num } };
         const res = await selModel(params);
         const { code, mst, data } = res.data;
         if (code === 200) {
-          if (num === 1) {
-            this.instrument = data;
-            for (let i = 0; i < this.instrument.length; i++) {
-              this.instrument[i].isActive = false;
-            }
-          } else if (num === 2) {
-            this.laboratory = data;
-            for (let i = 0; i < this.laboratory.length; i++) {
-              this.laboratory[i].isActive = false;
-            }
+          this.productLists = data;
+          for (let i = 0; i < this.productLists.length; i++) {
+            this.productLists[i].isActive = false;
           }
         }
       } catch (error) {
         console.log(error);
       }
     },
+
     // 选中类型时触发
-    choose(index, num) {
-      const that = this;
-      if (num === 0) {
-        this.labList = [];
-        const { laboratory, instrument } = this;
-        for (let i = 0; i < instrument.length; i++) {
-          instrument[i].isActive = false;
-        }
-        this.setListState(0);
-        laboratory[index].isActive = !laboratory[index].isActive;
-        this.laboratory = [...laboratory];
-        for (let i = 0; i < laboratory.length; i++) {
-          if (laboratory[i].isActive) {
-            this.labList.push(laboratory[i].id);
-          }
-        }
-        this.setLabList(this.labList);
-      } else if (num === 1) {
-        this.insList = [];
-        const { laboratory, instrument } = this;
-        for (let i = 0; i < laboratory.length; i++) {
-          laboratory[i].isActive = false;
-        }
-        this.setListState(1);
-        instrument[index].isActive = !instrument[index].isActive;
-        this.instrument = [...instrument];
-        for (let i = 0; i < instrument.length; i++) {
-          if (instrument[i].isActive) {
-            this.insList.push(instrument[i].id);
-          }
-        }
-        this.setInsList(this.insList);
+    choose(index) {
+      this.productList = [];
+      const { productLists } = this;
+      for (let i = 0; i < productLists.length; i++) {
+        productLists[i].isActive = false;
       }
-    },
-    searchLab() {
-      const { instrument } = this;
-      for (let i = 0; i < instrument.length; i++) {
-        instrument[i].isActive = false;
+      this.setListState(3);
+      productLists[index].isActive = !productLists[index].isActive;
+      this.productLists = [...productLists];
+      for (let i = 0; i < productLists.length; i++) {
+        if (productLists[i].isActive) {
+          this.productList.push(productLists[i].id);
+        }
       }
-      this.instrument = [...instrument];
-      this.setListState(0);
-      this.InsIpt = '';
-      const obj = {
-        content: this.LabIpt,
-        isBtn: 1,
-      };
-      this.setLabIpt(obj);
+      this.setProductList(this.productList);
     },
-    searchIns() {
-      const { laboratory } = this;
-      for (let i = 0; i < laboratory.length; i++) {
-        laboratory[i].isActive = false;
+
+    // 搜索
+    searchProduct() {
+      const { productLists } = this;
+      for (let i = 0; i < productLists.length; i++) {
+        productLists[i].isActive = false;
       }
-      this.laboratory = [...laboratory];
-      this.setListState(1);
-      this.LabIpt = '';
+      this.productLists = [...productLists];
+      this.setListState(3);
+      this.productIpt = '';
       const obj = {
-        content: this.InsIpt,
+        content: this.productIpt,
         isBtn: 1,
       };
-      this.setInsIpt(obj);
+      this.setProductList(obj);
     },
   },
 };
@@ -172,7 +130,7 @@ export default {
 
 <style lang="stylus" scoped>
 .inner {
-  margin: 10px auto 15px;
+  margin: 40px auto;
 }
 
 .search-background {
@@ -180,7 +138,7 @@ export default {
   border: 1px solid rgba(0, 0, 0, 0.06);
   height: auto;
   padding: 0 20px;
-  width: 82%;
+  width: 100%;
   margin: 40px auto;
   line-height: 44px;
 }

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

@@ -1,140 +0,0 @@
-<template>
-  <div class="inner equ-box">
-    <div class="equ-info d-flex">
-      <img :src="obj.img" alt="" />
-      <div class="equ-info-box">
-        <p class="equ-name">{{ obj.name }}</p>
-        <div class="d-flex flex-wrap">
-          <div style="width: 200px" class="equ-info-left">
-            <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 v-for="(item, index) in obj.selPeoList" :key="index">{{ item.contactsName }}、</span>
-            </p>
-            <p>
-              <span v-for="(item, index) in obj.selPeoList" :key="index">{{ item.contactsPhone }}、</span>
-            </p>
-          </div>
-        </div>
-        <p class="equ-btn">
-          <a-button style="margin-right: 20px">转化意向</a-button>
-          <a-button type="primary">加入购物车</a-button>
-        </p>
-      </div>
-    </div>
-    <div class="content-box">
-      <div v-dompurify-html="obj.purpose"></div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { selInstrumentMes } from 'config/api';
-export default {
-  name: 'InsDet',
-  data() {
-    return {
-      obj: {},
-      id: 0,
-    };
-  },
-  created() {
-    this.id = this.$route.params.id;
-    this.getData();
-  },
-  methods: {
-    async getData() {
-      try {
-        const params = { param: { id: this.id } };
-        const res = await selInstrumentMes(params);
-        const { code, data, msg } = res.data;
-        if (code === 200) {
-          console.log(data);
-          this.obj = data;
-        }
-      } catch (error) {
-        console.log(error);
-      }
-    },
-  },
-};
-</script>
-
-<style lang="stylus" scoped>
-.equ-box {
-  background: #fff;
-  padding: 20px;
-  margin: 60px auto;
-}
-
-.equ-info {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.14901960784313725);
-  position: relative;
-  padding-bottom: 24px;
-
-  img {
-    width: 300px;
-    height: 300px;
-  }
-}
-
-.equ-name {
-  font-size: 24px;
-  font-family: Microsoft YaHei;
-  font-weight: bold;
-  line-height: 31px;
-  color: rgba(0, 0, 0, 0.85);
-  opacity: 1;
-}
-
-.equ-info-box {
-  position: relative;
-  font-size: 16px;
-  margin-left: 20px;
-  height: 300px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  color: rgba(0, 0, 0, 0.65);
-  opacity: 1;
-
-  p {
-    margin-bottom: 6px;
-  }
-}
-
-.equ-info-left {
-  font-size: 16px;
-  font-family: Microsoft YaHei;
-  font-weight: 400;
-  color: rgba(0, 0, 0, 0.45);
-  opacity: 1;
-
-  p {
-    margin-bottom: 6px;
-  }
-}
-
-.equ-btn {
-  position: absolute;
-  bottom: 0;
-}
-
-.content-box {
-  min-height: 400px;
-  padding: 20px;
-  font-size: 16px;
-  color: rgba(0, 0, 0, 0.65);
-}
-</style>