更新技术成果创新产品咨询服务

src/components/supermaket/innovate.vue

@@ -0,0 +1,109 @@
+<template>
+  <div id="innovate">
+    <el-row>
+      <el-col :span="24" class="top">
+        <top></top>
+      </el-col>
+      <el-col :span="24" class="logo">
+        <div class="w_1200">
+          <logo :info="info"></logo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <menuInfo></menuInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="fenlei">
+            <fenlei></fenlei>
+          </el-col>
+          <el-col :span="19" class="rightcont">
+            <service :serviceList="innovateList" columnTitle="咨询服务"></service>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <div class="w_1200">
+          <foot :info="info"></foot>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import logo from '@/layout/index/logo.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import fenlei from '@/layout/supermarket/fenlei.vue';
+import service from '@/layout/supermarket/service.vue';
+import foot from '@/layout/index/foot.vue';
+
+export default {
+  name: 'innovate',
+  props: {
+    info: null, //站点信息
+    innovateList: null, //研发服务
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    fenlei, //左侧导航
+    service, //科研服务
+    foot, //底部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: rgba(11, 58, 125, 0.8);
+}
+.logo {
+  height: 200px;
+  overflow: hidden;
+}
+.menu {
+  height: 70px;
+  overflow: hidden;
+}
+.main {
+  min-height: 600px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+.main .fenlei {
+  float: left;
+  width: 240px;
+  height: 600px;
+  margin: 0 10px 10px 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.main .rightcont {
+  float: left;
+  width: 950px;
+  min-height: 600px;
+  margin: 0 0 10px 0;
+  overflow: hidden;
+}
+.foot {
+  float: left;
+  width: 100%;
+  height: 120px;
+  overflow: hidden;
+}
+</style>

src/components/supermaket/product.vue

@@ -0,0 +1,109 @@
+<template>
+  <div id="product">
+    <el-row>
+      <el-col :span="24" class="top">
+        <top></top>
+      </el-col>
+      <el-col :span="24" class="logo">
+        <div class="w_1200">
+          <logo :info="info"></logo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <menuInfo></menuInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="fenlei">
+            <fenlei></fenlei>
+          </el-col>
+          <el-col :span="19" class="rightcont">
+            <service :serviceList="productList" columnTitle="创新产品"></service>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <div class="w_1200">
+          <foot :info="info"></foot>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import logo from '@/layout/index/logo.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import fenlei from '@/layout/supermarket/fenlei.vue';
+import service from '@/layout/supermarket/service.vue';
+import foot from '@/layout/index/foot.vue';
+
+export default {
+  name: 'product',
+  props: {
+    info: null, //站点信息
+    productList: null, //研发服务
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    fenlei, //左侧导航
+    service, //科研服务
+    foot, //底部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: rgba(11, 58, 125, 0.8);
+}
+.logo {
+  height: 200px;
+  overflow: hidden;
+}
+.menu {
+  height: 70px;
+  overflow: hidden;
+}
+.main {
+  min-height: 600px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+.main .fenlei {
+  float: left;
+  width: 240px;
+  height: 600px;
+  margin: 0 10px 10px 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.main .rightcont {
+  float: left;
+  width: 950px;
+  min-height: 600px;
+  margin: 0 0 10px 0;
+  overflow: hidden;
+}
+.foot {
+  float: left;
+  width: 100%;
+  height: 120px;
+  overflow: hidden;
+}
+</style>

src/components/supermaket/technology.vue

@@ -0,0 +1,109 @@
+<template>
+  <div id="technology">
+    <el-row>
+      <el-col :span="24" class="top">
+        <top></top>
+      </el-col>
+      <el-col :span="24" class="logo">
+        <div class="w_1200">
+          <logo :info="info"></logo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <menuInfo></menuInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="fenlei">
+            <fenlei></fenlei>
+          </el-col>
+          <el-col :span="19" class="rightcont">
+            <service :serviceList="technologyList" columnTitle="技术成果"></service>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <div class="w_1200">
+          <foot :info="info"></foot>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import logo from '@/layout/index/logo.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import fenlei from '@/layout/supermarket/fenlei.vue';
+import service from '@/layout/supermarket/service.vue';
+import foot from '@/layout/index/foot.vue';
+
+export default {
+  name: 'technology',
+  props: {
+    info: null, //站点信息
+    technologyList: null, //研发服务
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    fenlei, //左侧导航
+    service, //科研服务
+    foot, //底部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: rgba(11, 58, 125, 0.8);
+}
+.logo {
+  height: 200px;
+  overflow: hidden;
+}
+.menu {
+  height: 70px;
+  overflow: hidden;
+}
+.main {
+  min-height: 600px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+.main .fenlei {
+  float: left;
+  width: 240px;
+  height: 600px;
+  margin: 0 10px 10px 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.main .rightcont {
+  float: left;
+  width: 950px;
+  min-height: 600px;
+  margin: 0 0 10px 0;
+  overflow: hidden;
+}
+.foot {
+  float: left;
+  width: 100%;
+  height: 120px;
+  overflow: hidden;
+}
+</style>

src/router/index.js

@@ -45,6 +45,22 @@ const routes = [
     name: 'supermaketService',
     component: () => import('../views/supermaket/supermaketService.vue'),
   },
+  //科技超市-技术成果
+  {
+    path: '/supermaket/supermakettechnology',
+    name: 'supermakettechnology',
+    component: () => import('../views/supermaket/supermakettechnology.vue'),
+  },
+  {
+    path: '/supermaket/supermarketProduct',
+    name: 'supermarketProduct',
+    component: () => import('../views/supermaket/supermarketProduct.vue'),
+  },
+  {
+    path: '/supermaket/supermarketinnovate',
+    name: 'supermarketinnovate',
+    component: () => import('../views/supermaket/supermarketinnovate.vue'),
+  },
 ];
 
 const router = new VueRouter({

src/views/supermaket/supermakettechnology.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="supermaketTechnology">
+    <technology-detail :info="info" :technologyList="technologyList"></technology-detail>
+  </div>
+</template>
+
+<script>
+import technologyDetail from '@/components/supermaket/technology.vue';
+export default {
+  name: 'supermaketTechnology',
+  props: {},
+  components: {
+    technologyDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    technologyList: [
+      {
+        pic: require('@/assets/fabu.jpg'),
+        title: '标题',
+        yen: '1000元/个',
+        type: '科研服务',
+      },
+      {
+        pic: require('@/assets/fabu.jpg'),
+        title: '12条数据',
+        yen: '1000元/个',
+        type: '科研服务',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/supermaket/supermarketProduct.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="supermaketProduct">
+    <product-detail :info="info" :productList="productList"></product-detail>
+  </div>
+</template>
+
+<script>
+import productDetail from '@/components/supermaket/product.vue';
+export default {
+  name: 'supermaketProduct',
+  props: {},
+  components: {
+    productDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    productList: [
+      {
+        pic: require('@/assets/fabu.jpg'),
+        title: '标题',
+        yen: '1000元/个',
+        type: '创新产品',
+      },
+      {
+        pic: require('@/assets/fabu.jpg'),
+        title: '12条数据',
+        yen: '1000元/个',
+        type: '创新产品',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/supermaket/supermarketinnovate.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="supermarketinnovate">
+    <innovate-detail :info="info" :innovateList="innovateList"></innovate-detail>
+  </div>
+</template>
+
+<script>
+import innovateDetail from '@/components/supermaket/innovate.vue';
+export default {
+  name: 'supermarketinnovate',
+  props: {},
+  components: {
+    innovateDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    innovateList: [
+      {
+        pic: require('@/assets/fabu.jpg'),
+        title: '标题',
+        yen: '1000元/个',
+        type: '创新产品',
+      },
+      {
+        pic: require('@/assets/fabu.jpg'),
+        title: '12条数据',
+        yen: '1000元/个',
+        type: '创新产品',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>