From 2aeedc5e75581b53d0abdd98acb8960788f8b7f3 Mon Sep 17 00:00:00 2001
From: jianweie <jianweie@163.com>
Date: Sat, 6 May 2023 11:54:32 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=A1=E5=B0=8F=E7=A8=8B=E5=BA=8F=E7=AB=AF=E6=96=87=E7=AB=A0?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=88=86=E7=B1=BB=E5=88=97=E8=A1=A8=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E6=94=BE=E5=BC=83=E7=BB=9F=E4=B8=80=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E5=88=B0tabs=E5=88=87=E6=8D=A2=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E6=96=B9=E4=BE=BF=E9=A6=96=E9=A1=B5=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E5=AE=AB=E6=A0=BC=E5=8F=AF=E4=BB=A5=E7=9B=B4=E6=8E=A5=E5=88=B0?=
 =?UTF-8?q?=E5=8D=95=E4=B8=AA=E6=A0=8F=E7=9B=AE=E5=88=97=E8=A1=A8=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CoreShop/common/mixins/mixinsHelper.js    |   3 +-
 CoreCms.Net.Uni-App/CoreShop/pages.json       |   7 ++
 .../pages/article/category/category.vue       | 110 ++++++++++++++++++
 3 files changed, 119 insertions(+), 1 deletion(-)
 create mode 100644 CoreCms.Net.Uni-App/CoreShop/pages/article/category/category.vue

diff --git a/CoreCms.Net.Uni-App/CoreShop/common/mixins/mixinsHelper.js b/CoreCms.Net.Uni-App/CoreShop/common/mixins/mixinsHelper.js
index 12e6f07a..ca61aaf7 100644
--- a/CoreCms.Net.Uni-App/CoreShop/common/mixins/mixinsHelper.js
+++ b/CoreCms.Net.Uni-App/CoreShop/common/mixins/mixinsHelper.js
@@ -297,7 +297,8 @@ module.exports = {
                 this.$u.route('/pages/article/details/details', { idType: 1, id: val });
             } else if (type == navLinkType.articleCategory) {
                 // 文章列表
-                this.$u.route('/pages/article/list/list')
+                //this.$u.route('/pages/article/list/list')
+                this.$u.route('/pages/article/category/category', { id: val });
             } else if (type == navLinkType.intelligentForms) {
                 //自定义表单
                 this.$u.route('/pages/form/details/details', { id: val });
diff --git a/CoreCms.Net.Uni-App/CoreShop/pages.json b/CoreCms.Net.Uni-App/CoreShop/pages.json
index 8ccbf2a7..410c742c 100644
--- a/CoreCms.Net.Uni-App/CoreShop/pages.json
+++ b/CoreCms.Net.Uni-App/CoreShop/pages.json
@@ -87,6 +87,13 @@
             "navigationBarTextStyle": "black",
             "navigationBarTitleText": "文章列表"
           }
+        },
+        {
+          "path": "category/category",
+          "style": {
+            "navigationBarTextStyle": "black",
+            "navigationBarTitleText": "文章栏目列表"
+          }
         }
       ]
     },
diff --git a/CoreCms.Net.Uni-App/CoreShop/pages/article/category/category.vue b/CoreCms.Net.Uni-App/CoreShop/pages/article/category/category.vue
new file mode 100644
index 00000000..31fb3d7c
--- /dev/null
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/article/category/category.vue
@@ -0,0 +1,110 @@
+<template>
+    <view>
+        <u-toast ref="uToast" /><u-no-network></u-no-network>
+        <u-navbar :title="typeName" safeAreaInsetTop fixed placeholder>
+            <view class="coreshop-navbar-left-slot" slot="left">
+                <u-icon name="arrow-left" size="19" @click="goNavigateBack"></u-icon>
+                <u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
+                <u-icon name="home" size="22" @click="goHome"></u-icon>
+            </view>
+            <view slot="right">
+            </view>
+        </u-navbar>
+
+        <view class="coreshop-bg-white coreshop-margin-10">
+            <view class="coreshop-flex coreshop-solid-bottom coreshop-justify-between coreshop-flex-nowrap coreshop-padding-top-10 coreshop-padding-bottom-10 coreshop-padding-left-10 coreshop-padding-right-10" v-for="item in list" :key="item.id" @click="goArticleDetail(item.id)">
+                <view class="coreshop-flex coreshop-flex-nowrap">
+                    <u--image width="25px" height="25px" :src="item.coverImage" mode="aspectFill" :showLoading="true"></u--image>
+                    <view class="u-line-2 coreshop-padding-left-5 coreshop-font-14">{{item.title}}</view>
+                </view>
+                <view class="coreshop-text-gray coreshop-text-right coreshop-justify-end">
+                    <u-icon name="arrow-right-double"></u-icon>
+                </view>
+            </view>
+        </view>
+        <view>
+            <u-loadmore :status="status" :icon-type="iconType" :load-text="loadText" margin-top="0" margin-bottom="20" class="coreshop-padding-top-10" />
+        </view>
+        <!-- 登录提示 -->
+        <coreshop-login-modal></coreshop-login-modal>
+    </view>
+</template>
+
+<script>
+    
+    export default {
+        
+        data() {
+            return {
+                id: 0, // 文章分类id
+                page: 1,
+                limit: 10,
+                list: [],
+                status: 'loadmore',
+                iconType: 'flower',
+                loadText: {
+                    loadmore: '轻轻上拉',
+                    loading: '努力加载中',
+                    nomore: '实在没有了'
+                },
+                articleType: [],
+                typeName: '',
+            };
+        },
+        onLoad(options) {
+            if (options.id) {
+                this.id = Number(options.id);
+                this.articleList();
+            }
+        },
+        onReachBottom() {
+            if (this.status === 'loadmore') {
+                this.articleList();
+            }
+        },
+        methods: {
+            articleList() {
+                let data = {
+                    page: this.page,
+                    limit: this.limit,
+                    id: this.id
+                };
+                this.status = 'loading';
+                this.$u.api.articleList(data).then(res => {
+                    if (res.status) {
+                        this.articleType = res.data.articleType;
+                        for (var i = 0; i < this.articleType.length; i++) {
+                            if (this.id === this.articleType[i].id) {
+                                this.typeName = this.articleType[i].name;
+                            }
+                        }
+
+                        const _list = res.data.list;
+                        this.list = [...this.list, ..._list];
+                        if (res.data.count > this.list.length) {
+                            this.status = 'loadmore';
+                            this.page++;
+                        } else {
+                            // 数据已加载完毕
+                            this.status = 'nomore';
+                        }
+                    } else {
+                        // 接口请求出错了
+                        this.$u.toast(res.msg);
+                    }
+                });
+            },
+            change(item) {
+                this.id = item.id;
+                this.list = [];
+                this.page = 1;
+                this.limit = 10;
+                this.loadStatus = 'more';
+                this.articleList();
+            }
+        }
+    };
+</script>
+
+<style lang="scss" scoped>
+</style>