@atomicservice/ascf-base 1.0.15 → 1.0.17

package/dist/templates/ascfMall/pages/Page_MainTab/Page_Message/index.hxml

@@ -0,0 +1,235 @@
+<view class="message-container">
+  <!-- 标签栏 -->
+  <view class="tab-bar" style="border:0px;">
+    <block has:for="{{tabs}}" has:key="id">
+      <view class="tab-item" bind:tap="changeTabactive" data-index="{{index}}">
+        <text class="tab-bar-text {{currentIndex == index ? 'tab-bar-text-active' : ''}}">{{item.name}}</text>
+        <view class="underline-show" has:if="{{currentIndex == index}}"></view>
+        <view class="underline-hide" has:if="{{currentIndex != index}}"></view>
+        <view class="tab-count" has:if="{{item.count > 0}}">{{item.count}}</view>
+      </view>
+    </block>
+  </view>
+
+  <!-- 顶部操作栏 -->
+  <view class="action-bar">
+    <view class="action-buttons">
+      <view class="action-btn {{activeTab === 'all' ? 'active' : ''}}" bind:tap="showAllMessages">
+        <text>全部</text>
+      </view>
+      <view class="action-btn {{activeTab === 'unread' ? 'active' : ''}}" bind:tap="markAllAsRead" has:if="{{unreadCount > 0}}">
+        <text>全部标记已读</text>
+      </view>
+    </view>
+  </view>
+
+  <!-- 消息列表 -->
+  <view class="message-list">
+    <!-- 显示所有消息 -->
+    <block has:if="{{activeTab === 'all'}}">
+      <view class="message-section">
+        <view class="section-title">
+          <text class="title-text">客服消息</text>
+        </view>
+        <view class="message-item"
+              has:for="{{messages.serviceNotifications}}"
+              has:key="id"
+              bind:tap="viewMessageDetail"
+              data-message="{{item}}"
+        >
+          <view class="message-content" data-id="{{item.id}}" data-type="{{item.type}}">
+            <view class="message-left">
+              <view class="message-icon">{{getMessageIcon(item.type, item.subtype)}}</view>
+              <view class="message-info">
+                <view class="message-title {{item.isRead ? 'read' : ''}}">{{item.title}}</view>
+                <view class="message-content-text {{item.isRead ? 'read' : ''}}">{{item.content}}</view>
+                <view class="message-time">{{item.time}}</view>
+              </view>
+            </view>
+            <view class="message-right">
+              <view class="unread-dot" has:if="{{!item.isRead}}"></view>
+              <view class="message-actions">
+                <view class="delete-btn"
+                      bind:tap="deleteMessage"
+                      data-id="{{item.id}}"
+                      data-type="{{item.type}}"
+                >✕</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="message-section">
+        <view class="section-title">
+          <text class="title-text">订单通知</text>
+        </view>
+        <view class="message-item"
+              has:for="{{messages.orderNotifications}}"
+              has:key="id"
+              bind:tap="viewMessageDetail"
+              data-message="{{item}}"
+        >
+          <view class="message-content" data-id="{{item.id}}" data-type="{{item.type}}">
+            <view class="message-left">
+              <view class="message-icon">{{getMessageIcon(item.type, item.subtype)}}</view>
+              <view class="message-info">
+                <view class="message-title {{item.isRead ? 'read' : ''}}">{{item.title}}</view>
+                <view class="message-content-text {{item.isRead ? 'read' : ''}}">{{item.content}}</view>
+                <view class="message-time">{{item.time}}</view>
+              </view>
+            </view>
+            <view class="message-right">
+              <view class="unread-dot" has:if="{{!item.isRead}}"></view>
+              <view class="message-actions">
+                <view class="delete-btn"
+                      bind:tap="deleteMessage"
+                      data-id="{{item.id}}"
+                      data-type="{{item.type}}"
+                >✕</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="message-section">
+        <view class="section-title">
+          <text class="title-text">优惠活动</text>
+        </view>
+        <view class="message-item"
+              has:for="{{messages.promotionNotifications}}"
+              has:key="id"
+              bind:tap="viewMessageDetail"
+              data-message="{{item}}"
+        >
+          <view class="message-content" data-id="{{item.id}}" data-type="{{item.type}}">
+            <view class="message-left">
+              <view class="message-icon">{{getMessageIcon(item.type, item.subtype)}}</view>
+              <view class="message-info">
+                <view class="message-title {{item.isRead ? 'read' : ''}}">{{item.title}}</view>
+                <view class="message-content-text {{item.isRead ? 'read' : ''}}">{{item.content}}</view>
+                <view class="message-time">{{item.time}}</view>
+              </view>
+            </view>
+            <view class="message-right">
+              <view class="unread-dot" has:if="{{!item.isRead}}"></view>
+              <view class="message-actions">
+                <view class="delete-btn"
+                      bind:tap="deleteMessage"
+                      data-id="{{item.id}}"
+                      data-type="{{item.type}}"
+                >✕</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="message-section">
+        <view class="section-title">
+          <text class="title-text">系统通知</text>
+        </view>
+        <view class="message-item"
+              has:for="{{messages.systemNotifications}}"
+              has:key="id"
+              bind:tap="viewMessageDetail"
+              data-message="{{item}}"
+        >
+          <view class="message-content" data-id="{{item.id}}" data-type="{{item.type}}">
+            <view class="message-left">
+              <view class="message-icon">{{getMessageIcon(item.type, item.subtype)}}</view>
+              <view class="message-info">
+                <view class="message-title {{item.isRead ? 'read' : ''}}">{{item.title}}</view>
+                <view class="message-content-text {{item.isRead ? 'read' : ''}}">{{item.content}}</view>
+                <view class="message-time">{{item.time}}</view>
+              </view>
+            </view>
+            <view class="message-right">
+              <view class="unread-dot" has:if="{{!item.isRead}}"></view>
+              <view class="message-actions">
+                <view class="delete-btn"
+                      bind:tap="deleteMessage"
+                      data-id="{{item.id}}"
+                      data-type="{{item.type}}"
+                >✕</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!-- 按分类显示（如 order, promotion 等） -->
+    <block has:if="{{activeTab === 'unread'}}">
+      <view class="message-section">
+        <view class="section-title">
+          <text class="title-text">未读消息</text>
+        </view>
+        <view class="message-item"
+              has:for="{{unreadMessages}}"
+              has:key="id"
+              bind:tap="viewMessageDetail"
+              data-message="{{item}}"
+        >
+          <view class="message-content" data-id="{{item.id}}" data-type="{{item.type}}">
+            <view class="message-left">
+              <view class="message-icon">{{getMessageIcon(item.type, item.subtype)}}</view>
+              <view class="message-info">
+                <view class="message-title {{item.isRead ? 'read' : ''}}">{{item.title}}</view>
+                <view class="message-content-text {{item.isRead ? 'read' : ''}}">{{item.content}}</view>
+                <view class="message-time">{{item.time}}</view>
+              </view>
+            </view>
+            <view class="message-right">
+              <view class="unread-dot" has:if="{{!item.isRead}}"></view>
+              <view class="message-actions">
+                <view class="delete-btn"
+                      bind:tap="deleteMessage"
+                      data-id="{{item.id}}"
+                      data-category="{{item.category}}"
+                >✕</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </block>
+    
+    <!-- 按分类显示（如 order, promotion 等） -->
+    <block has:if="{{activeTab !== 'all' && activeTab !== 'unread'}}">
+      <view class="message-section">
+        <view class="section-title">
+          <text class="title-text">{{getTabName(activeTab)}}</text>
+        </view>
+        <view class="message-item"
+              has:for="{{messages[activeTab + 'Notifications']}}"
+              has:key="id"
+              bind:tap="viewMessageDetail"
+              data-message="{{item}}"
+        >
+          <view class="message-content" data-id="{{item.id}}" data-type="{{item.type}}">
+            <view class="message-left">
+              <view class="message-icon">{{getMessageIcon(item.type, item.subtype)}}</view>
+              <view class="message-info">
+                <view class="message-title {{item.isRead ? 'read' : ''}}">{{item.title}}</view>
+                <view class="message-content-text {{item.isRead ? 'read' : ''}}">{{item.content}}</view>
+                <view class="message-time">{{item.time}}</view>
+              </view>
+            </view>
+            <view class="message-right">
+              <view class="unread-dot" has:if="{{!item.isRead}}"></view>
+              <view class="message-actions">
+                <view class="delete-btn"
+                      bind:tap="deleteMessage"
+                      data-id="{{item.id}}"
+                      data-type="{{item.type}}"
+                >✕</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </block>
+  </view>
+</view>

