From d15a5f399e4809a45f7286349de7032ba3441155 Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Tue, 14 Oct 2025 19:28:31 +0800
Subject: [PATCH] 32

---
 .../CoreShop/pages/article/list/list.vue      | 175 +++++++++---------
 1 file changed, 89 insertions(+), 86 deletions(-)

diff --git a/CoreCms.Net.Uni-App/CoreShop/pages/article/list/list.vue b/CoreCms.Net.Uni-App/CoreShop/pages/article/list/list.vue
index 9208dd8..e57d952 100644
--- a/CoreCms.Net.Uni-App/CoreShop/pages/article/list/list.vue
+++ b/CoreCms.Net.Uni-App/CoreShop/pages/article/list/list.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
     <view>
         <u-toast ref="uToast" /><u-no-network></u-no-network>
         <u-navbar :custom-back="goBack" :title="typeName"></u-navbar>
@@ -7,12 +7,14 @@
             <view class="help-h3">帮助中心</view>
             <u-tabs :list="articleType" :is-scroll="false" :current="current" @change="change"></u-tabs>
 
-            <u-card :title="articleType[current].name">
+            <u-card v-if="articleType != null && articleType[current] != null" :title="articleType[current].name">
                 <view class="" slot="body">
-                    <view class="u-body-item u-flex u-border-bottom u-row-between u-flex-nowrap" v-for="item in list" :key="item.id" @click="goArticleDetail(item.id)">
+                    <view class="u-body-item u-flex u-border-bottom u-row-between u-flex-nowrap" v-for="item in list"
+                        :key="item.id" @click="goArticleDetail(item.id)">
                         <view class="u-flex u-flex-nowrap">
-                            <u-image width="50rpx" height="50rpx" :src="item.coverImage" mode="aspectFill" class="u-margin-right-10"></u-image>
-                            <view class="u-body-item-title u-line-2">{{item.title}}</view>
+                            <u-image width="50rpx" height="50rpx" :src="item.coverImage" mode="aspectFill"
+                                class="u-margin-right-10"></u-image>
+                            <view class="u-body-item-title u-line-2">{{ item.title }}</view>
                         </view>
                         <view class="coreshop-text-gray u-text-right coreshop-justify-end">
                             <u-icon name="arrow-right-double"></u-icon>
@@ -20,7 +22,8 @@
                     </view>
                 </view>
                 <view class="" slot="foot">
-                    <u-loadmore :status="status" :icon-type="iconType" :load-text="loadText" margin-top="0" margin-bottom="20" class="u-padding-top-20" />
+                    <u-loadmore :status="status" :icon-type="iconType" :load-text="loadText" margin-top="0"
+                        margin-bottom="20" class="u-padding-top-20" />
                 </view>
             </u-card>
         </view>
@@ -30,89 +33,89 @@
 </template>
 
 <script>
-    import { articles, tools } from '@/common/mixins/mixinsHelper.js';
-    export default {
-        mixins: [articles, tools],
-        data() {
-            return {
-                cid: 0, // 文章分类id
-                page: 1,
-                limit: 10,
-                list: [],
-                status: 'loadmore',
-                iconType: 'flower',
-                loadText: {
-                    loadmore: '轻轻上拉',
-                    loading: '努力加载中',
-                    nomore: '实在没有了'
-                },
-                articleType: [],
-                typeName: '',
-                current: 0
-            };
-        },
-        onLoad(options) {
-            if (options.cid) {
-                this.cid = Number(options.cid);
-            } else {
-                this.cid = 1;
-            }
-
-            this.articleList();
-            if (options.current) {
-                this.current = options.current;
-            }
-        },
-        onReachBottom() {
-            if (this.status === 'loadmore') {
-                this.articleList();
-            }
-        },
-        methods: {
-            articleList() {
-                let data = {
-                    page: this.page,
-                    limit: this.limit,
-                    id: this.cid
-                };
-                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.cid === this.articleType[i].id) {
-                                this.current = i;
-                            }
-                        }
-                        this.typeName = res.data.typeName;
-                        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);
-                    }
-                });
+import { articles, tools } from '@/common/mixins/mixinsHelper.js';
+export default {
+    mixins: [articles, tools],
+    data() {
+        return {
+            cid: 0, // 文章分类id
+            page: 1,
+            limit: 10,
+            list: [],
+            status: 'loadmore',
+            iconType: 'flower',
+            loadText: {
+                loadmore: '轻轻上拉',
+                loading: '努力加载中',
+                nomore: '实在没有了'
             },
-            change(index) {
-                this.current = index;
-                this.cid = this.articleType[index].id;
-                this.list = [];
-                this.page = 1;
-                this.limit = 10;
-                this.loadStatus = 'more';
-                this.articleList();
-            }
+            articleType: [],
+            typeName: '',
+            current: 0
+        };
+    },
+    onLoad(options) {
+        if (options.cid) {
+            this.cid = Number(options.cid);
+        } else {
+            this.cid = 1;
         }
-    };
+
+        this.articleList();
+        if (options.current) {
+            this.current = options.current;
+        }
+    },
+    onReachBottom() {
+        if (this.status === 'loadmore') {
+            this.articleList();
+        }
+    },
+    methods: {
+        articleList() {
+            let data = {
+                page: this.page,
+                limit: this.limit,
+                id: this.cid
+            };
+            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.cid === this.articleType[i].id) {
+                            this.current = i;
+                        }
+                    }
+                    this.typeName = res.data.typeName;
+                    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(index) {
+            this.current = index;
+            this.cid = this.articleType[index].id;
+            this.list = [];
+            this.page = 1;
+            this.limit = 10;
+            this.loadStatus = 'more';
+            this.articleList();
+        }
+    }
+};
 </script>
 
 <style lang="scss" scoped>
-    @import "list.scss";
+@import "list.scss";
 </style>