我要卖页面

net/api/shop.js

@@ -2,6 +2,8 @@ import {
     request
 } from "../http";
 // 公共API 
+// 0b00884a-f7a2-425f-93e5-599fbaad4bde 软著分类
+// ce3ded65-68ed-4f42-89da-de1b813b8f7e 证件类型
 const proName = 'aiShop'
 const apiPath = {
     indexList: "/api/goodsonline/listpage", //上架的软著商品列表 GET 
@@ -12,8 +14,6 @@ const apiPath = {
     doCheck: "/api/goods/sub-check/{goodsId}", //提交审核 PUT
     onGoods: "/api/goods/publish/{goodsId}", //上架商品 PUT
     offGoods: "/api/goods/no-publish/{goodsId}", //下架商品 
-    // 0b00884a-f7a2-425f-93e5-599fbaad4bde 软著分类
-    // ce3ded65-68ed-4f42-89da-de1b813b8f7e 证件类型
     goodsDics: "/api/data/listbyparentid/{dId}", //商品数据字典
     areaList: "/api/area/listbyparentid/{pId}", //省市区树结构
     saveOrder: '/api/order/save/{goodsId}', //新增订单
@@ -21,6 +21,7 @@ const apiPath = {
     cancelOrder: '/api/order/save-cancel/{orderId}', //取消订单
     mineBuyOrder: '/api/order/listpage-buy', //我购买的订单
     mineSellOrder: '/api/order/listpage-sell', //我销售的
+    mineSellGoods: '/api/goods/listpage', //我售卖的软著
 }
 class Shop {
     // 通用路径参数替换方法
@@ -130,6 +131,10 @@ class Shop {
     static doGetMineSellOrder(data) {
         return this.requestHandler(apiPath.mineSellOrder, "GET", data)
     }
+    //我售卖的商品
+    static doGetMineSellGoods(data) {
+        return this.requestHandler(apiPath.mineSellGoods, "GET", data)
+    }
 }
 
 export default Shop;

pages/shop/buyGoods/buyGoods.js

@@ -43,7 +43,6 @@ Page({
             dataId: 'ASC'
         }],
         selOwner: '',
-        isSticky: false,
         msgType: 'info',
         msgHint: '',
         msgShow: false

pages/shop/buyGoods/buyGoods.json

@@ -1,6 +1,5 @@
 {
     "usingComponents": {
-        "custom-tabbar": "/components/tabbar/custom-tabbar",
         "container-loading": "/components/container-loading/container-loading",
         "mp-loading": "weui-miniprogram/loading/loading",
         "mp-toptips": "weui-miniprogram/toptips/toptips"

pages/shop/buyGoods/buyGoods.wxml

@@ -64,32 +64,6 @@
         </container-loading>
     </view>
 
-    <!-- <view class="container-box">
-        <view class="content-container" style="min-height: 600rpx;">
-            <view class="loading-box">
-                <container-loading loadingState="{{listLoading}}" style="height: 40vh;" bindrefresh="doRefreshList"></container-loading>
-            </view>
-            <view class="content-box">
-                <block wx:for="{{goodsList}}" wx:key="index">
-                    <view class="content-item" bind:tap="doDetail" data-value="{{item.goodsId}}">
-                        <view class="content-item-img-box">
-                            <image src="{{item.preImg}}" class="content-item-img" mode="aspectFill"></image>
-                        </view>
-                        <view class="content-item-txt">{{item.goodsName}}</view>
-                        <view class="content-item-bottom">
-                            <rich-text class="content-item-price" nodes="{{tools.moneyTxt(8,item.goodsOpenPrice)}}"></rich-text>
-                            <view class="content-item-time">{{item.goodsLastTime}}</view>
-                        </view>
-                        <view class="special-tag" wx:if="{{tools.includes(item.goodsFlag,'特价')}}">特价</view>
-                    </view>
-                </block>
-            </view>
-            <mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
-            <view wx:if="{{!hasMore && listLoading != 'empty'}}" class="no-more">
-                <view class="no-more-dot">AI喵著</view>
-            </view>
-        </view>
-    </view> -->
 </view>
 <mp-toptips delay="2000" msg="{{msgHint}}" type="{{msgType}}" show="{{msgShow}}"></mp-toptips>
 <wxs src="../../../utils/comm.wxs" module="tools"></wxs>

pages/shop/buyGoods/buyGoods.wxss

@@ -304,4 +304,5 @@
 .content-item-price {
     color: red;
     font-size: 28rpx;
+    font-weight: bold;
 }

pages/shop/goodsDetail/goodsDetail.wxml

@@ -7,6 +7,11 @@
         <image bind:tap="doPreImg" data-url="{{goods.goodsPhoto}}" src="{{goods.goodsPhoto}}" mode="aspectFill" class="detail-img"></image>
         <view class="bottom-fixed-footer" style="background-color: var(--tabbar-normal-color);color:var(--white-color);">
             <view class="goods-name">{{goods.goodsName}}</view>
+            <scroll-view scroll-y style="height: 140rpx;margin-top: 8rpx;">
+                <view>
+                    <view style="font-size: 24rpx;">{{goods.goodsDescription}}</view>
+                </view>
+            </scroll-view>
             <view class="goods-info-box mt-20">
                 <rich-text class="goods-price" nodes="{{tools.moneyTxt(12,goods.goodsOpenPrice)}}"></rich-text>
                 <view style="font-size: 28rpx;">上架:{{goods.goodsStatusTime}}</view>

pages/shop/sellGoods/sellGoods.js

@@ -1,26 +1,51 @@
 // pages/shop/sellGoods/sellGoods.js
+import Shop from '../../../net/api/shop'
+import {
+    sImgPrefix
+} from '../../../net/mainUrl'
+const app = getApp()
 Page({
 
-    /**
-     * 页面的初始数据
-     */
     data: {
         pageData: {
             page: 1,
             rows: 10,
             keywords: '',
-            startTime: '',
+            keywords: '',
-            endTime: '',
+            goodsLeaderType: '',
-            orderStatus: ''
+            goodsGetTime: '',
+            goodsDevelop: '',
+            goodsType: ''
         },
-        msgShow: false,
+        keywords: '',
-        msgHint: '',
+        priceStart: '',
-        msgType: 'error',
+        priceEnd: '',
-        loadingState: 'loading',
-        listRefreshTrig: false,
         isLoadMore: false,
         hasMore: true,
-        goodsList: []
+        listLoading: 'loading',
+        listRefreshTrig: false,
+        goodsList: [],
+        imgPrefix: sImgPrefix,
+        localAssets: app.globalData.localAssets,
+        imgAssets: app.globalData.imgAssetsUrl,
+        typeList: [],
+        selType: '',
+        ownerList: [{
+            dataName: '自然人',
+            dataId: '1'
+        }, {
+            dataName: '法人',
+            dataId: '2'
+        }, {
+            dataName: '非法人组织或其他',
+            dataId: '3'
+        }],
+        selOwner: '',
+        msgType: 'info',
+        msgHint: '',
+        msgShow: false,
+        isScrolling: false,
+        scrollTimer: null
     },
 
     /**
@@ -38,6 +63,173 @@ Page({
                 timingFunc: 'easeIn'
             }
         })
+        this.doGetDic()
+        this.doRefreshList()
+    },
+    inputKeywords(e) {
+        this.setData({
+            keywords: e.detail.value
+        })
+    },
+    doSearch() {
+        this.doRefreshList()
+    },
+    //滑动监听
+    onScrollListener(e) {
+        if (this.data.scrollTimer) {
+            clearTimeout(this.data.scrollTimer);
+        }
+        if (!this.data.isScrolling) {
+            this.setData({
+                isScrolling: true
+            });
+        }
+        const timer = setTimeout(() => {
+            this.setData({
+                isScrolling: false
+            });
+        }, 300);
+        this.setData({
+            scrollTimer: timer
+        });
     },
 
+    bindChooseType(e) {
+        wx.pageScrollTo({
+            scrollTop: 0
+        })
+        setTimeout(() => {
+            const item = e.currentTarget.dataset.item;
+            let newSelType = this.data.selType;
+            // 先转数组，处理空字符串情况
+            const typeArr = newSelType ? newSelType.split(',') : [];
+
+            if (typeArr.includes(item.dataId)) {
+                // 删除
+                const index = typeArr.indexOf(item.dataId);
+                typeArr.splice(index, 1);
+            } else {
+                // 添加
+                typeArr.push(item.dataId);
+            }
+
+            // 转回字符串，自动处理空数组（转成空字符串）
+            newSelType = typeArr.join(',');
+
+            this.setData({
+                selType: newSelType
+            });
+            console.log('选择分类:', this.data.selType);
+            this.doRefreshList();
+        }, 500);
+    },
+    bindChooseOwner(e) {
+        const item = e.currentTarget.dataset.item
+        this.setData({
+            selOwner: this.data.selOwner == item.dataId ? '' : item.dataId
+        })
+        this.doRefreshList()
+    },
+    doGetDic() {
+        wx.showLoading({
+            title: '加载中...',
+        })
+        const that = this
+        Shop.doGetGoodsDic('0b00884a-f7a2-425f-93e5-599fbaad4bde')
+            .then(res => {
+                wx.hideLoading()
+                that.setData({
+                    typeList: res
+                })
+            })
+            .catch(err => {
+                wx.hideLoading()
+            })
+    },
+    //刷新
+    doRefreshList() {
+        const _self = this
+        this.setData({
+            goodsList: [],
+            isLoadMore: false,
+            hasMore: true,
+            listRefreshTrig: true,
+            'pageData.page': 1,
+            'pageData.keywords': _self.data.keywords,
+            'pageData.priceOrder': _self.data.selOwner,
+            'pageData.priceRangeStart': _self.data.priceStart,
+            'pageData.priceRangeEnd': _self.data.priceEnd,
+            'pageData.goodsType': _self.data.selType,
+        })
+        _self.getIndexList(true)
+    },
+    //加载更多
+    doLoadMore() {
+        const _self = this
+        if (_self.data.isLoadMore || !_self.data.hasMore) {
+            return
+        }
+        //判断是否有更多
+        _self.setData({
+            isLoadMore: true,
+            'pageData.page': ++_self.data.pageData.page
+        })
+        _self.getIndexList(false)
+    },
+    //获取列表
+    getIndexList(isRefresh) {
+        const _self = this
+        _self.setData({
+            listLoading: isRefresh ? 'loading' : ''
+        })
+        Shop.doGetMineSellGoods(_self.data.pageData)
+            .then(res => {
+                console.log(res)
+                var status = 'success'
+                status = res.rows && res.rows.length > 0 ? 'success' : 'empty'
+                const list = _self.addPrefixToPreviewImgs(res.rows)
+                _self.setData({
+                    listLoading: isRefresh ? status : '',
+                    goodsList: _self.data.goodsList.concat(list),
+                    listRefreshTrig: false,
+                    isLoadMore: false,
+                })
+                _self.setData({
+                    hasMore: _self.data.goodsList.length < res.total
+                })
+            })
+            .catch(err => {
+                console.log(err)
+                _self.setData({
+                    listLoading: 'error',
+                    listRefreshTrig: false,
+                    isLoadMore: false,
+                    hasMore: true
+                })
+            })
+    },
+    //为数据中图片添加前缀
+    addPrefixToPreviewImgs(data) {
+        const prefix = this.data.imgPrefix;
+        return data.map(item => {
+            if (item.goodsPhoto && item.goodsPhoto != '') {
+                item.preImg = prefix + item.goodsPhoto
+            }
+            return item;
+        });
+    },
+    //详情
+    doDetail(e) {
+        const id = e.currentTarget.dataset.value
+        wx.navigateTo({
+            url: '/pages/shop/goodsDetail/goodsDetail?id=' + id,
+            animation: 'fade'
+        })
+    },
+    //去创建软著商品
+    doCreateGoods() {
+        wx.navigateTo({
+            url: '/pages/shop/publishCopyright/publishCopyright',
+        })
+    }
 })

pages/shop/sellGoods/sellGoods.json

@@ -1,3 +1,7 @@
 {
-  "usingComponents": {}
+    "usingComponents": {
+        "container-loading": "/components/container-loading/container-loading",
+        "mp-loading": "weui-miniprogram/loading/loading",
+        "mp-toptips": "weui-miniprogram/toptips/toptips"
+    }
 }

pages/shop/sellGoods/sellGoods.wxml

@@ -1,2 +1,72 @@
-<!--pages/shop/sellGoods/sellGoods.wxml-->
+<view class="page-container">
-<text>pages/shop/sellGoods/sellGoods.wxml</text>
+    <view class="page-title-box">
+        <view class="search-container-fixed">
+            <view class="search-box">
+                <icon class="mr-10" type="search" size="20"></icon>
+                <input type="text" bindconfirm="doSearch" class="search-input" bindinput="inputKeywords" value="{{keywords}}" placeholder="请输入软著名称" />
+                <view bind:tap="doSearch">搜索</view>
+            </view>
+        </view>
+        <view class="header">
+            <view class="condition-box">
+                <view class="condition-item">
+                    <view class="condition-item-title">软著分类</view>
+                    <scroll-view scroll-x style="width: 80vw;padding-left: 20rpx;">
+                        <view class="list-tabs">
+                            <block wx:for="{{typeList}}" wx:key="index">
+                                <view class="{{tools.includes(selType,item.dataId)? 'tab-select':'tab-normal' }} item-margin" bind:tap="bindChooseType" data-item="{{item}}">
+                                    <text>{{item.dataName}}</text>
+                                </view>
+                            </block>
+                        </view>
+                    </scroll-view>
+                </view>
+                <view class="condition-item mt-20">
+                    <view class="condition-item-title">所属者类型</view>
+                    <scroll-view scroll-x style="flex:1;">
+                        <view class="list-tabs ml-20">
+                            <block wx:for="{{ownerList}}" wx:key="index">
+                                <view class="{{selOwner==item.dataId? 'tab-select':'tab-normal' }} item-margin" bind:tap="bindChooseOwner" data-item="{{item}}">
+                                    <text>{{item.dataName}}</text>
+                                </view>
+                            </block>
+                        </view>
+                    </scroll-view>
+                </view>
+            </view>
+        </view>
+    </view>
+    <view class="container-box">
+        <container-loading loadingState="{{listLoading}}" style="height: 79vh;" bindrefresh="doRefreshList">
+            <scroll-view scroll-y="{{true}}" style="height: 79vh;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='80' bindscroll="onScrollListener">
+                <view style="display: flex;flex-direction: column;">
+                    <view class="content-box">
+                        <block wx:for="{{goodsList}}" wx:key="index">
+                            <view class="content-item" bind:tap="doDetail" data-value="{{item.goodsId}}">
+                                <view class="content-item-img-box">
+                                    <image src="{{item.preImg}}" class="content-item-img" mode="aspectFill"></image>
+                                </view>
+                                <view class="content-item-txt">{{item.goodsName}}</view>
+                                <view class="content-item-bottom">
+                                    <rich-text class="content-item-price" nodes="{{tools.moneyTxt(8,item.goodsOpenPrice)}}"></rich-text>
+                                    <view class="content-item-time">截止:{{item.goodsLastTime}}</view>
+                                </view>
+                                <view class="special-tag" wx:if="{{tools.includes(item.goodsFlag,'特价')}}">特价</view>
+                            </view>
+                        </block>
+                    </view>
+                    <mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
+                    <view wx:if="{{!hasMore}}" class="no-more">
+                        <view class="no-more-dot">AI喵著</view>
+                    </view>
+                </view>
+            </scroll-view>
+        </container-loading>
+        <view class="{{isScrolling ? 'create-box-hide' : 'create-box-show'}}" bind:tap="doCreateGoods">
+            <image src="../../../static/images/icon_create_goods_bg.png" class="create-box-bg" mode="scaleToFill"></image>
+            <view class="create-txt">发布软著</view>
+        </view>
+    </view>
+</view>
+<mp-toptips delay="2000" msg="{{msgHint}}" type="{{msgType}}" show="{{msgShow}}"></mp-toptips>
+<wxs src="../../../utils/comm.wxs" module="tools"></wxs>

pages/shop/sellGoods/sellGoods.wxss

@@ -1 +1,337 @@
-/* pages/shop/sellGoods/sellGoods.wxss */
+.page-title-box {
+    background-color: var(--white-color);
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    z-index: 3;
+    width: 100%;
+    padding: 10rpx 30rpx;
+    box-sizing: border-box;
+    box-shadow: 0 2rpx 4rpx var(--bg-gray-input-color);
+}
+
+.search-container-fixed {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+}
+
+.search-box {
+    background-color: var(--bg-gray-color);
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 15rpx 20rpx;
+    border-radius: 60rpx;
+    font-size: 28rpx;
+}
+
+.search-input {
+    flex: 1;
+}
+
+.divider-20 {
+    background-color: var(--bg-gray-input-color);
+    min-height: 20rpx;
+    margin: 0rpx -30rpx;
+}
+
+.title-box {
+    position: relative;
+    margin-top: 60rpx;
+    padding: 30rpx;
+}
+
+.title-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 300rpx;
+    background-size: cover;
+}
+
+.title-container {
+    position: relative;
+}
+
+.title-hint-box {
+    display: flex;
+    flex-direction: row;
+    margin-top: 20rpx;
+}
+
+.title-hint-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.title-hint-item:nth-of-type(n+2) {
+    margin-left: 30rpx;
+}
+
+.title-hint-txt {
+    margin-left: 8rpx;
+    font-size: 24rpx;
+    color: var(--text-gray-desc-color);
+}
+
+.hook {
+    width: 32rpx;
+    height: 32rpx;
+    border-radius: 50%;
+    background: linear-gradient(0deg, #FFB540 0%, #FF4800 100%);
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.hook::after {
+    content: "";
+    display: block;
+    width: 8rpx;
+    height: 15rpx;
+    border: solid white;
+    border-width: 0 2rpx 2rpx 0;
+    transform: rotate(45deg);
+    position: absolute;
+    top: 6rpx;
+}
+
+.title-func-box {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin-top: 30rpx;
+}
+
+.title-func-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.func-img {
+    width: 120rpx;
+    height: 120rpx;
+}
+
+.func-txt {
+    font-size: 28rpx;
+    color: var(--text-color);
+    margin-top: 15rpx;
+}
+
+.container-box {
+    background-color: var(--white-color);
+    margin: 200rpx -30rpx 0rpx -30rpx;
+    padding: 30rpx;
+    min-height: 79vh;
+}
+
+.header {
+    transition: all 0.3s;
+}
+
+.header.sticky {
+    position: fixed;
+    background-color: var(--white-color);
+    box-sizing: border-box;
+    padding: 20rpx 30rpx 0rpx 30rpx;
+    top: 70rpx;
+    left: 0;
+    right: 0;
+    z-index: 100;
+    box-shadow: 0 2rpx 4rpx var(--bg-gray-input-color);
+}
+
+.condition-box {
+    display: flex;
+    flex-direction: column;
+    padding: 30rpx 0rpx 20rpx 0rpx;
+}
+
+.condition-item {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.condition-item-title {
+    white-space: nowrap;
+    font-size: 24rpx;
+}
+
+.list-tabs {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+}
+
+.tab-select {
+    white-space: nowrap;
+    line-height: 17px;
+    border-radius: 5rpx;
+    background-color: var(--btn-primary-color);
+    color: var(--text-primary-deep-color);
+    font-size: 24rpx;
+    text-align: center;
+    padding: 5rpx 15rpx;
+}
+
+.tab-normal {
+    background-color: var(--bg-gray-input-color);
+    color: var(--text-gray-hint-color);
+    white-space: nowrap;
+    line-height: 17px;
+    border-radius: 5rpx;
+    font-size: 24rpx;
+    text-align: center;
+    padding: 5rpx 15rpx;
+}
+
+.item-margin {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+}
+
+.item-margin:nth-of-type(n+2) {
+    margin-left: 20rpx;
+}
+
+.content-container {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 180rpx;
+    position: relative;
+}
+
+.loading-box {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 99;
+    transform: translate(-50%, -50%);
+}
+
+.content-box {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.content-item {
+    width: 48%;
+    margin-top: 20rpx;
+    position: relative;
+}
+
+.content-item:nth-of-type(even) {
+    margin-left: 20rpx;
+}
+
+
+.special-tag {
+    display: inline-block;
+    padding: 0rpx 20rpx;
+    background-color: var(--red-color);
+    color: #fff;
+    font-size: 22rpx;
+    border-bottom-right-radius: 30rpx;
+    border-top-right-radius: 30rpx;
+    position: absolute;
+    top: 0rpx;
+    left: 0rpx;
+}
+
+.special-tag::before {
+    content: '';
+    position: absolute;
+    left: 0rpx;
+    bottom: -15rpx;
+    border-width: 18rpx 18rpx 0 0rpx;
+    border-style: solid;
+    border-color: var(--red-color) transparent transparent transparent;
+}
+
+
+.content-item-img-box {
+    border-radius: 10rpx;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    padding: 20rpx;
+    background-color: var(--bg-gray-input-color);
+}
+
+.content-item-img {
+    width: 200rpx;
+    height: 260rpx;
+}
+
+.content-item-txt {
+    font-size: 28rpx;
+    margin-top: 15rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 100%;
+}
+
+.content-item-bottom {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.content-item-time {
+    font-size: 24rpx;
+    color: var(--text-gray-hint-color);
+}
+
+.content-item-price {
+    color: red;
+    font-size: 28rpx;
+    font-weight: bold;
+}
+
+.create-box-show,
+.create-box-hide {
+    position: fixed;
+    bottom: 300rpx;
+    right: 35rpx;
+    color: white;
+    border-radius: 10rpx;
+    transition: all 0.3s ease;
+    opacity: 1;
+    z-index: 100;
+    height: 200rpx;
+    width: 200rpx;
+}
+
+.create-box-hide {
+    opacity: 0;
+    transform: translate(-50%, 20rpx);
+    pointer-events: none;
+}
+
+.create-box-bg {
+    width: 200rpx;
+    height: 200rpx;
+}
+
+.create-txt {
+    position: absolute;
+    color: var(--white-color);
+    top: 117rpx;
+    left: 45rpx;
+    font-size: 28rpx;
+}