1

src/components/web-frame/foot.vue

@@ -0,0 +1,65 @@
+<template>
+  <div id="foot">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="one">
+          <div class="w_1200">
+            <p>{{ footInfo.p1 }}</p>
+            <p>{{ footInfo.p2 }}</p>
+            <p>{{ footInfo.p3 }}</p>
+            <p>{{ footInfo.p4 }}</p>
+          </div>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+// const { footInfo } = require('../../layout/deploy/foot');
+import { footInfo } from '../../layout/deploy/foot';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'foot',
+  props: {},
+  components: {},
+  data: function() {
+    return {
+      footInfo: {
+        p1: '技术运营：吉林省科技大市场专利分市场',
+        p2: '技术支持：长春福瑞科技有限公司',
+        p3: '地址：吉林省长春市朝阳区前进大街1244号电话：17319450324微信：guhongwei324邮箱：guhongwei0324@163.com',
+        p4: '吉ICP备2020007658号-1 Copyright 2019 版权所有 中科院长春分院 吉林省计算中心 All Rights Reserved',
+      },
+    };
+  },
+  created() {
+    console.log(footInfo);
+  },
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .one {
+    min-height: 120px;
+    background-color: #3a3637;
+    color: #999999;
+    padding: 10px 0;
+  }
+}
+</style>

src/components/web-frame/index.vue

@@ -0,0 +1,42 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <top></top>
+        <router-view></router-view>
+        <foot></foot>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from './top.vue';
+import foot from './foot.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: { top, foot },
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/components/web-frame/top.vue

@@ -0,0 +1,38 @@
+<template>
+  <div id="top">
+    <el-row>
+      <el-col :span="24" class="main">
+        顶部
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'top',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/layout/deploy/foot.js

@@ -0,0 +1,6 @@
+export const footinfo = {
+  p1: '技术运营：吉林省科技大市场专利分市场',
+  p2: '技术支持：长春福瑞科技有限公司',
+  p3: '地址：吉林省长春市朝阳区前进大街1244号电话：17319450324微信：guhongwei324邮箱：guhongwei0324@163.com',
+  p4: '吉ICP备2020007658号-1 Copyright 2019 版权所有 中科院长春分院 吉林省计算中心 All Rights Reserved',
+};