jmash-core-mp 0.1.76 → 0.1.78

package/src/components/cms/jmash-cms-product-item.mpx

@@ -1,185 +1,185 @@
-<template>
-    <view class="product-grid">
-        <view class="product-card" wx:for="{{ articleList }}" wx:key="infoId" bind:tap="handleInfo"
-            data-item="{{ item }}">
-            <view class="product-image">
-                <image wx:if="{{ imageUrl }}" class="product-image-thumb" src="{{ imageUrl + item.imgUrl }}"
-                    mode="aspectFill" />
-            </view>
-            <view class="product-body">
-                <view class="product-name">{{ item.infoTitle }}</view>
-                <view class="product-desc">{{ item.intro }}</view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-import mpx, { createComponent, ref } from "@mpxjs/core";
-import { EventBase } from "../../api/types";
-import { cmsApi } from '../../api/cms';
-import { CmsInfoModel } from '../../api/cms/types';
-
-createComponent({
-    properties: {
-        // 组织租户
-        organTenant: {
-            type: String,
-            value: ""
-        },
-        // 站点ID
-        siteId: {
-            type: String,
-            value: ""
-        },
-        // 栏目ID
-        channelId: {
-            type: String,
-            value: ""
-        },
-        // 栏目别名
-        channelAlias: {
-            type: String,
-            value: ""
-        },
-        // 数量
-        pageSize: {
-            type: Number,
-            value: 5
-        }
-    },
-    setup(props) {
-        let config = getApp().globalData.config;
-        // 资源路径
-        let resourceUrl = config.resourceUrl + '/images';
-        // 文章列表
-        let articleList = ref([] as CmsInfoModel[]);
-        console.log("cms", props);
-
-        const loadRecords = function (page: number = 1) {
-            cmsApi.findCmsInfoPage({
-                tenant: props.organTenant || config.siteTenant,
-                siteId: props.siteId,
-                channelId: props.channelId,
-                channelAlias: props.channelAlias,
-                curPage: 1,
-                pageSize: props.pageSize,
-                status: 'published',
-            }).then(res => {
-                if (res.statusCode === 200) {
-                    articleList.value = res.data.results || []
-                }
-            })
-        }
-        // 接口图片资源路径 容器宽高度150rpx 裁剪2倍
-        let imageUrl = config.baseUrl + "/v1/file/image/clip/300/300/";
-        loadRecords(1);
-        return { resourceUrl, articleList, imageUrl }
-    },
-    methods: {
-        // 点击详情事件
-        handleInfo(e: EventBase) {
-            let config = getApp().globalData.config;
-            let item = e.currentTarget.dataset.item;
-            mpx.navigateTo({
-                url: '/jmash/pages/cms/cms-article?tenant=' + this.organTenant + '&siteId=' + this.siteId + '&infoId=' + item.infoId,
-            });
-            // 浏览
-            this.handelBrowse(this.organTenant || config.siteTenant, item.infoId);
-            this.triggerEvent("info", item);
-        },
-        // 浏览
-        handelBrowse(tenant: string, infoId: string) {
-            const tempData = {
-                // 用于检测重复请求的唯一字符串ID
-                requestId: Math.random() * 10 + "",
-                // 类型
-                type: "information",
-                // 关系
-                relationId: infoId,
-                // 租户
-                tenant: tenant
-            };
-            cmsApi.createfrontBrowseRecord(tempData);
-        },
-    }
-})
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-// 商品宫格
-.product-grid {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 16rpx;
-
-    .product-card {
-        width: calc((100% - 16rpx) / 2);
-        background: #fff;
-        border-radius: 16rpx;
-        overflow: hidden;
-        box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
-        transition: transform 0.2s;
-
-        &:active {
-            transform: scale(0.97);
-        }
-
-        .product-image {
-            width: 100%;
-            height: 340rpx;
-            background: #f0f0f0;
-            overflow: hidden;
-
-            .product-image-thumb {
-                width: 100%;
-                height: 100%;
-            }
-        }
-
-        .product-body {
-            padding: 20rpx 16rpx;
-
-            .product-name {
-                font-size: 28rpx;
-                font-weight: 600;
-                color: #222;
-                line-height: 1.4;
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                margin-bottom: 8rpx;
-            }
-
-            .product-desc {
-                font-size: 22rpx;
-                color: #999;
-                line-height: 1.5;
-                overflow: hidden;
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 2;
-                text-overflow: ellipsis;
-            }
-        }
-    }
-}
-
-.load-tip {
-    text-align: center;
-    padding: 30rpx;
-    font-size: 24rpx;
-    color: #ccc;
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {
-        "jmash-cms-like": "./jmash-cms-like"
-    }
-}
-</script>
+<template>
+    <view class="product-grid">
+        <view class="product-card" wx:for="{{ articleList }}" wx:key="infoId" bind:tap="handleInfo"
+            data-item="{{ item }}">
+            <view class="product-image">
+                <image wx:if="{{ imageUrl }}" class="product-image-thumb" src="{{ imageUrl + item.imgUrl }}"
+                    mode="aspectFill" />
+            </view>
+            <view class="product-body">
+                <view class="product-name">{{ item.infoTitle }}</view>
+                <view class="product-desc">{{ item.intro }}</view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+import mpx, { createComponent, ref } from "@mpxjs/core";
+import { EventBase } from "../../api/types";
+import { cmsApi } from '../../api/cms';
+import { CmsInfoModel } from '../../api/cms/types';
+
+createComponent({
+    properties: {
+        // 组织租户
+        organTenant: {
+            type: String,
+            value: ""
+        },
+        // 站点ID
+        siteId: {
+            type: String,
+            value: ""
+        },
+        // 栏目ID
+        channelId: {
+            type: String,
+            value: ""
+        },
+        // 栏目别名
+        channelAlias: {
+            type: String,
+            value: ""
+        },
+        // 数量
+        pageSize: {
+            type: Number,
+            value: 5
+        }
+    },
+    setup(props) {
+        let config = getApp().globalData.config;
+        // 资源路径
+        let resourceUrl = config.resourceUrl + '/images';
+        // 文章列表
+        let articleList = ref([] as CmsInfoModel[]);
+        console.log("cms", props);
+
+        const loadRecords = function (page: number = 1) {
+            cmsApi.findCmsInfoPage({
+                tenant: props.organTenant || config.siteTenant,
+                siteId: props.siteId,
+                channelId: props.channelId,
+                channelAlias: props.channelAlias,
+                curPage: 1,
+                pageSize: props.pageSize,
+                status: 'published',
+            }).then(res => {
+                if (res.statusCode === 200) {
+                    articleList.value = res.data.results || []
+                }
+            })
+        }
+        // 接口图片资源路径 容器宽高度150rpx 裁剪2倍
+        let imageUrl = config.baseUrl + "/v1/file/image/clip/300/300/";
+        loadRecords(1);
+        return { resourceUrl, articleList, imageUrl }
+    },
+    methods: {
+        // 点击详情事件
+        handleInfo(e: EventBase) {
+            let config = getApp().globalData.config;
+            let item = e.currentTarget.dataset.item;
+            mpx.navigateTo({
+                url: '/jmash/pages/cms/cms-article?tenant=' + this.organTenant + '&siteId=' + this.siteId + '&infoId=' + item.infoId,
+            });
+            // 浏览
+            this.handelBrowse(this.organTenant || config.siteTenant, item.infoId);
+            this.triggerEvent("info", item);
+        },
+        // 浏览
+        handelBrowse(tenant: string, infoId: string) {
+            const tempData = {
+                // 用于检测重复请求的唯一字符串ID
+                requestId: Math.random() * 10 + "",
+                // 类型
+                type: "information",
+                // 关系
+                relationId: infoId,
+                // 租户
+                tenant: tenant
+            };
+            cmsApi.createfrontBrowseRecord(tempData);
+        },
+    }
+})
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+// 商品宫格
+.product-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16rpx;
+
+    .product-card {
+        width: calc((100% - 16rpx) / 2);
+        background: #fff;
+        border-radius: 16rpx;
+        overflow: hidden;
+        box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+        transition: transform 0.2s;
+
+        &:active {
+            transform: scale(0.97);
+        }
+
+        .product-image {
+            width: 100%;
+            height: 340rpx;
+            background: #f0f0f0;
+            overflow: hidden;
+
+            .product-image-thumb {
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        .product-body {
+            padding: 20rpx 16rpx;
+
+            .product-name {
+                font-size: 28rpx;
+                font-weight: 600;
+                color: #222;
+                line-height: 1.4;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                margin-bottom: 8rpx;
+            }
+
+            .product-desc {
+                font-size: 22rpx;
+                color: #999;
+                line-height: 1.5;
+                overflow: hidden;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 2;
+                text-overflow: ellipsis;
+            }
+        }
+    }
+}
+
+.load-tip {
+    text-align: center;
+    padding: 30rpx;
+    font-size: 24rpx;
+    color: #ccc;
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {
+        "jmash-cms-like": "./jmash-cms-like"
+    }
+}
+</script>