1

src/layout/supermarket/schoolInfo.vue

@@ -7,17 +7,18 @@
         </el-col>
         <el-col :span="24" class="list">
           <ul>
-            <li class="schoolList" v-for="(item, index) in schoolList" :key="index">
+            <li class="schoolList" v-for="(item, index) in list" :key="index">
               <el-link :underline="false">
                 <el-col :span="8" class="image">
-                  <el-image style="width:130px;height:130px;" :src="item.pic"></el-image>
+                  <el-image style="width:130px;height:130px;" :src="item.logourl" v-if="item.logourl"></el-image>
+                  <el-image style="width:130px;height:130px;" :src="schoollogo"></el-image>
                 </el-col>
                 <el-col :span="10" class="content">
                   <el-col :span="18" class="title textOver">
-                    {{ item.title }}
+                    {{ item.name }}
                   </el-col>
                   <el-col :span="16" class="com textOver"> 高校网站：{{ item.com }} </el-col>
-                  <el-col :span="20" class="type textOver"> 高校类别：{{ item.type }} </el-col>
+                  <el-col :span="20" class="type textOver"> 高校类别：{{ item.level }} </el-col>
                   <el-col :span="20" class="address textOver"> 高校地址：{{ item.address }} </el-col>
                 </el-col>
               </el-link>
@@ -25,11 +26,11 @@
           </ul>
           <el-col :span="24" class="page">
             <el-pagination
-              @size-change="handleSizeChange"
               @current-change="handleCurrentChange"
               :current-page="currentPage"
               layout="total, prev, pager, next, jumper"
               :total="schoolTotal"
+              :page-size="pageSize"
             >
             </el-pagination>
           </el-col>
@@ -40,6 +41,7 @@
 </template>
 
 <script>
