统计接口

digital-park-web/digital-park/src/api/index.js

@@ -10,13 +10,13 @@ export const getRegisterArea = p => get("/registerArea/getRegisterArea", p);
 export const submitRequestNote = p => post("/settledRequestNote/save", p);
 
 // 园区服务产品列表筛选数据
-export const getParkServiceProductFilterData = p => get("/parkServiceProduct/getFilterData", p)
+export const getParkServiceProductFilterData = p => get("/parkServiceProduct/getFilterData", p);
 
 // 园区服务产品列表
 export const getParkServiceProduct = p => get("/parkServiceProduct/page", p);
 
 // 园区服务产品详情
-export const getByIdServiceProduct = p =>  get("/parkServiceProduct/getById", p);
+export const getByIdServiceProduct = p => get("/parkServiceProduct/getById", p);
 
 // 物业管理(招商载体)产品列表筛选数据
 export const getPropertyFilterData = p => get("/propertyManagement/getFilterData", p);
@@ -25,4 +25,10 @@ export const getPropertyFilterData = p => get("/propertyManagement/getFilterData
 export const getPropertyManage = p => get("/propertyManagement/page", p);
 
 // 物业管理产品详情
-export const getByIdPropertyManage  = p => get("/propertyManagement/getById", p);
+export const getByIdPropertyManage = p => get("/propertyManagement/getById", p);
+
+// 物业详情--统计访问数
+export const addRentalPageView = p => post("/propertyManagement/addPageView", p);
+
+// 产品详情--访问统计数
+export const addProductPageView = p => post("/parkServiceProduct/addPageView", p);

digital-park-web/digital-park/src/views/investment-service/product-detail/ProductDetail.vue

@@ -6,13 +6,15 @@
                     <img :src="formatImg(mainImg)" alt="main-img" />
                 </div>
                 <div class="main-item">
-                    <div
-                        class="main-title"
-                        :title="productDetail.productName"
-                    >{{ productDetail.productName }}</div>
+                    <div class="main-title" :title="productDetail.productName">
+                        {{ productDetail.productName }}
+                    </div>
                     <div class="main-price">
                         <span class="price-label">价格：</span>
-                        <span class="price-value"><span v-if="productDetail.showPrice !== '面议'">¥</span>{{ productDetail.showPrice }}</span>
+                        <span class="price-value">
+                            <span v-if="productDetail.showPrice !== '面议'">¥</span>
+                            {{ productDetail.showPrice }}
+                        </span>
                     </div>
                     <div class="mian-detail" :title="productDetail.productDescription">
                         <span class="mian-detail-span">简介：</span>
@@ -23,14 +25,15 @@
                             src="~@assets/image/product/consult-icon.png"
                             class="consult-icon"
                             alt="icon"
-                        /> 立即咨询
+                        />
+                        立即咨询
                     </div>
                 </div>
             </div>
             <div class="server-detail">
                 <div class="server-title">服务详情</div>
                 <div class="server-content">
-                    <div v-html="parseMarkdown(productDetail.productDetail) "></div>
+                    <div v-html="parseMarkdown(productDetail.productDetail)"></div>
                 </div>
             </div>
         </div>
@@ -39,9 +42,10 @@
 
 <script>
 import "./ProductDetail.scss";
-import { getByIdServiceProduct } from "@api/index.js";
+import { getByIdServiceProduct, addProductPageView } from "@api/index.js";
 import { parseMarkdown, formatImg } from "@/utils/common";
 import { linkCustomerService } from "@mixin/customerService";
+import QS from "qs";
 export default {
     mixins: [linkCustomerService],
     data() {
@@ -54,6 +58,7 @@ export default {
     mounted() {
         this.parkServiceProductId = this.$route.query.parkServiceProductId;
         this.getByIdServiceProduct();
+        this.addPageView(this.parkServiceProductId);
     },
     methods: {
         getByIdServiceProduct() {
@@ -64,21 +69,19 @@ export default {
                 return;
             }
             getByIdServiceProduct({ parkServiceProductId })
-                .then((res) => {
+                .then(res => {
                     const data = res.data;
                     if (data.status == 0) {
                         this.productDetail = data.data;
                         let { productMasterImg } = this.productDetail;
-                        this.mainImg = productMasterImg
-                            ? productMasterImg[0]
-                            : "";
+                        this.mainImg = productMasterImg ? productMasterImg[0] : "";
                     } else if (data.status == 101) {
                     } else {
                         this.$message.error(data.msg);
                     }
                     this.pageLoading = false;
                 })
-                .catch((err) => {
+                .catch(err => {
                     console.log(err);
                     this.$message.error("获取详情失败，请尝试刷新页面后重试。");
                     this.pageLoading = false;
@@ -93,7 +96,23 @@ export default {
         formatImg(url) {
             return formatImg(url);
         },
+        addPageView(parkServiceProductId) {
+            let params ={
+                parkServiceProductId
+            }
+            addProductPageView(QS.stringify(params))
+                .then(res => {
+                    const data = res.data;
+                    if (data.status == 0) {
+                        console.log(`正在访问产品详情页`);
+                    } else {
+                        console.log(`统计访问数失败`);
+                    }
+                })
+                .catch(err => {
+                    console.log(`统计访问数失败，失败原因：${err}`);
+                });
+        },
     },
 };
 </script>
-

digital-park-web/digital-park/src/views/investment-service/property-detail/PropertyDetail.vue

@@ -119,9 +119,10 @@
 import Nav from "@components/Header.vue";
 import Footer from "@components/Footer.vue";
 import "./PropertyDetail.scss";
-import { getByIdPropertyManage } from "@api/index.js";
+import { getByIdPropertyManage, addRentalPageView } from "@api/index.js";
 import { parseMarkdown, formatImg } from "@/utils/common";
 import { linkCustomerService } from "@mixin/customerService";
+import QS from "qs";
 const ListingFacilities = {
     精装修: 1,
     有线网络: 2,
@@ -235,6 +236,7 @@ export default {
     },
     mounted() {
         this.getByIdPropertyManage();
+        this.addPageView();
     },
     methods: {
         getByIdPropertyManage() {
@@ -357,6 +359,24 @@ export default {
             });
             return style;
         },
+        addPageView() {
+            let propertyManagementId = this.$route.query.propertyManagementId;
+            let params ={
+                propertyManagementId
+            }
+            addRentalPageView(QS.stringify(params))
+                .then(res => {
+                    const data = res.data;
+                    if (data.status == 0) {
+                        console.log(`正在访问物业详情页`);
+                    } else {
+                        console.log(`统计访问数失败`);
+                    }
+                })
+                .catch(err => {
+                    console.log(`统计访问数失败，失败原因：${err}`);
+                });
+        },
     },
 };
 </script>