dolphin-weex-bc 0.0.37 → 0.0.39

package/packages/dof-material-add-card/index.vue

@@ -0,0 +1,645 @@
+<template>
+  <dof-popup
+    :show="showAddCartInsidePopup"
+    @dofPopupOverlayClicked="handleAddCartClose"
+    :height="980"
+    pos="bottom"
+    :popupColor="isDiablo ? '#1e2326' : ''"
+  >
+    <div class="content-add-card">
+      <div class="add-card-title-box">
+        <text :class="['add-card-title', isDiablo && 'add-card-title-isDiablo']">耗材购买</text>
+        <image
+          class="add-card-close"
+          :src="isDiablo ? './assets/img/material/close_diablo@3x.png' : './assets/img/material/close@3x.png'"
+          @click="handleAddCartClose"
+        ></image>
+      </div>
+      <div class="filter-box">
+        <text :class="['filter-all', !filterInsufficientGoodinfo && 'filter-hit']" @click="filterShopInfo(1)"
+          >全部</text
+        >
+        <text :class="['filter-insufficient', filterInsufficientGoodinfo && 'filter-hit']" @click="filterShopInfo(2)"
+          >耗材不足</text
+        >
+      </div>
+      <scroller class="add-card-scroller" show-scrollbar="false" scroll-direction="vertical">
+        <div class="detail-wrapper" :style="{ marginBottom: '16px' }" v-if="goodinfoList.length > 0">
+          <div
+            :class="['shop-card', isDiablo && 'shop-card-isDiablo']"
+            v-for="(item, index) in goodinfoList"
+            :key="index"
+          >
+            <div :class="['card-content', isDiablo && 'card-content-isDiablo']" @click="showGoodsDetail(item)">
+              <image :class="['img-shop', isDiablo && 'img-shop-isDiablo']" :src="item.picInfo"></image>
+              <div class="shop-info">
+                <div class="shop-title">
+                  <text :class="['shop-title-txt', isDiablo && 'shop-title-txt-isDiablo']">{{ item.title }}</text>
+                </div>
+                <text :class="['description-txt', isDiablo && 'description-txt-isDiablo']">{{
+                  item.sellingPoints != 'N/A' && item.sellingPoints != '/' ? item.sellingPoints : ''
+                }}</text>
+                <!-- <text :class="['description-txt', isDiablo && 'description-txt-isDiablo']"
+                  >x{{ repeatProductCodesCount[item.itemCode] }}</text
+                > -->
+                <!-- <div class="price-box">
+                    <text :class="['rmb-1', isDiablo && 'rmb-1-isDiablo']">￥</text><text :class="['pblic-price', isDiablo && 'pblic-price-isDiablo']">199</text>
+                    <text :class="['rmb-2', isDiablo && 'rmb-2-isDiablo']">￥</text><text :class="['discount-price', isDiablo && 'discount-price-isDiablo']">99.5</text>
+                    <image src="./assets/img/material/mei_price@3x.png" class="discount-img" style="width:70px; height:28px;"></image>
+                  </div> -->
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="no-data-steper" v-else>
+          <image class="no-data-img-steper" :src="detailNoData"></image>
+          <text class="no-data-txt">暂无设备耗材</text>
+        </div>
+      </scroller>
+      <dof-button
+        v-if="goodinfoList.length > 0"
+        pattern="base"
+        text="加入购物车"
+        size="full"
+        :btnStyle="{ backgroundColor: isDiablo ? '#0490D3' : '#00A4F2', height: '92px', 'margin-top': '12px' }"
+        :textStyle="{ color: isDiablo ? '#CFCFD0' : '#fff', 'font-size': '32px' }"
+        :isHighlight="false"
+        @dofButtonClicked="addCartThrottle"
+      ></dof-button>
+    </div>
+  </dof-popup>
+</template>
+
+<script>
+// import nativeService from '../settings/nativeService'
+import utils from './settings/utils'
+const bridgeModule = weex.requireModule('bridgeModule')
+import { throttle } from 'lodash'
+import Icon from './settings/icon.base64'
+const mlModule = weex.requireModule('MallModule')
+import { DofPopup, DofButton } from 'dolphin-weex-ui'
+export default {
+  components: {
+    DofPopup,
+    DofButton
+  },
+  props: {
+    showAddCartPopup: {
+      //加购弹窗展示与否
+      type: Boolean,
+      default: false
+    },
+    insufficientGoodinfoList: {
+      //不足耗材商品数据
+      type: Object,
+      default: () => {
+        return []
+      }
+    },
+    repeatProductCodesCount: {
+      //不足耗材商品code件数
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    insufficientProductCodeJson: {
+      //是否是不足耗材商品
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    isDiablo: {
+      type: Boolean,
+      default: false
+    },
+    channel: {
+      //来源----用于埋点等定制化需求
+      type: String,
+      default: 'materialList'
+    }
+  },
+  data() {
+    return {
+      showAddCartInsidePopup: false,
+      goodinfoList: [],
+      detailNoData: Icon.detail_no_data,
+      filterInsufficientGoodinfo: true
+    }
+  },
+  watch: {
+    showAddCartPopup: {
+      handler(val) {
+        this.showAddCartInsidePopup = val
+      }
+    },
+    showAddCartInsidePopup: {
+      handler(val) {
+        if (!val) {
+          this.$emit('cancleShowAddCartPopup')
+        }
+      }
+    },
+    insufficientGoodinfoList: {
+      handler(val) {
+        if (val) {
+          if (this.filterInsufficientGoodinfo) {
+            this.goodinfoList = this.insufficientGoodinfoList.filter(
+              item => this.insufficientProductCodeJson[item.itemCode]
+            )
+          } else {
+            this.goodinfoList = val
+          }
+        }
+      },
+      immediate: true
+    }
+  },
+
+  methods: {
+    filterShopInfo(index) {
+      if (index == 1) {
+        this.goodinfoList = this.insufficientGoodinfoList
+        this.filterInsufficientGoodinfo = false
+      } else {
+        this.goodinfoList = this.insufficientGoodinfoList.filter(
+          item => this.insufficientProductCodeJson[item.itemCode]
+        )
+        this.filterInsufficientGoodinfo = true
+      }
+
+      let trackParam = {
+        event: 'user_behavior_event',
+        eventParams: {
+          page_name: '耗材购买弹窗',
+          page_id: 'consumables_purchase_pop-up',
+          event_name: 'user_behavior_event',
+          module: '插件耗材组件',
+          widget_name: index == 1 ? '筛选全部耗材' : '筛选不足耗材',
+          widget_id: index == 1 ? 'filter_all_consumables' : 'filter_shortage_consumables',
+        }
+      }
+      this.$bridge.trackEvent(trackParam) 
+    },
+
+    showGoodsDetail(item){
+      this.$bridge.goToPage({
+        type: 'jumpElecBusinessWeexNew',
+        param: {
+          url: '/dist/v2/pages/product/product_details.js?skuId=' + item.skuId + '&entrance=consumables',
+          needNavi: '1'
+        }
+      })
+    },
+
+    addCartThrottle: throttle(
+      function() {
+        this.handleAddCart()
+      },
+      2000,
+      { leading: true, trailing: false }
+    ),
+
+    async handleAddCart() {
+      bridgeModule.showLoading()
+      const itemCodeList = this.goodinfoList.map(item => item.itemCode)
+      let productList = []
+      console.log('paramsitemCodeList' + JSON.stringify(itemCodeList))
+      try {
+        //根据itemCode查询SkuId
+        // const res =  await this.querySkuIdByItemCodes(itemCodeList)
+
+        // if(res.code == '000000'){
+        //   //只要有失败的就显示加购失败
+        //   if(res.failedMap && JSON.stringify(obj) !== '{}'){
+        //     this.$bridge.showToast('加购失败')
+        //     return
+        //   }
+        //   if(res.data && res.data.successMap){
+        //     for(let k in res.data.successMap){
+        //       productList.push({
+        //         skuId: res.data.successMap[k].skuId,
+        //         productQty: this.repeatProductCodesCount[k]
+        //       })
+        //     }
+        //   }
+        // }
+        this.goodinfoList.forEach(item => {
+          productList.push({
+            skuId: item.skuId,
+            productQty: this.repeatProductCodesCount[item.itemCode]
+          })
+        })
+
+        console.log('productList列表：' + JSON.stringify(productList))
+        if (productList.length > 0) {
+          const ucAccessToken = await this.getUcAccessToken()
+          console.log('获取ucAccessToken：' + ucAccessToken)
+
+          //批量保存购物车
+          const batchSaveRes = await utils.sendMideaCloundSaleRequest(
+            utils.serviceList.shopCartBatchSave,
+            {
+              headParams: {
+                userKey: ucAccessToken
+              },
+              restParams: {
+                productList
+              }
+            },
+            {
+              isShowLoading: false
+            }
+          )
+
+          if (batchSaveRes && batchSaveRes.code !== '000000') {
+            this.$bridge.showToast('加购失败')
+            return
+          }
+          const { data = [] } = batchSaveRes
+          if (!batchSaveRes.data || !batchSaveRes.data.length) {
+            this.$bridge.showToast('加购失败')
+            return
+          }
+          //   if( data.length != productList.length){
+          //     //只要有失败的就显示加购失败并且移除已加入购物车的商品
+          //     this.$bridge.showToast('加购失败')
+          //     this.shopCartBatchRemove(data)
+          //     return
+          //   }
+          this.$bridge.showToast('已加入购物车')
+          this.$bridge.goToPage({
+            type: 'jumpElecBusinessWeexNew',
+            param: {
+              url: '/dist/v2/pages/cart/cart_page.js?entrance=consumables',
+              needNavi: '1'
+            }
+          })
+        } else {
+          this.$bridge.showToast('加购失败')
+        }
+      } catch (error) {
+        this.$bridge.showToast('加购失败')
+        console.log('获取商品id失败：' + JSON.stringify(error))
+      } finally {
+        this.showAddCartInsidePopup = false
+        bridgeModule.hideLoading()
+        let trackParam = {
+          event: 'user_behavior_event',
+          eventParams: {
+            page_name: '耗材列表',
+            page_id: 'consumables_list',
+            event_name: 'user_behavior_event',
+            module: '耗材管理',
+            widget_name: '加入购物车点击',
+            widget_id: 'consumables_allbuy_cart_click'
+          }
+        }
+        this.$bridge.trackEvent(trackParam)
+      }
+    },
+
+    async shopCartBatchRemove(data) {
+      const ucAccessToken = await this.getUcAccessToken()
+      return new Promise(async (resolve, reject) => {
+        try {
+          const res = await utils.sendMideaCloundSaleRequest(
+            utils.serviceList.shopCartBatchRemove,
+            {
+              headParams: {
+                userKey: ucAccessToken
+              },
+              restParams: {
+                ids: data.map(item => item.id)
+              }
+            },
+            {
+              isShowLoading: false
+            }
+          )
+          console.log('删除加购的商品成功' + JSON.stringify(res))
+          resolve(res)
+        } catch (error) {
+          reject(error)
+        }
+      })
+    },
+
+    getUcAccessToken() {
+      return new Promise(async (resolve, reject) => {
+        let ucAccessTokenTemp = 'ucAccessToken'
+        if (weex.config.env.platform == 'android') {
+          // 兼容android cookie匹配逻辑，后续android上线后去掉这段代码
+          ucAccessTokenTemp = 'ucAccessToken='
+        }
+        mlModule.getCookie(ucAccessTokenTemp, async ucAccessToken => {
+          resolve(ucAccessToken)
+        })
+      })
+    },
+
+    async querySkuIdByItemCodes(itemCodeList) {
+      return new Promise(async (resolve, reject) => {
+        try {
+          const res = await utils.sendMideaCloundSaleRequest(
+            utils.serviceList.querySkuIdByItemCodes,
+            {
+              restParams: {
+                itemCodeList: [...new Set(itemCodeList)]
+              }
+            },
+            {
+              isShowLoading: false
+            }
+          )
+          console.log('获取商品id成功：' + JSON.stringify(res))
+          resolve(res)
+        } catch (error) {
+          reject(error)
+        }
+      })
+    },
+
+    handleAddCartClose() {
+      if (!this.showAddCartInsidePopup) return
+      this.showAddCartInsidePopup = false
+    }
+  }
+}
+</script>
+
+<style>
+.content-add-card {
+  padding: 40px 32px 36px;
+}
+
+.add-card-title-box {
+  justify-content: center;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 54px;
+  position: relative;
+}
+
+.add-card-title {
+  font-size: 32px;
+  color: #1e2e37;
+  font-weight: 500;
+}
+
+.add-card-close {
+  width: 32px;
+  height: 32px;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.filter-box {
+  flex-direction: row;
+  margin-bottom: 34px;
+}
+
+.filter-all {
+  width: 108px;
+  height: 52px;
+  line-height: 52px;
+  margin-right: 40px;
+  background-color: #f6f7f9;
+  font-size: 24px;
+  color: #8e969b;
+  text-align: center;
+  border-radius: 26px;
+}
+
+.filter-insufficient {
+  width: 156px;
+  height: 52px;
+  line-height: 52px;
+  background-color: #f6f7f9;
+  text-align: center;
+  color: #8e969b;
+  font-size: 24px;
+  font-weight: 500;
+  border-radius: 26px;
+}
+
+.filter-hit {
+  background-color: #1e2e37;
+  font-weight: 500;
+  color: #ffffff;
+}
+
+.add-card-scroller {
+  height: 546px;
+}
+
+.detail-wrapper {
+  width: 686px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  z-index: 100;
+}
+.shop-card {
+  width: 686px;
+  /* height: 370px; */
+  background-color: #fff;
+  border-radius: 32px;
+  margin-bottom: 16px;
+  box-sizing: border-box;
+  position: relative;
+}
+.corner-mark {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.card-content {
+  padding: 28px;
+  /* flex: 1; */
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  background: #f6f7f9;
+  border-radius: 32px;
+  align-items: center;
+}
+.img-shop {
+  width: 144px;
+  height: 144px;
+  margin-right: 28px;
+  border-radius: 10px;
+}
+.shop-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.shop-title {
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+  display: flex;
+  flex-direction: row;
+}
+.mark-txt {
+}
+.shop-title-txt {
+  flex: 1;
+  font-size: 32px;
+  line-height: 40px;
+  font-weight: 400;
+  color: #1e2e37;
+  lines: 2;
+  text-overflow: ellipsis;
+}
+.description-txt {
+  font-size: 24px;
+  font-weight: 400;
+  line-height: 30px;
+  lines: 1;
+  color: #8a8a8f;
+  text-overflow: ellipsis;
+}
+.price-box {
+  flex-direction: row;
+  align-items: center;
+  margin-top: 25px;
+}
+.rmb-1 {
+  font-size: 20px;
+  color: #1e2e37;
+  font-weight: 500;
+}
+.pblic-price {
+  font-size: 28px;
+  color: #1e2e37;
+  font-weight: 500;
+  margin-right: 35px;
+}
+.rmb-2 {
+  font-size: 16px;
+  color: #1e2e37;
+  font-weight: 500;
+}
+.discount-price {
+  font-size: 24px;
+  color: #1e2e37;
+  font-weight: 400;
+  margin-right: 20px;
+}
+.discount-img {
+  border-radius: 3px;
+  width: 70px;
+  height: 28px;
+}
+
+.no-data-steper {
+  width: 686px;
+  height: 546px;
+  border-radius: 32px;
+  margin-top: 8px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.no-data-img-steper {
+  width: 360px;
+  height: 300px;
+}
+
+.no-data-txt {
+  font-size: 28px;
+  color: #8a8a8f;
+}
+
+.add-card-button {
+  /* background: #00A4F2;
+  border-radius: 24px;
+  width: 686px; */
+}
+
+.add-card-title-isDiablo {
+  color: #cfcfd0;
+}
+
+.shop-card-isDiablo {
+  background-color: #2b2f32;
+}
+
+.card-content-isDiablo {
+  background: #2b2f32;
+}
+
+.img-shop-isDiablo {
+  opacity: 0.85;
+}
+
+.shop-title-txt-isDiablo {
+  color: #cfcfd0;
+}
+
+.description-txt-isDiablo {
+  color: #a2a4a5;
+}
+
+.rmb-1-isDiablo {
+  color: #cfcfd0;
+}
+
+.pblic-price-isDiablo {
+  color: #cfcfd0;
+}
+
+.rmb-2-isDiablo {
+  color: #cfcfd0;
+}
+
+.discount-price-isDiablo {
+  color: #cfcfd0;
+}
+
+/* diablo模式 */
+@media screen and (weex-theme: diablo) {
+  .add-card-title {
+    color: #cfcfd0;
+  }
+
+  .shop-card {
+    background-color: #2b2f32;
+  }
+
+  .card-content {
+    background: #2b2f32;
+  }
+
+  .img-shop {
+    opacity: 0.85;
+  }
+
+  .shop-title-txt {
+    color: #cfcfd0;
+  }
+  .description-txt {
+    color: #a2a4a5;
+  }
+
+  .rmb-1 {
+    color: #cfcfd0;
+  }
+  .pblic-price {
+    color: #cfcfd0;
+  }
+  .rmb-2 {
+    color: #cfcfd0;
+  }
+  .discount-price {
+    color: #cfcfd0;
+  }
+}
+</style>

package/packages/dof-material-add-card/settings/config.js

@@ -0,0 +1,8 @@
+const appConfig = {
+  plugin_version: '10.2.0.1_2025043014',
+  plugin_name: '',
+  default_locale: 'cn',
+  enable_debug: false,
+  isMock: false
+}
+export default appConfig