package/dist/templates/ascfMall/pages/Page_MainTab/Page_Message/index.js

@@ -0,0 +1,283 @@
+Page({
+  data: {
+    messages: {
+      orderNotifications: [
+        {
+          id: 1,
+          title: '订单发货通知',
+          content: '您的订单 #2024072801 已发货，预计明天送达',
+          type: 'order',
+          subtype: 'shipping',
+          time: '2024-07-28 14:30',
+          isRead: false,
+          orderId: '2024072801',
+          orderItems: [
+            { name: '夏季防晒霜', quantity: 1, image: '/pages/Page_MainTab/Page_Home/TO_DELETE/listmall/2/1.jpg' }
+          ]
+        },
+        {
+          id: 2,
+          title: '订单已完成',
+          content: '您的订单 #2024072705 已完成交易，感谢您的购买',
+          type: 'order',
+          subtype: 'completed',
+          time: '2024-07-28 10:15',
+          isRead: true,
+          orderId: '2024072705'
+        }
+      ],
+      promotionNotifications: [
+        {
+          id: 3,
+          title: '限时优惠活动',
+          content: '夏日清仓特惠，全场商品最高8折，仅限本周！',
+          type: 'promotion',
+          subtype: 'discount',
+          time: '2024-07-28 09:00',
+          isRead: false,
+          discount: '最高8折',
+          endTime: '2024-08-04 23:59'
+        },
+        {
+          id: 4,
+          title: '新人专享优惠券',
+          content: '恭喜您获得20元新人优惠券，首单立减！',
+          type: 'promotion',
+          subtype: 'coupon',
+          time: '2024-07-27 16:45',
+          isRead: true,
+          couponValue: '20元',
+          minAmount: '50元'
+        }
+      ],
+      systemNotifications: [
+        {
+          id: 5,
+          title: '系统维护通知',
+          content: '系统将于今晚23:00-23:30进行维护升级，期间可能影响使用',
+          type: 'system',
+          subtype: 'maintenance',
+          time: '2024-07-28 08:00',
+          isRead: false,
+          maintenanceTime: '23:00-23:30'
+        },
+        {
+          id: 6,
+          title: '隐私政策更新',
+          content: '我们的隐私政策已更新，请查看最新内容',
+          type: 'system',
+          subtype: 'policy',
+          time: '2024-07-26 14:20',
+          isRead: true,
+          policyVersion: 'v2.1'
+        }
+      ],
+      serviceNotifications: [
+        {
+          id: 7,
+          title: '客服回复',
+          content: '您的问题已解答，如有其他疑问请随时联系我们',
+          type: 'service',
+          subtype: 'reply',
+          time: '2024-07-28 15:20',
+          isRead: false,
+          serviceType: '售前咨询'
+        },
+        {
+          id: 8,
+          title: '售后进度更新',
+          content: '您的退款申请已通过，预计3-5个工作日到账',
+          type: 'service',
+          subtype: 'afterSales',
+          time: '2024-07-27 11:30',
+          isRead: true,
+          refundAmount: '￥189',
+          refundStatus: '已通过'
+        }
+      ]
+    },
+    tabs: [
+      { id: 'all', name: '全部', count: 8 },
+      { id: 'unread', name: '未读', count: 3 },
+      { id: 'order', name: '订单', count: 2 },
+      { id: 'promotion', name: '优惠', count: 2 },
+      { id: 'system', name: '系统', count: 2 },
+      { id: 'service', name: '客服', count: 2 }
+    ],
+    activeTab: 'all',
+    currentIndex: 0,
+    unreadCount: 3,
+    total: 8,
+    unreadMessages: [],
+    refreshing: false,
+    confirmDelete: {
+      show: false,
+      messageId: null,
+      messageType: null
+    },
+    messageTimer: null
+  },
+
+  showAllMessages: function () {
+    this.setData({
+      activeTab: 'all',
+      currentIndex: 0
+    });
+  },
+
+  markAsRead: function (e) {
+    const messageId = e.currentTarget.dataset.id;
+    const messageType = e.currentTarget.dataset.type;
+
+    if (this.data.messages[messageType + 'Notifications']) {
+      const messages = this.data.messages[messageType + 'Notifications'];
+      const messageIndex = messages.findIndex(msg => msg.id === messageId);
+      if (messageIndex !== -1) {
+        messages[messageIndex].isRead = true;
+        this.setData({
+          [`messages.${messageType}Notifications`]: messages
+        });
+        this.updateTabCounts();
+
+        // 如果当前未读消息列表中有这条消息，更新它
+        if (this.data.activeTab === 'unread' && this.data.unreadMessages) {
+          const unreadMessages = this.data.unreadMessages.filter(msg => msg.id !== messageId);
+          this.setData({
+            unreadMessages: unreadMessages
+          });
+        }
+      }
+    }
+  },
+
+  markAllAsRead: function () {
+    const types = ['order', 'promotion', 'system', 'service'];
+    types.forEach(type => {
+      const key = type + 'Notifications';
+      const messages = this.data.messages[key];
+      if (messages) {
+        messages.forEach(msg => {
+          msg.isRead = true;
+        });
+        this.setData({
+          [`messages.${key}`]: messages
+        });
+      }
+    });
+    this.getUnreadMessages();
+    this.updateTabCounts();
+    has.showToast({
+      title: '已全部标记为已读',
+      duration: 1000
+    });
+  },
+  changeTabactive: function (e) {
+    const index = e.currentTarget.dataset.index;
+    const activeTab = this.data.tabs[index].id;
+
+    this.setData({
+      currentIndex: index,
+      activeTab: activeTab
+    });
+    if (activeTab === 'unread') {
+      this.getUnreadMessages();
+    }
+
+    console.log('Tab切换:', index, activeTab);
+  },
+  getUnreadMessages: function () {
+    const unreadMessages = [];
+    const categories = ['order', 'promotion', 'system', 'service'];
+
+    categories.forEach(type => {
+      const key = type + 'Notifications';
+      const messages = this.data.messages[key];
+      if (messages) {
+        const unread = messages.filter(msg => !msg.isRead);
+        unread.forEach(msg => {
+          msg.category = type;
+        });
+        unreadMessages.push(...unread);
+      }
+    });
+    unreadMessages.sort((a, b) => new Date(b.time) - new Date(a.time));
+    this.setData({
+      unreadMessages: unreadMessages
+    });
+  }
+  ,
+
+  viewMessageDetail: function (e) {
+    const message = e.currentTarget.dataset.message;
+    if (!message.isRead) {
+      this.markAsRead(e);
+    }
+    switch (message.type) {
+      case 'order':
+        console.log('跳转到订单详情,订单ID:', message.orderId);
+        break;
+      case 'promotion':
+        console.log('跳转到优惠活动详情');
+        break;
+      case 'system':
+        console.log('跳转到系统通知详情');
+        break;
+      case 'service':
+        console.log('跳转到客服对话页面');
+        break;
+    }
+  },
+  deleteMessage: function (e) {
+    const messageId = e.currentTarget.dataset.id;
+    const messageType = e.currentTarget.dataset.type || e.currentTarget.dataset.category;
+    const key = messageType + 'Notifications';
+    const messages = this.data.messages[key];
+    if (messages) {
+      const filteredMessages = messages.filter(msg => msg.id !== messageId);
+      this.setData({
+        [`messages.${key}`]: filteredMessages,
+        confirmDelete: { show: false, messageId: null, messageType: null }
+      });
+      this.updateTabCounts();
+      has.showToast({
+        title: '已删除',
+        duration: 1000
+      });
+    }
+    this.setData({
+      confirmDelete: {
+        show: true,
+        messageId,
+        messageType
+      }
+    });
+  },
+  updateTabCounts: function () {
+    const messages = this.data.messages;
+    const tabs = [...this.data.tabs];
+
+    const total =
+      messages.orderNotifications.length +
+      messages.promotionNotifications.length +
+      messages.systemNotifications.length +
+      messages.serviceNotifications.length;
+
+    const unreadCount =
+      messages.orderNotifications.filter(m => !m.isRead).length +
+      messages.promotionNotifications.filter(m => !m.isRead).length +
+      messages.systemNotifications.filter(m => !m.isRead).length +
+      messages.serviceNotifications.filter(m => !m.isRead).length;
+
+    tabs[0].count = total;
+    tabs[1].count = unreadCount;
+    tabs[2].count = messages.orderNotifications.length;
+    tabs[3].count = messages.promotionNotifications.length;
+    tabs[4].count = messages.systemNotifications.length;
+    tabs[5].count = messages.serviceNotifications.length;
+    this.setData({
+      tabs: tabs,
+      unreadCount: unreadCount,
+      total: total
+    });
+  },
+});

