jmash-core-mp 0.1.76 → 0.1.78

package/src/components/cms/jmash-cms-like.mpx

@@ -1,152 +1,152 @@
-/**
-* 底部时间、点赞数、预览数组件
-* @param organTenant 租户 String
-* @param interactId 互动ID String
-* @param publishDate 发布时间 String
-*/
-<template>
-    <view class="cms-bottom">
-        <!-- 时间 -->
-        <view>{{ showDate }}</view>
-
-        <view class="cms-bottom-right">
-            <!-- 浏览 -->
-            <view class="cms-bottom-look">
-                <image wx:if="{{ resourceUrl }}" class="bottom-look-image-left"
-                    src="{{ resourceUrl + '/icon_image/eye_open.png' }}" mode="widthFix" />
-                <view>{{ browseCount }}</view>
-            </view>
-            <!-- 点赞 -->
-            <view class="cms-bottom-look" catch:tap="handleLike" data-infoid="{{ interactId }}">
-                <image wx:if="{{ resourceUrl }}" class="bottom-look-image-right"
-                    src="{{ !isLikeStatus ? resourceUrl+'/icon_image/thumbs_up.png' : resourceUrl+'/icon_image/like_fill2x.png' }}"
-                    mode="widthFix" />
-                <view>{{ likeCount }}</view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-import { createComponent, ref, toRefs, watch, computed } from '@mpxjs/core'
-import { cmsApi } from '../../api/cms/index'
-import { FrontLikeCreateReq } from '../../api/cms/types'
-import { EventBase } from '../../api/types'
-
-createComponent({
-    properties: {
-        // 租户
-        organTenant: {
-            type: String,
-            value: ""
-        },
-        // 互动ID
-        interactId: {
-            type: String,
-            value: ""
-        },
-        // 发布时间
-        publishDate: {
-            type: String,
-            value: ""
-        }
-    },
-    setup(props) {
-        let config = getApp().globalData.config;
-        let browseCount = ref(0);
-        let likeCount = ref(0);
-        let isLikeStatus = ref(false);
-        let resourceUrl = config.resourceUrl + "/images";
-        // 点赞和收藏数量
-        let queryInteractData = function (tenant: string, interactId: string) {
-            cmsApi.cmsInfoInteractId({ interactId: interactId, tenant: tenant }).then((response) => {
-                likeCount.value = response.data.likeCount;
-                browseCount.value = response.data.browseCount;
-            });
-        }
-        // 是否已点赞
-        let queryIsLike = function (tenant: string, interactId: string) {
-            cmsApi.isLike({ relationId: interactId, tenant: tenant }).then((response) => {
-                isLikeStatus.value = response.data === 'true';
-            });
-        }
-        // 监听
-        const { interactId } = toRefs(props)
-        watch(interactId, (newVal) => {
-            queryInteractData(props.organTenant, newVal);
-            queryIsLike(props.organTenant, newVal);
-        })
-        queryInteractData(props.organTenant, props.interactId);
-        queryIsLike(props.organTenant, props.interactId);
-
-        const showDate = computed(() => props.publishDate.substring(0, 10))
-
-        return { showDate, resourceUrl, isLikeStatus, likeCount, browseCount, queryInteractData, queryIsLike };
-    },
-    methods: {
-        // 点赞/取消点赞
-        handleLike(e: EventBase) {
-            let config = getApp().globalData.config;
-            const tempData = {
-                // 用于检测重复请求的唯一字符串ID
-                requestId: Math.random() * 10 + "",
-                // 点赞类型
-                likeType: "info",
-                // 关系
-                relationId: e.currentTarget?.dataset.infoid,
-                // 点赞true/取消点赞false
-                action: !this.isLikeStatus,
-                // 租户
-                tenant: this.organTenant || config.tenant
-            } as FrontLikeCreateReq;
-            // 点赞/取消点赞
-            cmsApi.frontLike(tempData).then((response) => {
-                if (response.data.likeId) {
-                    // 获取互动数据
-                    this.queryInteractData(this.organTenant, e.currentTarget?.dataset.infoid);
-                    // 是否已点赞
-                    this.queryIsLike(this.organTenant, e.currentTarget?.dataset.infoid);
-                }
-            });
-        },
-    }
-})
-</script>
-
-<style lang="scss">
-// 时间预览点赞
-.cms-bottom {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    color: #999;
-    font-size: 12px;
-
-    // 预览/点赞
-    .cms-bottom-right {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 55rpx;
-
-        .cms-bottom-look {
-            display: flex;
-            align-items: center;
-
-            .bottom-look-image-left,
-            .bottom-look-image-right {
-                width: 32rpx;
-                height: 32rpx;
-                margin-right: 10rpx;
-            }
-        }
-    }
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {}
-}
+/**
+* 底部时间、点赞数、预览数组件
+* @param organTenant 租户 String
+* @param interactId 互动ID String
+* @param publishDate 发布时间 String
+*/
+<template>
+    <view class="cms-bottom">
+        <!-- 时间 -->
+        <view>{{ showDate }}</view>
+
+        <view class="cms-bottom-right">
+            <!-- 浏览 -->
+            <view class="cms-bottom-look">
+                <image wx:if="{{ resourceUrl }}" class="bottom-look-image-left"
+                    src="{{ resourceUrl + '/icon_image/eye_open.png' }}" mode="widthFix" />
+                <view>{{ browseCount }}</view>
+            </view>
+            <!-- 点赞 -->
+            <view class="cms-bottom-look" catch:tap="handleLike" data-infoid="{{ interactId }}">
+                <image wx:if="{{ resourceUrl }}" class="bottom-look-image-right"
+                    src="{{ !isLikeStatus ? resourceUrl+'/icon_image/thumbs_up.png' : resourceUrl+'/icon_image/like_fill2x.png' }}"
+                    mode="widthFix" />
+                <view>{{ likeCount }}</view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+import { createComponent, ref, toRefs, watch, computed } from '@mpxjs/core'
+import { cmsApi } from '../../api/cms/index'
+import { FrontLikeCreateReq } from '../../api/cms/types'
+import { EventBase } from '../../api/types'
+
+createComponent({
+    properties: {
+        // 租户
+        organTenant: {
+            type: String,
+            value: ""
+        },
+        // 互动ID
+        interactId: {
+            type: String,
+            value: ""
+        },
+        // 发布时间
+        publishDate: {
+            type: String,
+            value: ""
+        }
+    },
+    setup(props) {
+        let config = getApp().globalData.config;
+        let browseCount = ref(0);
+        let likeCount = ref(0);
+        let isLikeStatus = ref(false);
+        let resourceUrl = config.resourceUrl + "/images";
+        // 点赞和收藏数量
+        let queryInteractData = function (tenant: string, interactId: string) {
+            cmsApi.cmsInfoInteractId({ interactId: interactId, tenant: tenant }).then((response) => {
+                likeCount.value = response.data.likeCount;
+                browseCount.value = response.data.browseCount;
+            });
+        }
+        // 是否已点赞
+        let queryIsLike = function (tenant: string, interactId: string) {
+            cmsApi.isLike({ relationId: interactId, tenant: tenant }).then((response) => {
+                isLikeStatus.value = response.data === 'true';
+            });
+        }
+        // 监听
+        const { interactId } = toRefs(props)
+        watch(interactId, (newVal) => {
+            queryInteractData(props.organTenant, newVal);
+            queryIsLike(props.organTenant, newVal);
+        })
+        queryInteractData(props.organTenant, props.interactId);
+        queryIsLike(props.organTenant, props.interactId);
+
+        const showDate = computed(() => props.publishDate.substring(0, 10))
+
+        return { showDate, resourceUrl, isLikeStatus, likeCount, browseCount, queryInteractData, queryIsLike };
+    },
+    methods: {
+        // 点赞/取消点赞
+        handleLike(e: EventBase) {
+            let config = getApp().globalData.config;
+            const tempData = {
+                // 用于检测重复请求的唯一字符串ID
+                requestId: Math.random() * 10 + "",
+                // 点赞类型
+                likeType: "info",
+                // 关系
+                relationId: e.currentTarget?.dataset.infoid,
+                // 点赞true/取消点赞false
+                action: !this.isLikeStatus,
+                // 租户
+                tenant: this.organTenant || config.tenant
+            } as FrontLikeCreateReq;
+            // 点赞/取消点赞
+            cmsApi.frontLike(tempData).then((response) => {
+                if (response.data.likeId) {
+                    // 获取互动数据
+                    this.queryInteractData(this.organTenant, e.currentTarget?.dataset.infoid);
+                    // 是否已点赞
+                    this.queryIsLike(this.organTenant, e.currentTarget?.dataset.infoid);
+                }
+            });
+        },
+    }
+})
+</script>
+
+<style lang="scss">
+// 时间预览点赞
+.cms-bottom {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: #999;
+    font-size: 12px;
+
+    // 预览/点赞
+    .cms-bottom-right {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 55rpx;
+
+        .cms-bottom-look {
+            display: flex;
+            align-items: center;
+
+            .bottom-look-image-left,
+            .bottom-look-image-right {
+                width: 32rpx;
+                height: 32rpx;
+                margin-right: 10rpx;
+            }
+        }
+    }
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {}
+}
 </script>