+import _ from 'lodash';
 export default {
   name: 'schoolInfo',
   props: {
@@ -49,15 +51,29 @@ export default {
   components: {},
   data: () => ({
     currentPage: 1,
+    pageSize: 10,
+    origin: [],
+    list: [],
+    schoollogo: require('@a/school.jpg'),
   }),
   created() {},
   computed: {},
   methods: {
-    handleSizeChange(val) {
-      console.log(`每页 ${val} 条`);
+    search(page = 1) {
+      this.$set(this, `list`, this.origin[page - 1]);
     },
-    handleCurrentChange(val) {
-      console.log(`当前页: ${val}`);
+    handleCurrentChange(currentPage) {
+      this.search(currentPage);
+    },
+  },
+  watch: {
+    schoolList: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
+        this.search();
+      },
     },
   },
 };
@@ -94,7 +110,6 @@ li {
   margin: 20px;
 }
 .title {
-  width: 245px;
   height: 66px;
   line-height: 66px;
   font-size: 20px;

src/util/school.js

@@ -0,0 +1,684 @@
+export const school = [
+  {
+    _id: { $oid: '5da45e6def10413244e03e88' },
+    code: '13662',
+    name: '东北师范大学人文学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1589' },
+    code: '10183',
+    name: '吉林大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-06-22T02:19:21.643Z' },
+      state: 0,
+      updatedAt: { $date: '2020-06-22T02:19:21.643Z' },
+    },
+    number: '54',
+    shortname: '吉大',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c158c' },
+    code: '10184',
+    name: '延边大学',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1590' },
+    code: '10186',
+    name: '长春理工大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '0',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:35:05.767Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T12:20:58.410Z' },
+    },
+    number: '100',
+    shortname: '理工',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1593' },
+    code: '10188',
+    name: '东北电力大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:36:07.212Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:36:07.212Z' },
+    },
+    number: '50',
+    shortname: '电大',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1596' },
+    code: '10190',
+    name: '长春工业大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:36:38.471Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:36:38.471Z' },
+    },
+    number: '60',
+    shortname: '工大',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1599' },
+    code: '10191',
+    name: '吉林建筑大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:36:57.270Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:36:57.270Z' },
+    },
+    number: '70',
+    shortname: '建筑',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c159c' },
+    code: '10192',
+    name: '吉林化工学院',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:37:09.087Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:37:09.087Z' },
+    },
+    number: '50',
+    shortname: '化工',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c159f' },
+    code: '10193',
+    name: '吉林农业大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:37:25.820Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:37:25.820Z' },
+    },
+    number: '130',
+    shortname: '农大',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15a2' },
+    code: '10199',
+    name: '长春中医药大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:37:42.169Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:37:42.169Z' },
+    },
+    number: '30',
+    shortname: '中医药',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15a5' },
+    code: '10200',
+    name: '东北师范大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:38:04.983Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:38:04.983Z' },
+    },
+    number: '200',
+    shortname: '东师',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15a8' },
+    code: '10201',
+    name: '北华大学',
+    logourl: '',
+    level: '本科',
+    address: '吉林',
+    hascar: '0',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:38:29.836Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:38:29.836Z' },
+    },
+    number: '80',
+    shortname: '北华',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15ab' },
+    code: '10202',
+    name: '通化师范学院',
+    logourl: '',
+    level: '专科',
+    address: '通化',
+    hascar: '0',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:38:58.813Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T12:10:38.992Z' },
+    },
+    number: '30',
+    shortname: '通化师范',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15ae' },
+    code: '10203',
+    name: '吉林师范大学',
+    logourl: '',
+    level: '本科',
+    address: '吉林',
+    hascar: '0',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:39:14.714Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:39:14.714Z' },
+    },
+    number: '40',
+    shortname: '吉林师范',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15b1' },
+    code: '10204',
+    name: '吉林工程技术师范学院',
+    logourl: '',
+    level: '专科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:39:42.130Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T12:10:22.636Z' },
+    },
+    number: '80',
+    shortname: '工院',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15b4' },
+    code: '10205',
+    name: '长春师范大学',
+    logourl: '',
+    level: '本科',
+    address: '长春',
+    hascar: '1',
+    meta: {
+      createdAt: { $date: '2020-05-12T11:40:05.407Z' },
+      state: 0,
+      updatedAt: { $date: '2020-05-12T11:40:05.407Z' },
+    },
+    number: '60',
+    shortname: '长师',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15b7' },
+    code: '10206',
+    name: '白城师范学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15ba' },
+    code: '10207',
+    name: '吉林财经大学',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15bd' },
+    code: '10208',
+    name: '吉林体育学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15c0' },
+    code: '10209',
+    name: '吉林艺术学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15c3' },
+    code: '10847',
+    name: '辽源职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15c6' },
+    code: '10964',
+    name: '吉林外国语大学',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15c9' },
+    code: '11044',
+    name: '四平职业大学',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15cc' },
+    code: '11261',
+    name: '吉林工商学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15cf' },
+    code: '11436',
+    name: '长春汽车工业高等专科学校',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15d2' },
+    code: '11437',
+    name: '长春工程学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15d5' },
+    code: '11439',
+    name: '吉林农业科技学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15d8' },
+    code: '11440',
+    name: '长春金融高等专科学校',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15db' },
+    code: '11441',
+    name: '吉林警察学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15de' },
+    code: '11726',
+    name: '长春大学',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15e1' },
+    code: '11823',
+    name: '长春医学高等专科学校',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15e4' },
+    code: '12049',
+    name: '吉林交通职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15e7' },
+    code: '12306',
+    name: '长春东方职业学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15ea' },
+    code: '12901',
+    name: '吉林司法警官职业学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15ed' },
+    code: '12902',
+    name: '吉林电子信息职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15f0' },
+    code: '12903',
+    name: '吉林工业职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15f3' },
+    code: '12904',
+    name: '吉林工程职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15f6' },
+    code: '13161',
+    name: '长春职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15f9' },
+    code: '13600',
+    name: '长春光华学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15fc' },
+    code: '13601',
+    name: '长春工业大学人文信息学院',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c15ff' },
+    code: '13602',
+    name: '长春理工大学光电信息学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1602' },
+    code: '13603',
+    name: '长春财经学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1605' },
+    code: '13604',
+    name: '吉林建筑科技学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1608' },
+    code: '13605',
+    name: '长春建筑学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c160b' },
+    code: '13606',
+    name: '长春科技学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c160e' },
+    code: '13607',
+    name: '吉林动画学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1611' },
+    code: '13622',
+    name: '吉林师范大学博达学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1614' },
+    code: '13623',
+    name: '长春大学旅游学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1619' },
+    code: '13706',
+    name: '吉林医药学院',
+    logourl: '',
+    level: '本科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c161c' },
+    code: '13743',
+    name: '白城医学高等专科学校',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c161f' },
+    code: '13916',
+    name: '长春信息技术职业学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1622' },
+    code: '13917',
+    name: '松原职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1625' },
+    code: '14052',
+    name: '吉林铁道职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1628' },
+    code: '14107',
+    name: '白城职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c162b' },
+    code: '14190',
+    name: '长白山职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c162e' },
+    code: '14291',
+    name: '吉林科技职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1631' },
+    code: '14340',
+    name: '延边职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1634' },
+    code: '14426',
+    name: '吉林城市职业技术学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1637' },
+    code: '50252',
+    name: '吉林省教育学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c163a' },
+    code: '51243',
+    name: '吉林省经济管理干部学院',
+    logourl: '',
+    level: '专科',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c163d' },
+    code: '80037',
+    name: '中科院长春应用化学研究所',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1640' },
+    code: '80062',
+    name: '中科院东北地理与农业生态研究所',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1643' },
+    code: '80139',
+    name: '中国科学院长春光学精密机械与物理研究所',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1646' },
+    code: '84509',
+    name: '长春生物制品研究所',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1649' },
+    code: '89622',
+    name: '中共吉林省委党校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c164c' },
+    code: '95085',
+    name: '吉林卫生学校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c164f' },
+    code: '99001',
+    name: '吉林省石油学校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1652' },
+    code: '99004',
+    name: '吉林航空工程学校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1655' },
+    code: '99005',
+    name: '吉林省体育运动学校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1658' },
+    code: '99006',
+    name: '吉林省城市建设学校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c165b' },
+    code: '99024',
+    name: '长春水利电力学校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c165e' },
+    code: '99025',
+    name: '吉林工业经济学校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5e4b8f5aede69244a95c1661' },
+    code: '99037',
+    name: '吉林省畜牧业学校',
+    logourl: '',
+    level: '',
+  },
+  {
+    _id: { $oid: '5f5b0cf8b43a9db8a85eedc6' },
+    meta: {
+      state: 0,
+      createdAt: { $date: '2020-09-11T05:36:56.195Z' },
+      updatedAt: { $date: '2020-09-11T05:36:56.195Z' },
+    },
+    code: '14603',
+    name: '长春健康职业学院',
+    shortname: '长春健康职业学院',
+    level: '专科',
+    address: '长春',
+    hascar: '1',
+    __v: 0,
+  },
+  {
+    _id: { $oid: '5f5b2ae7b43a9db8a85eedc8' },
+    meta: {
+      state: 0,
+      createdAt: { $date: '2020-09-11T07:44:39.295Z' },
+      updatedAt: { $date: '2020-09-11T07:44:39.295Z' },
+    },
+    code: '14602',
+    name: '吉林水利电力职业学院',
+    shortname: '吉林水利电力职业学院',
+    level: '专科',
+    address: '吉林',
+    hascar: '0',
+    __v: 0,
+  },
+  {
+    _id: { $oid: '5f5b2afcb43a9db8a85eedca' },
+    meta: {
+      state: 0,
+      createdAt: { $date: '2020-09-11T07:45:00.003Z' },
+      updatedAt: { $date: '2020-09-11T07:45:00.003Z' },
+    },
+    code: '15335',
+    name: '长春师范高等专科学院',
+    shortname: '长春师范高等专科学院',
+    level: '专科',
+    address: '长春',
+    hascar: '1',
+    __v: 0,
+  },
+];

src/views/supermaket/supermarket.vue

@@ -32,6 +32,8 @@ import { createNamespacedHelpers, mapGetters, mapState } from 'vuex';
 const { mapActions: mapSite } = createNamespacedHelpers('site');
 const { mapActions: mapProduct } = createNamespacedHelpers('enterpriseproject');
 const { mapActions: transaction } = createNamespacedHelpers('transaction');
+// 获取学校
+import { school } from '@/util/school';
 export default {
   name: 'supermarket',
   props: {},
@@ -110,16 +112,8 @@ export default {
       },
     ],
     // 高校院所
-    schoolList: [
-      {
-        pic: require('@/assets/fabu.jpg'),
-        title: '长春工业大学',
-        com: 'www.baidu.com',
-        type: '二级本科',
-        address: '吉林省长春市力旺广场B座16楼',
-      },
-    ],
-    schoolTotal: 1,
+    schoolList: school,
+    schoolTotal: 76,
     // 科研院所
     scientificList: [
       {
@@ -157,6 +151,7 @@ export default {
     mechanismTotal: 1,
   }),
   created() {
+    console.log(school);
     this.searchSite();
     this.searchInfo();
     this.jiaoyilist();