package/dist/templates/ascfMall/pages/Page_MainTab/Page_Message/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "消息中心",
+  "enablePullDownRefresh": true
+}

package/dist/templates/ascfMall/pages/Page_MainTab/Page_Shoppingcart/index.css

@@ -0,0 +1 @@
+

package/dist/templates/ascfMall/pages/Page_MainTab/Page_Shoppingcart/index.hxml

@@ -0,0 +1,4 @@
+<view>
+  <shoppingcarts address="{{address}}" show="{{showpay}}" no_edit="true" datas="{{datas_shoppingcart}}"
+    shoppingcartnumbers="{{datas_shoppingcart.list.length}}"></shoppingcarts>
+</view>

package/dist/templates/ascfMall/pages/Page_MainTab/Page_Shoppingcart/index.js

@@ -0,0 +1,62 @@
+Page({
+  data: {
+    //收货地址
+    address: '开发区九峰三路207号A1栋',
+    //购物车信息
+    datas_shoppingcart: {
+      checked: '/pages/Page_MainTab/Page_Shoppingcart/img/checked.png',
+      unChecked: '/pages/Page_MainTab/Page_Shoppingcart/img/unchecked.png',
+      list: [
+        {
+          goods_pic:
+            '/pages/Page_MainTab/Page_Shoppingcart/TO_DELETE/find1.png', //商品图片
+          goods_name: '凉鞋', //商品名称
+          goods_numbers: '大码', //商品规格
+          goods_discount: 40.8, //商品折扣
+          goods_price: 58.8, //商品价格
+          choosed: true, //是否选中该商品
+          number: 4, //商品购买数量
+        },
+        {
+          goods_pic:
+            '/pages/Page_MainTab/Page_Shoppingcart/TO_DELETE/find2.png',
+          goods_name: '女士休闲鞋',
+          goods_numbers: '中码',
+          goods_discount: 40,
+          goods_price: 58.8,
+          number: 1,
+          choosed: true,
+        },
+        {
+          goods_pic:
+            '/pages/Page_MainTab/Page_Shoppingcart/TO_DELETE/find1.png',
+          goods_name: '凉鞋女',
+          goods_numbers: '大小码',
+          goods_discount: 40,
+          goods_price: 58.8,
+          choosed: true,
+          number: 1,
+        },
+        {
+          goods_pic:
+            '/pages/Page_MainTab/Page_Shoppingcart/TO_DELETE/find2.png',
+          goods_name: '女士休闲鞋',
+          goods_numbers: '小码',
+          goods_discount: 40.2222,
+          goods_price: 58.118,
+          choosed: true,
+          number: 1,
+        },
+      ],
+    },
+  },
+    onShow() {
+    const cachedAddress = has.getStorageSync('selectedAddress');
+    if (cachedAddress) {
+      this.setData({
+        'address': cachedAddress
+      });
+      has.removeStorageSync('selectedAddress');
+    }
+  },
+});

package/dist/templates/ascfMall/pages/Page_MainTab/Page_Shoppingcart/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "shoppingcarts": "/component/c_shoppingcart/c_shoppingcart"
+  },
+  "navigationBarTitleText": "电商"
+}