Browse Source

商品列表页2

chao 5 năm trước cách đây
mục cha
commit
65364903ae

+ 2 - 2
src/main/java/com/caimei/www/controller/ProductController.java

@@ -19,13 +19,13 @@ public class ProductController extends BaseController {
 
     @GetMapping("/product/list.html")
     public String hello(final Model model) {
-        model.addAttribute("msg", "商品列表");
+        model.addAttribute("searchFlag", "0");
         return PRODUCT_LIST_PATH;
     }
 
     @GetMapping("/product/search.html")
     public String hello2(final Model model) {
-        model.addAttribute("msg", "搜索结果");
+        model.addAttribute("searchFlag", "1");
         return PRODUCT_LIST_PATH;
     }
 

+ 8 - 4
src/main/resources/static/js/product/list.js

@@ -1,6 +1,7 @@
 var productList = new Vue({
     el: "#container",
     data: {
+        searchFlag: false,
         listLoading: true,
         priceLoading: true,
         requestFlag: true,
@@ -157,6 +158,7 @@ var productList = new Vue({
         }
     },
     created: function () {
+        this.searchFlag = $('#searchFlag').val() * 1 === 1;
         this.params.size = getUrlParam("pageSize") ? getUrlParam("pageSize") * 1 : 20;
         this.params.num = getUrlParam("pageNum") ? getUrlParam("pageNum") * 1 : 1;
         this.params.keyword = getUrlParam("keyword") ? getUrlParam("keyword") : "";
@@ -166,14 +168,16 @@ var productList = new Vue({
         if(userInfo){
             this.userId = JSON.parse(userInfo).userId;
         }
-        if (this.params.keyword) {
+        if (this.searchFlag) {
             // 获取列表数据
             this.getListByKeyword();
         } else {
             // category=1000-1001-1005
-            if (getUrlParam("category")) {
-                var category = getUrlParam("category").split("-")
+            if (!getUrlParam("category")) {
+                this.listLoading = false;
+                return false;
             }
+            var category = getUrlParam("category").split("-");
             this.params.bid = category[0];
             this.params.sid = category[1];
             this.params.tid = category[2];
@@ -208,7 +212,7 @@ var productList = new Vue({
                         _self.params.num = next;
                         if (_self.requestFlag){
                             console.log(_self.params);
-                            if (_self.params.keyword) {
+                            if (_self.searchFlag) {
                                 // 获取列表数据
                                 _self.getListByKeyword();
                             } else {

+ 3 - 2
src/main/resources/templates/product/list.html

@@ -13,9 +13,10 @@
 
 <!--页面主体数据-->
 <div id="container">
+    <input type="hidden" id="searchFlag" th:value="${searchFlag}">
     <template v-if="isPC">
         <!-- 面包屑 -->
-        <div v-if="params.keyword" class="crumbs">
+        <div v-if="searchFlag" class="crumbs">
             <span>搜索结果</span>
             <span>&gt;</span> <a href="javascript:void(0);" @click="toPagination(1)" v-text="params.keyword"></a>
         </div>
@@ -38,7 +39,7 @@
             </template>
         </div>
         <!--分类-->
-        <div v-if="!params.keyword" id="listClassify" class="classifyBox">
+        <div v-if="!searchFlag" id="listClassify" class="classifyBox">
             <div class="clsTab">
                 <template v-for="(big,i) in classify">
                     <a :class="{'on': params.bid==big.bigTypeID}" v-if="big.validFlag==1" href="javascript:void(0);" v-text="big.name"></a>

+ 0 - 25
src/main/resources/templates/product/search.html

@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-      xsi:schemaLocation="https://www.thymeleaf.org ">
-<head>
-    <title>采美365网-中国美业全方位线上交易服务互动平台,做美业,上采美</title>
-    <template th:replace="components/headLink"></template>
-    <link rel="stylesheet" th:href="@{/css/base.css(v=${version})}">
-
-</head>
-<body>
-<!-- 引用头部 -->
-<template th:replace="components/header"></template>
-
-<!--页面主体数据-->
-<div class="container">
-    <hr>
-    <h1>搜索结果</h1>
-    <hr>
-</div>
-
-<!-- 引入底部 -->
-<template th:replace="components/footer"></template>
-<template th:replace="components/footLink"></template>
-</body>
-</html>