up

vue/src/router/index.js

@@ -19,6 +19,13 @@ const routes = [
     name: 'Video',
     component: () => import('../views/Video/index.vue')
   },
+  // 总点赞量和访问量的页面
+  {
+    path: '/LikeNum',
+    name: 'LikeNum',
+    component: () => import('../views/LikeNum.vue')
+  },
+
 ]
 
 const router = new VueRouter({

vue/src/views/Goods/components/Three.vue

@@ -17,7 +17,7 @@
               v-for="(item, index) in dataRes1"
               :key="index"
             >
-              <img v-lazy="`https://4dscene.4dage.com/culturalrelics/YHTLSJNG/images/${item.bs}.jpg`" alt="" />
+              <img v-lazy="`goodsData/3D/${item.bs}.png`" alt="" />
               <div
                 class="name"
                 :class="{
@@ -37,7 +37,7 @@
               v-for="(item, index) in dataRes2"
               :key="index"
             >
-              <img v-lazy="`https://4dscene.4dage.com/culturalrelics/YHTLSJNG/images/${item.bs}.jpg`" alt="" />
+              <img v-lazy="`goodsData/3D/${item.bs}.png`" alt="" />
               <div
                 class="name"
                 :class="{
@@ -491,11 +491,11 @@ export default {
             }
             .name {
               position: absolute;
-              top: 142px;
+              top: 112px;
               left: 50%;
               width: 100%;
-              height: 60px;
-              padding: 0 10px 0 15px;
+              height: 90px;
+              padding: 0px 10px 10px 15px;
               color: #666666;
               font-size: 14px;
               display: flex;
@@ -515,7 +515,7 @@ export default {
                 top: 296px;
               }
               .name {
-                top: 240px;
+                top: 210px;
               }
             }
             img {
@@ -542,8 +542,9 @@ export default {
             }
             .name {
               top: auto;
-              bottom: 142px;
+              bottom: 112px;
               border-top: 2px solid #930909;
+              padding: 10px 10px 0px 15px;
             }
             &:nth-of-type(2n) {
               top: auto;
@@ -554,7 +555,7 @@ export default {
               }
               .name {
                 top: auto;
-                bottom: 242px;
+                bottom: 212px;
               }
             }
           }

vue/src/views/Goods/data.js

@@ -13,18 +13,31 @@
 export const goodsData = {
   '3D': [
     // 手稿
+    { bs: 'yht06', type: 'straw', name: '1943年丁行烈士在狱中刻的图章1', age: '', sort: '书法、绘画', grain: '钢，其他金属，其他无机质', long: '13', width: '', tall: '' },
+    { bs: 'yht40', type: 'straw', name: '1943年丁行在狱中手磨制的石笔架1', age: '', sort: '文件、宣传品', grain: '其他无机质', long: '5', width: '1.1', tall: '1.2' },
+    { bs: 'yht49', type: 'straw', name: '民国时期蒋宗銮烈士小学时竹木刻2', age: '', sort: '文件、宣传品', grain: '其他金属', long: '7', width: '1.5', tall: '' },
     { bs: 'yht06', type: 'straw', name: '1943年丁行烈士在狱中刻的图章', age: '', sort: '书法、绘画', grain: '钢，其他金属，其他无机质', long: '13', width: '', tall: '' },
-    { bs: 'yht40', type: 'straw', name: '1943年丁行在狱中手磨制的石笔架', age: '', sort: '文件、宣传品', grain: '其他无机质', long: '5', width: '1.1', tall: '1.2' },
+    { bs: 'yht40', type: 'straw', name: '1943年丁行在狱中手磨制的石笔架2', age: '', sort: '文件、宣传品', grain: '其他无机质', long: '5', width: '1.1', tall: '1.2' },
     { bs: 'yht49', type: 'straw', name: '民国时期蒋宗銮烈士小学时竹木刻', age: '', sort: '文件、宣传品', grain: '其他金属', long: '7', width: '1.5', tall: '' },
     // 书刊
-    { bs: 'yht50', type: 'book', name: '民国时期赵良璋烈士穿过的皮夹克', age: '', sort: '瓷器', grain: '瓷', long: '', width: '', tall: '10' },
-    { bs: 'yht53', type: 'book', name: '二十世纪三十年代郭纲琳烈士在狱中用铜元磨制的铜片，上刻“健美”二字', age: '', sort: '瓷器', grain: '瓷', long: '', width: '', tall: '5.1' },
+    { bs: 'yht50', type: 'book', name: '民国时期赵良璋烈士穿过的皮夹克1', age: '', sort: '瓷器', grain: '瓷', long: '', width: '', tall: '10' },
+    { bs: 'yht53', type: 'book', name: '二十世纪三十年代郭纲琳烈士在狱中用铜元磨制的铜片1，上刻“健美”二字', age: '', sort: '瓷器', grain: '瓷', long: '', width: '', tall: '5.1' },
+    { bs: 'yht50', type: 'book', name: '民国时期赵良璋烈士穿过的皮夹克2', age: '', sort: '瓷器', grain: '瓷', long: '', width: '', tall: '10' },
+    { bs: 'yht53', type: 'book', name: '二十世纪三十年代郭纲琳烈士在狱中用铜元磨制的铜片2，上刻“健美”二字', age: '', sort: '瓷器', grain: '瓷', long: '', width: '', tall: '5.1' },
+    { bs: 'yht50', type: 'book', name: '民国时期赵良璋烈士穿过的皮夹克3', age: '', sort: '瓷器', grain: '瓷', long: '', width: '', tall: '10' },
+    { bs: 'yht53', type: 'book', name: '二十世纪三十年代郭纲琳烈士在狱中用铜元磨制的铜片3，上刻“健美”二字', age: '', sort: '瓷器', grain: '瓷', long: '', width: '', tall: '5.1' },
     // 用具
-    { bs: 'yht55', type: 'tool', name: '民国初期邓中夏穿过的紫色绸质背坎', age: '', sort: '家具', grain: '瓷，木', long: '', width: '23', tall: '16' },
-    { bs: 'yht61', type: 'tool', name: '1934年卢志英烈士在贵州工作时少数民族赠送给他的毛毯', age: '', sort: '皮革', grain: '皮革', long: '79.5', width: '47.3', tall: '19.5' },
+    { bs: 'yht55', type: 'tool', name: '民国初期邓中夏穿过的紫色绸质背坎1', age: '', sort: '家具', grain: '瓷，木', long: '', width: '23', tall: '16' },
+    { bs: 'yht61', type: 'tool', name: '1934年卢志英烈士在贵州工作时少数民族赠送给他的毛毯1', age: '', sort: '皮革', grain: '皮革', long: '79.5', width: '47.3', tall: '19.5' },
+    { bs: 'yht55', type: 'tool', name: '民国初期邓中夏穿过的紫色绸质背坎2', age: '', sort: '家具', grain: '瓷，木', long: '', width: '23', tall: '16' },
+    { bs: 'yht61', type: 'tool', name: '1934年卢志英烈士在贵州工作时少数民族赠送给他的毛毯2', age: '', sort: '皮革', grain: '皮革', long: '79.5', width: '47.3', tall: '19.5' },
+    { bs: 'yht55', type: 'tool', name: '民国初期邓中夏穿过的紫色绸质背坎3', age: '', sort: '家具', grain: '瓷，木', long: '', width: '23', tall: '16' },
+    { bs: 'yht61', type: 'tool', name: '1934年卢志英烈士在贵州工作时少数民族赠送给他的毛毯3', age: '', sort: '皮革', grain: '皮革', long: '79.5', width: '47.3', tall: '19.5' },
     // 服装
-    { bs: 'yht63', type: 'clothing', name: '1933年郭纲琳烈士工作时期戴过的帽子', age: '', sort: '文具', grain: '石', long: '10', width: '', tall: '2' },
-    { bs: 'yht65', type: 'clothing', name: '民国时期杨斌烈士用过的床单', age: '', sort: '文具', grain: '铜', long: '10.8', width: '10.8', tall: '3.8' },
+    { bs: 'yht63', type: 'clothing', name: '1933年郭纲琳烈士工作时期戴过的帽子1', age: '', sort: '文具', grain: '石', long: '10', width: '', tall: '2' },
+    { bs: 'yht65', type: 'clothing', name: '民国时期杨斌烈士用过的床单1', age: '', sort: '文具', grain: '铜', long: '10.8', width: '10.8', tall: '3.8' },
+    { bs: 'yht63', type: 'clothing', name: '1933年郭纲琳烈士工作时期戴过的帽子2', age: '', sort: '文具', grain: '石', long: '10', width: '', tall: '2' },
+    { bs: 'yht65', type: 'clothing', name: '民国时期杨斌烈士用过的床单2', age: '', sort: '文具', grain: '铜', long: '10.8', width: '10.8', tall: '3.8' },
   ],
   '2D': [
     // 手稿

vue/src/views/Goods/index.vue

@@ -211,13 +211,19 @@ export default {
         setTimeout(() => {
           this.like = false;
         }, 2000);
+
+        fetch("http://map.4dage.com:8109/api/count/saveStar/museum_yuhuatai")
+          .then((response) => response.json())
+          .then((data) => {
+            console.log("增加点赞量");
+          });
       }
       if (type === 4) this.share = true;
     },
     //点击复制链接
     copyPcTxt() {
       // 存储传递过来的数据
-      let OrderNumber = window.location.origin+'/YHT/index.html';
+      let OrderNumber = window.location.origin + "/YHT/index.html";
       // 创建一个input 元素
       // createElement() 方法通过指定名称创建一个元素
       let newInput = document.createElement("input");

vue/src/views/Home.vue

@@ -51,7 +51,13 @@ export default {
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted() {},
+  mounted() {
+    fetch("http://map.4dage.com:8109/api/count/saveVisit/museum_yuhuatai")
+      .then((response) => response.json())
+      .then((data) => {
+        console.log("增加访问量");
+      });
+  },
   beforeCreate() {}, //生命周期 - 创建之前
   beforeMount() {}, //生命周期 - 挂载之前
   beforeUpdate() {}, //生命周期 - 更新之前

vue/src/views/LikeNum.vue

@@ -0,0 +1,79 @@
+<template>
+  <div class="LikeNum">
+    <div>
+      <p>
+        总访问量：<span>{{ visit }}</span>
+      </p>
+      <p>
+        总点赞量：<span>{{ like }}</span>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "LikeNum",
+  components: {},
+  data() {
+    //这里存放数据
+    return {
+      visit: 0,
+      like: 0,
+    };
+  },
+  //监听属性 类似于data概念
+  computed: {},
+  //监控data中的数据变化
+  watch: {},
+  //方法集合
+  methods: {},
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+    let dom = document.querySelector("#app");
+    dom.style.minWidth = "100vw";
+    dom.style.minHeight = "100vh";
+    dom.style.overflow = "hidden";
+
+    fetch("http://map.4dage.com:8109/api/count/detail/museum_yuhuatai")
+      .then((response) => response.json())
+      .then((data) => {
+        this.visit = data.data.visitSum;
+        this.like = data.data.starSum;
+      });
+  },
+  beforeCreate() {}, //生命周期 - 创建之前
+  beforeMount() {}, //生命周期 - 挂载之前
+  beforeUpdate() {}, //生命周期 - 更新之前
+  updated() {}, //生命周期 - 更新之后
+  beforeDestroy() {}, //生命周期 - 销毁之前
+  destroyed() {}, //生命周期 - 销毁完成
+  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+};
+</script>
+<style lang='less' scoped>
+.LikeNum {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  background-image: url("../assets/img/Goods/GoodsBac.png");
+  background-size: 100% 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  & > div {
+    width: 100%;
+    & > p {
+      font-weight: 700;
+      font-size: 24px;
+      text-align: center;
+      margin: 25px 0;
+      & > span {
+        color: #930909;
+      }
+    }
+  }
+}
+</style>