dolphin-weex-bc 0.0.42 → 0.0.44

package/dist/index.web.js

@@ -4715,6 +4715,11 @@ var MaterialEvent = {
     var textColorList = isDiablo ? ['#D35926', '#D35926', '#0490D3'] : ['#F56428', '#F56428', '#00A4F2'];
     var frontColorList = isDiablo ? ['#D35926', '#D35926', '#ADE0F6'] : ['#F56428', '#F56428', '#9fdaf5'];
     var backColorList = isDiablo ? ['#FCA6A1', '#FCA6A1', '#CFEBF8'] : ['#fc9791', '#fc9791', '#c7e8f7'];
+    var waveCoverType = 0;
+    var showWaveCoverTypeArr = [3, 3, 2];
+    if (isDiablo) {
+      waveCoverType = showWaveCoverTypeArr[type];
+    }
     return {
       frontWaveColor: frontColorList[type], //已完成后的颜色默认#FFFFFF
       backWaveColor: backColorList[type],
@@ -4722,6 +4727,7 @@ var MaterialEvent = {
       backgroundColor: isDiablo ? '#1E2326' : needBackground ? '#F6F7F9' : '#FFFFFF', //背景色 默认为#000000
       progress: percent, // 进度 [0 ... 1]
       showWaveCover: true,
+      waveCoverType: waveCoverType,
       textFont: this.isScale ? 11 : 12, //字体大小，默认为14
       text: percentTxt, //文本 默认为空
       textColor: textColorList[type], //文本颜色，默认#FFFFFF
@@ -27457,7 +27463,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.indicator[data-v-44f02630] {\n  position: absolute;\n  item-color: rgba(255, 195, 0, .5);\n  item-selected-color: #ffc300;\n  item-size: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-44f02630] {\n  width: 0.26667rem;\n  height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-44f02630] {\n  background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-44f02630] {\n  background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-lightbox/<input css 19>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-lightbox/<input css 18>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-lightbox/<input css 17>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n  <dof-mask :width=\"width\"\n            :height=\"height\"\n            aria-hidden=\"true\"\n            mask-bg-color=\"transparent\"\n            overlay-opacity=\"0.8\"\n            :show=\"show\"\n            :opacity='opacity'\n            :show-close=\"false\"\n            @dofMaskSetHidden=\"maskOverlayClick\">\n    <slider auto-play=\"false\"\n            v-if=\"show\"\n            :index=\"index\"\n            :interval=\"interval\"\n            :style=\"{ height: height  + 'px'}\">\n      <div v-for=\"(v,index) in imageList\"\n           :style=\"{ height: height  + 'px'}\"\n           :key=\"index\">\n        <image resize=\"cover\"\n               :src=\"v.src\"\n               :style=\"{ height: height + 'px', width: width  + 'px'}\"></image>\n      </div>\n      <indicator class=\"indicator\"\n                 :style=\"indicatorStyle\"></indicator>\n    </slider>\n  </dof-mask>\n</template>\n\n<style scoped>\n  .indicator {\n    position: absolute;\n    item-color: rgba(255, 195, 0, .5);\n    item-selected-color: #ffc300;\n    item-size: 20px;\n    height: 20px;\n    bottom: 24px;\n  }\n</style>\n\n<script>\n  import DofMask from '../dof-mask';\n\n  export default {\n    components: {\n      DofMask\n    },\n    props: {\n      width: {\n        type: [Number, String],\n        default: 750\n      },\n      height: {\n        type: [Number, String],\n        default: 750\n      },\n      show: {\n        type: Boolean,\n        default: false\n      },\n      imageList: Array,\n      indicatorColor: {\n        type: Object,\n        default: () => ({\n          'item-color': 'rgba(255, 195, 0, .5)',\n          'item-selected-color': '#ffc300',\n          'item-size': '20px'\n        })\n      },\n      index: {\n        type: [Number, String],\n        default: 0\n      },\n      interval: {\n        type: [Number, String],\n        default: 3000\n      },\n      opacity: {\n        type: [Number, String],\n        default: 0.6\n      }\n    },\n    computed: {\n      indicatorStyle () {\n        return {\n          width: this.width + 'px',\n          ...this.indicatorColor\n        };\n      }\n    },\n    methods: {\n      maskOverlayClick () {\n        this.$emit('dofLightboxOverlayClicked', {});\n      }\n    }\n  };\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 20px;\n  height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n  background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n.indicator[data-v-44f02630] {\n  position: absolute;\n  item-color: rgba(255, 195, 0, .5);\n  item-selected-color: #ffc300;\n  item-size: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-44f02630] {\n  width: 0.26667rem;\n  height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-44f02630] {\n  background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-44f02630] {\n  background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-lightbox/<input css 20>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-lightbox/<input css 19>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-lightbox/<input css 18>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n  <dof-mask :width=\"width\"\n            :height=\"height\"\n            aria-hidden=\"true\"\n            mask-bg-color=\"transparent\"\n            overlay-opacity=\"0.8\"\n            :show=\"show\"\n            :opacity='opacity'\n            :show-close=\"false\"\n            @dofMaskSetHidden=\"maskOverlayClick\">\n    <slider auto-play=\"false\"\n            v-if=\"show\"\n            :index=\"index\"\n            :interval=\"interval\"\n            :style=\"{ height: height  + 'px'}\">\n      <div v-for=\"(v,index) in imageList\"\n           :style=\"{ height: height  + 'px'}\"\n           :key=\"index\">\n        <image resize=\"cover\"\n               :src=\"v.src\"\n               :style=\"{ height: height + 'px', width: width  + 'px'}\"></image>\n      </div>\n      <indicator class=\"indicator\"\n                 :style=\"indicatorStyle\"></indicator>\n    </slider>\n  </dof-mask>\n</template>\n\n<style scoped>\n  .indicator {\n    position: absolute;\n    item-color: rgba(255, 195, 0, .5);\n    item-selected-color: #ffc300;\n    item-size: 20px;\n    height: 20px;\n    bottom: 24px;\n  }\n</style>\n\n<script>\n  import DofMask from '../dof-mask';\n\n  export default {\n    components: {\n      DofMask\n    },\n    props: {\n      width: {\n        type: [Number, String],\n        default: 750\n      },\n      height: {\n        type: [Number, String],\n        default: 750\n      },\n      show: {\n        type: Boolean,\n        default: false\n      },\n      imageList: Array,\n      indicatorColor: {\n        type: Object,\n        default: () => ({\n          'item-color': 'rgba(255, 195, 0, .5)',\n          'item-selected-color': '#ffc300',\n          'item-size': '20px'\n        })\n      },\n      index: {\n        type: [Number, String],\n        default: 0\n      },\n      interval: {\n        type: [Number, String],\n        default: 3000\n      },\n      opacity: {\n        type: [Number, String],\n        default: 0.6\n      }\n    },\n    computed: {\n      indicatorStyle () {\n        return {\n          width: this.width + 'px',\n          ...this.indicatorColor\n        };\n      }\n    },\n    methods: {\n      maskOverlayClick () {\n        this.$emit('dofLightboxOverlayClicked', {});\n      }\n    }\n  };\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 20px;\n  height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n  background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -27751,7 +27757,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.66667rem;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  width: 0.18667rem;\n  height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 0.21333rem;\n}\n.image {\n  border-radius: 0.21333rem;\n  /* background-color: #f2f2f2; */\n}\n.div_out {\n  border-radius: 0.21333rem;\n  position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-swiper/index.vue?3b03a1f1","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-swiper/<input css 21>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-swiper/<input css 20>"],"names":[],"mappings":";AAiCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;ACzCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFwCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,gCAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n    <slider\n      class=\"slider\"\n      :style=\"sliderStyle\"\n      :interval=\"interval\"\n      @change=\"change\"\n      :auto-play=\"autoplay\"\n      :infinite=\"infinite\"\n    >\n      <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n        <image\n          :resize=\"imgResize\"\n          :style=\"{ width: imgWidth, height: imgHeight, backgroundColor: imageBgColor }\"\n          :src=\"item.url\"\n          :placeholder=\"phImgUrl\"\n          class=\"image\"\n        >\n        </image>\n      </div>\n      <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n    </slider>\n    <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n      <div\n        :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n        v-for=\"(item, i) in slItems\"\n        :key=\"i\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style>\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 50px;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 14px;\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 16px;\n}\n.image {\n  border-radius: 16px;\n  /* background-color: #f2f2f2; */\n}\n.div_out {\n  border-radius: 16px;\n  position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    sliderStyle: {\n      type: Object,\n      default: () => ({\n        width: '686px',\n        height: '280px',\n        position: 'relative'\n      })\n    },\n    indicatorStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    interval: {\n      type: Number,\n      default: 3000\n    },\n    autoplay: {\n      type: Boolean,\n      default: true\n    },\n    infinite: {\n      type: Boolean,\n      default: true\n    },\n    imgResize: {\n      type: String,\n      default: 'cover'\n    },\n    imgWidth: {\n      type: String,\n      default: '686px'\n    },\n    divLeft: {\n      type: String,\n      default: '32px'\n    },\n    imgHeight: {\n      type: String,\n      default: '280px'\n    },\n    showIndicator: {\n      type: Boolean,\n      default: true\n    },\n    phImgUrl: {\n      type: String,\n      default: PLACEHOLDERIMAGE\n    },\n    imageBgColor: {\n      type: String,\n      default: '#f2f2f2'\n    }\n  },\n  data: function() {\n    return {\n      slItems: [],\n      active: 0\n    }\n  },\n  created() {\n    if (this.items.length > 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0, 10)\n    } else if (this.items.length <= 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0)\n    }\n  },\n  methods: {\n    imgClicked(target, index) {\n      this.$emit('dofSwiperClicked', { target, index })\n    },\n    change(val) {\n      this.active = val.index\n    }\n  }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 14px;\n  height: 14px;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.66667rem;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  width: 0.18667rem;\n  height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 0.21333rem;\n}\n.image {\n  border-radius: 0.21333rem;\n  /* background-color: #f2f2f2; */\n}\n.div_out {\n  border-radius: 0.21333rem;\n  position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-swiper/index.vue?3b03a1f1","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-swiper/<input css 22>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/node_modules/dolphin-weex-ui/packages/dof-swiper/<input css 21>"],"names":[],"mappings":";AAiCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;ACzCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFwCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,gCAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n    <slider\n      class=\"slider\"\n      :style=\"sliderStyle\"\n      :interval=\"interval\"\n      @change=\"change\"\n      :auto-play=\"autoplay\"\n      :infinite=\"infinite\"\n    >\n      <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n        <image\n          :resize=\"imgResize\"\n          :style=\"{ width: imgWidth, height: imgHeight, backgroundColor: imageBgColor }\"\n          :src=\"item.url\"\n          :placeholder=\"phImgUrl\"\n          class=\"image\"\n        >\n        </image>\n      </div>\n      <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n    </slider>\n    <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n      <div\n        :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n        v-for=\"(item, i) in slItems\"\n        :key=\"i\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style>\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 50px;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 14px;\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 16px;\n}\n.image {\n  border-radius: 16px;\n  /* background-color: #f2f2f2; */\n}\n.div_out {\n  border-radius: 16px;\n  position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    sliderStyle: {\n      type: Object,\n      default: () => ({\n        width: '686px',\n        height: '280px',\n        position: 'relative'\n      })\n    },\n    indicatorStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    interval: {\n      type: Number,\n      default: 3000\n    },\n    autoplay: {\n      type: Boolean,\n      default: true\n    },\n    infinite: {\n      type: Boolean,\n      default: true\n    },\n    imgResize: {\n      type: String,\n      default: 'cover'\n    },\n    imgWidth: {\n      type: String,\n      default: '686px'\n    },\n    divLeft: {\n      type: String,\n      default: '32px'\n    },\n    imgHeight: {\n      type: String,\n      default: '280px'\n    },\n    showIndicator: {\n      type: Boolean,\n      default: true\n    },\n    phImgUrl: {\n      type: String,\n      default: PLACEHOLDERIMAGE\n    },\n    imageBgColor: {\n      type: String,\n      default: '#f2f2f2'\n    }\n  },\n  data: function() {\n    return {\n      slItems: [],\n      active: 0\n    }\n  },\n  created() {\n    if (this.items.length > 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0, 10)\n    } else if (this.items.length <= 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0)\n    }\n  },\n  methods: {\n    imgClicked(target, index) {\n      this.$emit('dofSwiperClicked', { target, index })\n    },\n    change(val) {\n      this.active = val.index\n    }\n  }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 14px;\n  height: 14px;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -28745,7 +28751,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.content-add-card {\n  padding: 0.53333rem 0.42667rem 0.48rem;\n}\n.add-card-title-box {\n  -webkit-justify-content: center;\n          justify-content: center;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-align-items: center;\n          align-items: center;\n  margin-bottom: 0.72rem;\n  position: relative;\n}\n.add-card-title {\n  font-size: 0.42667rem;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.add-card-close {\n  width: 0.42667rem;\n  height: 0.42667rem;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.filter-box {\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  margin-bottom: 0.45333rem;\n}\n.filter-all {\n  width: 1.44rem;\n  height: 0.69333rem;\n  line-height: 0.69333rem;\n  margin-right: 0.53333rem;\n  background-color: #f6f7f9;\n  font-size: 0.32rem;\n  color: #8e969b;\n  text-align: center;\n  border-radius: 0.34667rem;\n}\n.filter-insufficient {\n  width: 2.08rem;\n  height: 0.69333rem;\n  line-height: 0.69333rem;\n  background-color: #f6f7f9;\n  text-align: center;\n  color: #8e969b;\n  font-size: 0.32rem;\n  font-weight: 500;\n  border-radius: 0.34667rem;\n}\n.filter-hit {\n  background-color: #1e2e37;\n  font-weight: 500;\n  color: #ffffff;\n}\n.add-card-scroller {\n  height: 7.28rem;\n}\n.detail-wrapper {\n  width: 9.14667rem;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-align-items: center;\n          align-items: center;\n  position: relative;\n  z-index: 100;\n}\n.shop-card {\n  width: 9.14667rem;\n  /* height: 370px; */\n  background-color: #fff;\n  border-radius: 0.42667rem;\n  margin-bottom: 0.21333rem;\n  box-sizing: border-box;\n  position: relative;\n}\n.corner-mark {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.card-content {\n  padding: 0.37333rem;\n  /* flex: 1; */\n  box-sizing: border-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  background: #f6f7f9;\n  border-radius: 0.42667rem;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.img-shop {\n  width: 1.92rem;\n  height: 1.92rem;\n  margin-right: 0.37333rem;\n  border-radius: 0.13333rem;\n}\n.shop-info {\n  -webkit-flex: 1;\n          flex: 1;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-direction: column;\n          flex-direction: column;\n}\n.shop-title {\n  margin-bottom: 0.21333rem;\n  -webkit-flex-wrap: wrap;\n          flex-wrap: wrap;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n}\n.mark-txt {\n}\n.shop-title-txt {\n  -webkit-flex: 1;\n          flex: 1;\n  font-size: 0.42667rem;\n  line-height: 0.53333rem;\n  font-weight: 400;\n  color: #1e2e37;\n  lines: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n}\n.description-txt {\n  font-size: 0.32rem;\n  font-weight: 400;\n  line-height: 0.4rem;\n  lines: 1;\n  color: #8a8a8f;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.price-box {\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-align-items: center;\n          align-items: center;\n  margin-top: 0.33333rem;\n}\n.rmb-1 {\n  font-size: 0.26667rem;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.pblic-price {\n  font-size: 0.37333rem;\n  color: #1e2e37;\n  font-weight: 500;\n  margin-right: 0.46667rem;\n}\n.rmb-2 {\n  font-size: 0.21333rem;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.discount-price {\n  font-size: 0.32rem;\n  color: #1e2e37;\n  font-weight: 400;\n  margin-right: 0.26667rem;\n}\n.discount-img {\n  border-radius: 0.04rem;\n  width: 0.93333rem;\n  height: 0.37333rem;\n}\n.no-data-steper {\n  width: 9.14667rem;\n  height: 7.28rem;\n  border-radius: 0.42667rem;\n  margin-top: 0.10667rem;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-direction: column;\n          flex-direction: column;\n  -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.no-data-img-steper {\n  width: 4.8rem;\n  height: 4rem;\n}\n.no-data-txt {\n  font-size: 0.37333rem;\n  color: #8a8a8f;\n}\n.add-card-button {\n  /* background: #00A4F2;\n  border-radius: 24px;\n  width: 686px; */\n}\n.add-card-title-isDiablo {\n  color: #cfcfd0;\n}\n.shop-card-isDiablo {\n  background-color: #2b2f32;\n}\n.card-content-isDiablo {\n  background: #2b2f32;\n}\n.img-shop-isDiablo {\n  opacity: 0.85;\n}\n.shop-title-txt-isDiablo {\n  color: #cfcfd0;\n}\n.description-txt-isDiablo {\n  color: #a2a4a5;\n}\n.rmb-1-isDiablo {\n  color: #cfcfd0;\n}\n.pblic-price-isDiablo {\n  color: #cfcfd0;\n}\n.rmb-2-isDiablo {\n  color: #cfcfd0;\n}\n.discount-price-isDiablo {\n  color: #cfcfd0;\n}\n.filter-all-isDiablo{\n  background-color: #171C1F;\n  color: #797c7e;\n}\n.filter-insufficient-isDiablo{\n  background-color: #171C1F;\n  color: #797c7e;\n}\n.filter-hit-isDiablo {\n  background-color: #cfcfd0;\n  font-weight: 500;\n  color: #101315;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/packages/dof-material-add-card/index.vue?869d0d00","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/packages/dof-material-add-card/<no source>"],"names":[],"mappings":"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","file":"index.vue","sourcesContent":["<template>\n  <dof-popup\n    :show=\"showAddCartInsidePopup\"\n    @dofPopupOverlayClicked=\"handleAddCartClose\"\n    :height=\"980\"\n    pos=\"bottom\"\n    :popupColor=\"isDiablo ? '#1e2326' : ''\"\n  >\n    <div class=\"content-add-card\">\n      <div class=\"add-card-title-box\">\n        <text :class=\"['add-card-title', isDiablo && 'add-card-title-isDiablo']\">耗材购买</text>\n        <image\n          class=\"add-card-close\"\n          :src=\"isDiablo ? './assets/img/material/close_diablo@3x.png' : './assets/img/material/close@3x.png'\"\n          @click=\"handleAddCartClose\"\n        ></image>\n      </div>\n      <div class=\"filter-box\">\n        <text :class=\"['filter-all', isDiablo && 'filter-all-isDiablo', !filterInsufficientGoodinfo ?  isDiablo ? 'filter-hit-isDiablo' : 'filter-hit' : '']\" @click=\"filterShopInfo(1)\"\n          >全部</text\n        >\n        <text :class=\"['filter-insufficient', isDiablo && 'filter-all-isDiablo', filterInsufficientGoodinfo ?  isDiablo ? 'filter-hit-isDiablo' : 'filter-hit' : '']\" @click=\"filterShopInfo(2)\"\n          >耗材不足</text\n        >\n      </div>\n      <scroller class=\"add-card-scroller\" show-scrollbar=\"false\" scroll-direction=\"vertical\">\n        <div class=\"detail-wrapper\" :style=\"{ marginBottom: '16px' }\" v-if=\"goodinfoList.length > 0\">\n          <div\n            :class=\"['shop-card', isDiablo && 'shop-card-isDiablo']\"\n            v-for=\"(item, index) in goodinfoList\"\n            :key=\"index\"\n          >\n            <div :class=\"['card-content', isDiablo && 'card-content-isDiablo']\" @click=\"showGoodsDetail(item)\">\n              <image :class=\"['img-shop', isDiablo && 'img-shop-isDiablo']\" :src=\"item.picInfo\"></image>\n              <div class=\"shop-info\">\n                <div class=\"shop-title\">\n                  <text :class=\"['shop-title-txt', isDiablo && 'shop-title-txt-isDiablo']\">{{ item.title }}</text>\n                </div>\n                <text :class=\"['description-txt', isDiablo && 'description-txt-isDiablo']\">{{\n                  item.sellingPoints != 'N/A' && item.sellingPoints != '/' ? item.sellingPoints : ''\n                }}</text>\n                <!-- <text :class=\"['description-txt', isDiablo && 'description-txt-isDiablo']\"\n                  >x{{ repeatProductCodesCount[item.itemCode] }}</text\n                > -->\n                <!-- <div class=\"price-box\">\n                    <text :class=\"['rmb-1', isDiablo && 'rmb-1-isDiablo']\">￥</text><text :class=\"['pblic-price', isDiablo && 'pblic-price-isDiablo']\">199</text>\n                    <text :class=\"['rmb-2', isDiablo && 'rmb-2-isDiablo']\">￥</text><text :class=\"['discount-price', isDiablo && 'discount-price-isDiablo']\">99.5</text>\n                    <image src=\"./assets/img/material/mei_price@3x.png\" class=\"discount-img\" style=\"width:70px; height:28px;\"></image>\n                  </div> -->\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"no-data-steper\" v-else>\n          <image class=\"no-data-img-steper\" :src=\"detailNoData\"></image>\n          <text class=\"no-data-txt\">暂无设备耗材</text>\n        </div>\n      </scroller>\n      <dof-button\n        v-if=\"goodinfoList.length > 0\"\n        pattern=\"base\"\n        text=\"加入购物车\"\n        size=\"full\"\n        :btnStyle=\"{ backgroundColor: isDiablo ? '#0490D3' : '#00A4F2', height: '92px', 'margin-top': '12px' }\"\n        :textStyle=\"{ color: isDiablo ? '#CFCFD0' : '#fff', 'font-size': '32px' }\"\n        :isHighlight=\"false\"\n        @dofButtonClicked=\"addCartThrottle\"\n      ></dof-button>\n    </div>\n  </dof-popup>\n</template>\n\n<script>\n// import nativeService from '../settings/nativeService'\nimport utils from './settings/utils'\nconst bridgeModule = weex.requireModule('bridgeModule')\nimport { throttle } from 'lodash'\nimport Icon from './settings/icon.base64'\nconst mlModule = weex.requireModule('MallModule')\nimport { DofPopup, DofButton } from 'dolphin-weex-ui'\nexport default {\n  components: {\n    DofPopup,\n    DofButton\n  },\n  props: {\n    showAddCartPopup: {\n      //加购弹窗展示与否\n      type: Boolean,\n      default: false\n    },\n    insufficientGoodinfoList: {\n      //不足耗材商品数据\n      type: Object,\n      default: () => {\n        return []\n      }\n    },\n    repeatProductCodesCount: {\n      //不足耗材商品code件数\n      type: Object,\n      default: () => {\n        return {}\n      }\n    },\n    insufficientProductCodeJson: {\n      //是否是不足耗材商品\n      type: Object,\n      default: () => {\n        return {}\n      }\n    },\n    isDiablo: {\n      type: Boolean,\n      default: false\n    },\n    channel: {\n      //来源----用于埋点等定制化需求\n      type: String,\n      default: 'materialList'\n    }\n  },\n  data() {\n    return {\n      showAddCartInsidePopup: false,\n      goodinfoList: [],\n      detailNoData: Icon.detail_no_data,\n      filterInsufficientGoodinfo: true\n    }\n  },\n  watch: {\n    showAddCartPopup: {\n      handler(val) {\n        this.showAddCartInsidePopup = val\n      }\n    },\n    showAddCartInsidePopup: {\n      handler(val) {\n        if (!val) {\n          this.$emit('cancleShowAddCartPopup')\n        }\n      }\n    },\n    insufficientGoodinfoList: {\n      handler(val) {\n        if (val) {\n          if (this.filterInsufficientGoodinfo) {\n            this.goodinfoList = this.insufficientGoodinfoList.filter(\n              item => this.insufficientProductCodeJson[item.itemCode]\n            )\n          } else {\n            this.goodinfoList = val\n          }\n        }\n      },\n      immediate: true\n    }\n  },\n\n  methods: {\n    filterShopInfo(index) {\n      if (index == 1) {\n        this.goodinfoList = this.insufficientGoodinfoList\n        this.filterInsufficientGoodinfo = false\n      } else {\n        this.goodinfoList = this.insufficientGoodinfoList.filter(\n          item => this.insufficientProductCodeJson[item.itemCode]\n        )\n        this.filterInsufficientGoodinfo = true\n      }\n\n      let trackParam = {\n        event: 'user_behavior_event',\n        eventParams: {\n          page_name: '耗材购买弹窗',\n          page_id: 'consumables_purchase_pop-up',\n          event_name: 'user_behavior_event',\n          module: '插件耗材组件',\n          widget_name: index == 1 ? '筛选全部耗材' : '筛选不足耗材',\n          widget_id: index == 1 ? 'filter_all_consumables' : 'filter_shortage_consumables',\n        }\n      }\n      this.$bridge.trackEvent(trackParam) \n    },\n\n    showGoodsDetail(item){\n      this.$bridge.goToPage({\n        type: 'jumpElecBusinessWeexNew',\n        param: {\n          url: '/dist/v2/pages/product/product_details.js?skuId=' + item.skuId + '&entrance=consumables',\n          needNavi: '1'\n        }\n      })\n    },\n\n    addCartThrottle: throttle(\n      function() {\n        this.handleAddCart()\n      },\n      2000,\n      { leading: true, trailing: false }\n    ),\n\n    async handleAddCart() {\n      bridgeModule.showLoading()\n      const itemCodeList = this.goodinfoList.map(item => item.itemCode)\n      let productList = []\n      console.log('paramsitemCodeList' + JSON.stringify(itemCodeList))\n      try {\n        //根据itemCode查询SkuId\n        // const res =  await this.querySkuIdByItemCodes(itemCodeList)\n\n        // if(res.code == '000000'){\n        //   //只要有失败的就显示加购失败\n        //   if(res.failedMap && JSON.stringify(obj) !== '{}'){\n        //     this.$bridge.showToast('加购失败')\n        //     return\n        //   }\n        //   if(res.data && res.data.successMap){\n        //     for(let k in res.data.successMap){\n        //       productList.push({\n        //         skuId: res.data.successMap[k].skuId,\n        //         productQty: this.repeatProductCodesCount[k]\n        //       })\n        //     }\n        //   }\n        // }\n        this.goodinfoList.forEach(item => {\n          productList.push({\n            skuId: item.skuId,\n            productQty: this.repeatProductCodesCount[item.itemCode]\n          })\n        })\n\n        console.log('productList列表：' + JSON.stringify(productList))\n        if (productList.length > 0) {\n          const ucAccessToken = await this.getUcAccessToken()\n          console.log('获取ucAccessToken：' + ucAccessToken)\n\n          //批量保存购物车\n          const batchSaveRes = await utils.sendMideaCloundSaleRequest(\n            utils.serviceList.shopCartBatchSave,\n            {\n              headParams: {\n                userKey: ucAccessToken\n              },\n              restParams: {\n                productList\n              }\n            },\n            {\n              isShowLoading: false\n            }\n          )\n\n          if (batchSaveRes && batchSaveRes.code !== '000000') {\n            this.$bridge.showToast('加购失败')\n            return\n          }\n          const { data = [] } = batchSaveRes\n          if (!batchSaveRes.data || !batchSaveRes.data.length) {\n            this.$bridge.showToast('加购失败')\n            return\n          }\n          //   if( data.length != productList.length){\n          //     //只要有失败的就显示加购失败并且移除已加入购物车的商品\n          //     this.$bridge.showToast('加购失败')\n          //     this.shopCartBatchRemove(data)\n          //     return\n          //   }\n          this.$bridge.showToast('已加入购物车')\n          this.$bridge.goToPage({\n            type: 'jumpElecBusinessWeexNew',\n            param: {\n              url: '/dist/v2/pages/cart/cart_page.js?entrance=consumables',\n              needNavi: '1'\n            }\n          })\n        } else {\n          this.$bridge.showToast('加购失败')\n        }\n      } catch (error) {\n        this.$bridge.showToast('加购失败')\n        console.log('获取商品id失败：' + JSON.stringify(error))\n      } finally {\n        this.showAddCartInsidePopup = false\n        bridgeModule.hideLoading()\n        let trackParam = {\n          event: 'user_behavior_event',\n          eventParams: {\n            page_name: '耗材列表',\n            page_id: 'consumables_list',\n            event_name: 'user_behavior_event',\n            module: '耗材管理',\n            widget_name: '加入购物车点击',\n            widget_id: 'consumables_allbuy_cart_click'\n          }\n        }\n        this.$bridge.trackEvent(trackParam)\n      }\n    },\n\n    async shopCartBatchRemove(data) {\n      const ucAccessToken = await this.getUcAccessToken()\n      return new Promise(async (resolve, reject) => {\n        try {\n          const res = await utils.sendMideaCloundSaleRequest(\n            utils.serviceList.shopCartBatchRemove,\n            {\n              headParams: {\n                userKey: ucAccessToken\n              },\n              restParams: {\n                ids: data.map(item => item.id)\n              }\n            },\n            {\n              isShowLoading: false\n            }\n          )\n          console.log('删除加购的商品成功' + JSON.stringify(res))\n          resolve(res)\n        } catch (error) {\n          reject(error)\n        }\n      })\n    },\n\n    getUcAccessToken() {\n      return new Promise(async (resolve, reject) => {\n        let ucAccessTokenTemp = 'ucAccessToken'\n        if (weex.config.env.platform == 'android') {\n          // 兼容android cookie匹配逻辑，后续android上线后去掉这段代码\n          ucAccessTokenTemp = 'ucAccessToken='\n        }\n        mlModule.getCookie(ucAccessTokenTemp, async ucAccessToken => {\n          resolve(ucAccessToken)\n        })\n      })\n    },\n\n    async querySkuIdByItemCodes(itemCodeList) {\n      return new Promise(async (resolve, reject) => {\n        try {\n          const res = await utils.sendMideaCloundSaleRequest(\n            utils.serviceList.querySkuIdByItemCodes,\n            {\n              restParams: {\n                itemCodeList: [...new Set(itemCodeList)]\n              }\n            },\n            {\n              isShowLoading: false\n            }\n          )\n          console.log('获取商品id成功：' + JSON.stringify(res))\n          resolve(res)\n        } catch (error) {\n          reject(error)\n        }\n      })\n    },\n\n    handleAddCartClose() {\n      if (!this.showAddCartInsidePopup) return\n      this.showAddCartInsidePopup = false\n    }\n  }\n}\n</script>\n\n<style>\n.content-add-card {\n  padding: 40px 32px 36px;\n}\n\n.add-card-title-box {\n  justify-content: center;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 54px;\n  position: relative;\n}\n\n.add-card-title {\n  font-size: 32px;\n  color: #1e2e37;\n  font-weight: 500;\n}\n\n.add-card-close {\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.filter-box {\n  flex-direction: row;\n  margin-bottom: 34px;\n}\n\n.filter-all {\n  width: 108px;\n  height: 52px;\n  line-height: 52px;\n  margin-right: 40px;\n  background-color: #f6f7f9;\n  font-size: 24px;\n  color: #8e969b;\n  text-align: center;\n  border-radius: 26px;\n}\n\n.filter-insufficient {\n  width: 156px;\n  height: 52px;\n  line-height: 52px;\n  background-color: #f6f7f9;\n  text-align: center;\n  color: #8e969b;\n  font-size: 24px;\n  font-weight: 500;\n  border-radius: 26px;\n}\n\n.filter-hit {\n  background-color: #1e2e37;\n  font-weight: 500;\n  color: #ffffff;\n}\n\n.add-card-scroller {\n  height: 546px;\n}\n\n.detail-wrapper {\n  width: 686px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  z-index: 100;\n}\n.shop-card {\n  width: 686px;\n  /* height: 370px; */\n  background-color: #fff;\n  border-radius: 32px;\n  margin-bottom: 16px;\n  box-sizing: border-box;\n  position: relative;\n}\n.corner-mark {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.card-content {\n  padding: 28px;\n  /* flex: 1; */\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  background: #f6f7f9;\n  border-radius: 32px;\n  align-items: center;\n}\n.img-shop {\n  width: 144px;\n  height: 144px;\n  margin-right: 28px;\n  border-radius: 10px;\n}\n.shop-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.shop-title {\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n  display: flex;\n  flex-direction: row;\n}\n.mark-txt {\n}\n.shop-title-txt {\n  flex: 1;\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 400;\n  color: #1e2e37;\n  lines: 2;\n  text-overflow: ellipsis;\n}\n.description-txt {\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 30px;\n  lines: 1;\n  color: #8a8a8f;\n  text-overflow: ellipsis;\n}\n.price-box {\n  flex-direction: row;\n  align-items: center;\n  margin-top: 25px;\n}\n.rmb-1 {\n  font-size: 20px;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.pblic-price {\n  font-size: 28px;\n  color: #1e2e37;\n  font-weight: 500;\n  margin-right: 35px;\n}\n.rmb-2 {\n  font-size: 16px;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.discount-price {\n  font-size: 24px;\n  color: #1e2e37;\n  font-weight: 400;\n  margin-right: 20px;\n}\n.discount-img {\n  border-radius: 3px;\n  width: 70px;\n  height: 28px;\n}\n\n.no-data-steper {\n  width: 686px;\n  height: 546px;\n  border-radius: 32px;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.no-data-img-steper {\n  width: 360px;\n  height: 300px;\n}\n\n.no-data-txt {\n  font-size: 28px;\n  color: #8a8a8f;\n}\n\n.add-card-button {\n  /* background: #00A4F2;\n  border-radius: 24px;\n  width: 686px; */\n}\n\n.add-card-title-isDiablo {\n  color: #cfcfd0;\n}\n\n.shop-card-isDiablo {\n  background-color: #2b2f32;\n}\n\n.card-content-isDiablo {\n  background: #2b2f32;\n}\n\n.img-shop-isDiablo {\n  opacity: 0.85;\n}\n\n.shop-title-txt-isDiablo {\n  color: #cfcfd0;\n}\n\n.description-txt-isDiablo {\n  color: #a2a4a5;\n}\n\n.rmb-1-isDiablo {\n  color: #cfcfd0;\n}\n\n.pblic-price-isDiablo {\n  color: #cfcfd0;\n}\n\n.rmb-2-isDiablo {\n  color: #cfcfd0;\n}\n\n.discount-price-isDiablo {\n  color: #cfcfd0;\n}\n\n.filter-all-isDiablo{\n  background-color: #171C1F;\n  color: #797c7e;\n}\n\n.filter-insufficient-isDiablo{\n  background-color: #171C1F;\n  color: #797c7e;\n}\n\n.filter-hit-isDiablo {\n  background-color: #cfcfd0;\n  font-weight: 500;\n  color: #101315;\n}\n</style>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.content-add-card {\n  padding: 0.53333rem 0.42667rem 0.48rem;\n}\n.add-card-title-box {\n  -webkit-justify-content: center;\n          justify-content: center;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-align-items: center;\n          align-items: center;\n  margin-bottom: 0.72rem;\n  position: relative;\n}\n.add-card-title {\n  font-size: 0.42667rem;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.add-card-close {\n  width: 0.42667rem;\n  height: 0.42667rem;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.filter-box {\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  margin-bottom: 0.45333rem;\n}\n.filter-all {\n  width: 1.44rem;\n  height: 0.69333rem;\n  line-height: 0.69333rem;\n  margin-right: 0.53333rem;\n  background-color: #f6f7f9;\n  font-size: 0.32rem;\n  color: #8e969b;\n  text-align: center;\n  border-radius: 0.34667rem;\n}\n.filter-insufficient {\n  width: 2.08rem;\n  height: 0.69333rem;\n  line-height: 0.69333rem;\n  background-color: #f6f7f9;\n  text-align: center;\n  color: #8e969b;\n  font-size: 0.32rem;\n  font-weight: 500;\n  border-radius: 0.34667rem;\n}\n.filter-hit {\n  background-color: #1e2e37;\n  font-weight: 500;\n  color: #ffffff;\n}\n.add-card-scroller {\n  height: 7.28rem;\n}\n.detail-wrapper {\n  width: 9.14667rem;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-align-items: center;\n          align-items: center;\n  position: relative;\n  z-index: 100;\n}\n.shop-card {\n  width: 9.14667rem;\n  /* height: 370px; */\n  background-color: #fff;\n  border-radius: 0.42667rem;\n  margin-bottom: 0.21333rem;\n  box-sizing: border-box;\n  position: relative;\n}\n.corner-mark {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.card-content {\n  padding: 0.37333rem;\n  /* flex: 1; */\n  box-sizing: border-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  background: #f6f7f9;\n  border-radius: 0.42667rem;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.img-shop {\n  width: 1.92rem;\n  height: 1.92rem;\n  margin-right: 0.37333rem;\n  border-radius: 0.13333rem;\n}\n.shop-info {\n  -webkit-flex: 1;\n          flex: 1;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-direction: column;\n          flex-direction: column;\n}\n.shop-title {\n  margin-bottom: 0.21333rem;\n  -webkit-flex-wrap: wrap;\n          flex-wrap: wrap;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n}\n.mark-txt {\n}\n.shop-title-txt {\n  -webkit-flex: 1;\n          flex: 1;\n  font-size: 0.42667rem;\n  line-height: 0.53333rem;\n  font-weight: 400;\n  color: #1e2e37;\n  lines: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n}\n.description-txt {\n  font-size: 0.32rem;\n  font-weight: 400;\n  line-height: 0.4rem;\n  lines: 1;\n  color: #8a8a8f;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.price-box {\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-align-items: center;\n          align-items: center;\n  margin-top: 0.33333rem;\n}\n.rmb-1 {\n  font-size: 0.26667rem;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.pblic-price {\n  font-size: 0.37333rem;\n  color: #1e2e37;\n  font-weight: 500;\n  margin-right: 0.46667rem;\n}\n.rmb-2 {\n  font-size: 0.21333rem;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.discount-price {\n  font-size: 0.32rem;\n  color: #1e2e37;\n  font-weight: 400;\n  margin-right: 0.26667rem;\n}\n.discount-img {\n  border-radius: 0.04rem;\n  width: 0.93333rem;\n  height: 0.37333rem;\n}\n.no-data-steper {\n  width: 9.14667rem;\n  height: 7.28rem;\n  border-radius: 0.42667rem;\n  margin-top: 0.10667rem;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-flex-direction: column;\n          flex-direction: column;\n  -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.no-data-img-steper {\n  width: 4.8rem;\n  height: 4rem;\n}\n.no-data-txt {\n  font-size: 0.37333rem;\n  color: #8a8a8f;\n}\n.add-card-button {\n  /* background: #00A4F2;\n  border-radius: 24px;\n  width: 686px; */\n}\n.add-card-title-isDiablo {\n  color: #cfcfd0;\n}\n.shop-card-isDiablo {\n  background-color: #2b2f32;\n}\n.card-content-isDiablo {\n  background: #2b2f32;\n}\n.img-shop-isDiablo {\n  opacity: 0.85;\n}\n.shop-title-txt-isDiablo {\n  color: #cfcfd0;\n}\n.description-txt-isDiablo {\n  color: #a2a4a5;\n}\n.rmb-1-isDiablo {\n  color: #cfcfd0;\n}\n.pblic-price-isDiablo {\n  color: #cfcfd0;\n}\n.rmb-2-isDiablo {\n  color: #cfcfd0;\n}\n.discount-price-isDiablo {\n  color: #cfcfd0;\n}\n.filter-all-isDiablo{\n  background-color: #171C1F;\n  color: #797c7e;\n}\n.filter-insufficient-isDiablo{\n  background-color: #171C1F;\n  color: #797c7e;\n}\n.filter-hit-isDiablo {\n  background-color: #cfcfd0;\n  font-weight: 500;\n  color: #101315;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/packages/dof-material-add-card/index.vue?bd5c853e","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-bc/packages/dof-material-add-card/<no source>"],"names":[],"mappings":"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","file":"index.vue","sourcesContent":["<template>\n  <dof-popup\n    :show=\"showAddCartInsidePopup\"\n    @dofPopupOverlayClicked=\"handleAddCartClose\"\n    :height=\"880\"\n    pos=\"bottom\"\n    :popupColor=\"isDiablo ? '#1e2326' : ''\"\n  >\n    <div class=\"content-add-card\">\n      <div class=\"add-card-title-box\">\n        <text :class=\"['add-card-title', isDiablo && 'add-card-title-isDiablo']\">耗材购买</text>\n        <image\n          class=\"add-card-close\"\n          :src=\"isDiablo ? './assets/img/material/close_diablo@3x.png' : './assets/img/material/close@3x.png'\"\n          @click=\"handleAddCartClose\"\n        ></image>\n      </div>\n      <div class=\"filter-box\">\n        <text :class=\"['filter-all', isDiablo && 'filter-all-isDiablo', !filterInsufficientGoodinfo ?  isDiablo ? 'filter-hit-isDiablo' : 'filter-hit' : '']\" @click=\"filterShopInfo(1)\"\n          >全部</text\n        >\n        <text :class=\"['filter-insufficient', isDiablo && 'filter-all-isDiablo', filterInsufficientGoodinfo ?  isDiablo ? 'filter-hit-isDiablo' : 'filter-hit' : '']\" @click=\"filterShopInfo(2)\"\n          >耗材不足</text\n        >\n      </div>\n      <scroller class=\"add-card-scroller\" show-scrollbar=\"false\" scroll-direction=\"vertical\">\n        <div class=\"detail-wrapper\" :style=\"{ marginBottom: '16px' }\" v-if=\"goodinfoList.length > 0\">\n          <div\n            :class=\"['shop-card', isDiablo && 'shop-card-isDiablo']\"\n            v-for=\"(item, index) in goodinfoList\"\n            :key=\"index\"\n          >\n            <div :class=\"['card-content', isDiablo && 'card-content-isDiablo']\" @click=\"showGoodsDetail(item)\">\n              <image :class=\"['img-shop', isDiablo && 'img-shop-isDiablo']\" :src=\"item.picInfo\"></image>\n              <div class=\"shop-info\">\n                <div class=\"shop-title\">\n                  <text :class=\"['shop-title-txt', isDiablo && 'shop-title-txt-isDiablo']\">{{ item.title }}</text>\n                </div>\n                <text :class=\"['description-txt', isDiablo && 'description-txt-isDiablo']\">{{\n                  item.sellingPoints != 'N/A' && item.sellingPoints != '/' ? item.sellingPoints : ''\n                }}</text>\n                <!-- <text :class=\"['description-txt', isDiablo && 'description-txt-isDiablo']\"\n                  >x{{ repeatProductCodesCount[item.itemCode] }}</text\n                > -->\n                <!-- <div class=\"price-box\">\n                    <text :class=\"['rmb-1', isDiablo && 'rmb-1-isDiablo']\">￥</text><text :class=\"['pblic-price', isDiablo && 'pblic-price-isDiablo']\">199</text>\n                    <text :class=\"['rmb-2', isDiablo && 'rmb-2-isDiablo']\">￥</text><text :class=\"['discount-price', isDiablo && 'discount-price-isDiablo']\">99.5</text>\n                    <image src=\"./assets/img/material/mei_price@3x.png\" class=\"discount-img\" style=\"width:70px; height:28px;\"></image>\n                  </div> -->\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"no-data-steper\" v-else>\n          <image class=\"no-data-img-steper\" :src=\"detailNoData\"></image>\n          <text class=\"no-data-txt\">暂无设备耗材</text>\n        </div>\n      </scroller>\n      <dof-button\n        v-if=\"goodinfoList.length > 0\"\n        pattern=\"base\"\n        text=\"加入购物车\"\n        size=\"full\"\n        :btnStyle=\"{ backgroundColor: isDiablo ? '#0490D3' : '#00A4F2', height: '92px', 'margin-top': '12px' }\"\n        :textStyle=\"{ color: isDiablo ? '#CFCFD0' : '#fff', 'font-size': '32px' }\"\n        :isHighlight=\"false\"\n        @dofButtonClicked=\"addCartThrottle\"\n      ></dof-button>\n    </div>\n  </dof-popup>\n</template>\n\n<script>\n// import nativeService from '../settings/nativeService'\nimport utils from './settings/utils'\nconst bridgeModule = weex.requireModule('bridgeModule')\nimport { throttle } from 'lodash'\nimport Icon from './settings/icon.base64'\nconst mlModule = weex.requireModule('MallModule')\nimport { DofPopup, DofButton } from 'dolphin-weex-ui'\nexport default {\n  components: {\n    DofPopup,\n    DofButton\n  },\n  props: {\n    showAddCartPopup: {\n      //加购弹窗展示与否\n      type: Boolean,\n      default: false\n    },\n    insufficientGoodinfoList: {\n      //不足耗材商品数据\n      type: Object,\n      default: () => {\n        return []\n      }\n    },\n    repeatProductCodesCount: {\n      //不足耗材商品code件数\n      type: Object,\n      default: () => {\n        return {}\n      }\n    },\n    insufficientProductCodeJson: {\n      //是否是不足耗材商品\n      type: Object,\n      default: () => {\n        return {}\n      }\n    },\n    isDiablo: {\n      type: Boolean,\n      default: false\n    },\n    channel: {\n      //来源----用于埋点等定制化需求\n      type: String,\n      default: 'materialList'\n    }\n  },\n  data() {\n    return {\n      showAddCartInsidePopup: false,\n      goodinfoList: [],\n      detailNoData: Icon.detail_no_data,\n      filterInsufficientGoodinfo: true\n    }\n  },\n  watch: {\n    showAddCartPopup: {\n      handler(val) {\n        this.showAddCartInsidePopup = val\n      }\n    },\n    showAddCartInsidePopup: {\n      handler(val) {\n        if (!val) {\n          this.$emit('cancleShowAddCartPopup')\n        }\n      }\n    },\n    insufficientGoodinfoList: {\n      handler(val) {\n        if (val) {\n          if (this.filterInsufficientGoodinfo) {\n            this.goodinfoList = this.insufficientGoodinfoList.filter(\n              item => this.insufficientProductCodeJson[item.itemCode]\n            )\n          } else {\n            this.goodinfoList = val\n          }\n        }\n      },\n      immediate: true\n    }\n  },\n\n  methods: {\n    filterShopInfo(index) {\n      if (index == 1) {\n        this.goodinfoList = this.insufficientGoodinfoList\n        this.filterInsufficientGoodinfo = false\n      } else {\n        this.goodinfoList = this.insufficientGoodinfoList.filter(\n          item => this.insufficientProductCodeJson[item.itemCode]\n        )\n        this.filterInsufficientGoodinfo = true\n      }\n\n      let trackParam = {\n        event: 'user_behavior_event',\n        eventParams: {\n          page_name: '耗材购买弹窗',\n          page_id: 'consumables_purchase_pop-up',\n          event_name: 'user_behavior_event',\n          module: '插件耗材组件',\n          widget_name: index == 1 ? '筛选全部耗材' : '筛选不足耗材',\n          widget_id: index == 1 ? 'filter_all_consumables' : 'filter_shortage_consumables',\n        }\n      }\n      this.$bridge.trackEvent(trackParam) \n    },\n\n    showGoodsDetail(item){\n      this.$bridge.goToPage({\n        type: 'jumpElecBusinessWeexNew',\n        param: {\n          url: '/dist/v2/pages/product/product_details.js?skuId=' + item.skuId + '&entrance=consumables',\n          needNavi: '1'\n        }\n      })\n    },\n\n    addCartThrottle: throttle(\n      function() {\n        this.handleAddCart()\n      },\n      2000,\n      { leading: true, trailing: false }\n    ),\n\n    async handleAddCart() {\n      bridgeModule.showLoading()\n      const itemCodeList = this.goodinfoList.map(item => item.itemCode)\n      let productList = []\n      console.log('paramsitemCodeList' + JSON.stringify(itemCodeList))\n      try {\n        //根据itemCode查询SkuId\n        // const res =  await this.querySkuIdByItemCodes(itemCodeList)\n\n        // if(res.code == '000000'){\n        //   //只要有失败的就显示加购失败\n        //   if(res.failedMap && JSON.stringify(obj) !== '{}'){\n        //     this.$bridge.showToast('加购失败')\n        //     return\n        //   }\n        //   if(res.data && res.data.successMap){\n        //     for(let k in res.data.successMap){\n        //       productList.push({\n        //         skuId: res.data.successMap[k].skuId,\n        //         productQty: this.repeatProductCodesCount[k]\n        //       })\n        //     }\n        //   }\n        // }\n        this.goodinfoList.forEach(item => {\n          productList.push({\n            skuId: item.skuId,\n            productQty: this.repeatProductCodesCount[item.itemCode]\n          })\n        })\n\n        console.log('productList列表：' + JSON.stringify(productList))\n        if (productList.length > 0) {\n          const ucAccessToken = await this.getUcAccessToken()\n          console.log('获取ucAccessToken：' + ucAccessToken)\n\n          //批量保存购物车\n          const batchSaveRes = await utils.sendMideaCloundSaleRequest(\n            utils.serviceList.shopCartBatchSave,\n            {\n              headParams: {\n                userKey: ucAccessToken\n              },\n              restParams: {\n                productList\n              }\n            },\n            {\n              isShowLoading: false\n            }\n          )\n\n          if (batchSaveRes && batchSaveRes.code !== '000000') {\n            this.$bridge.showToast('加购失败')\n            return\n          }\n          const { data = [] } = batchSaveRes\n          if (!batchSaveRes.data || !batchSaveRes.data.length) {\n            this.$bridge.showToast('加购失败')\n            return\n          }\n          //   if( data.length != productList.length){\n          //     //只要有失败的就显示加购失败并且移除已加入购物车的商品\n          //     this.$bridge.showToast('加购失败')\n          //     this.shopCartBatchRemove(data)\n          //     return\n          //   }\n          this.$bridge.showToast('已加入购物车')\n          this.$bridge.goToPage({\n            type: 'jumpElecBusinessWeexNew',\n            param: {\n              url: '/dist/v2/pages/cart/cart_page.js?entrance=consumables',\n              needNavi: '1'\n            }\n          })\n        } else {\n          this.$bridge.showToast('加购失败')\n        }\n      } catch (error) {\n        this.$bridge.showToast('加购失败')\n        console.log('获取商品id失败：' + JSON.stringify(error))\n      } finally {\n        this.showAddCartInsidePopup = false\n        bridgeModule.hideLoading()\n        let trackParam = {\n          event: 'user_behavior_event',\n          eventParams: {\n            page_name: '耗材列表',\n            page_id: 'consumables_list',\n            event_name: 'user_behavior_event',\n            module: '耗材管理',\n            widget_name: '加入购物车点击',\n            widget_id: 'consumables_allbuy_cart_click'\n          }\n        }\n        this.$bridge.trackEvent(trackParam)\n      }\n    },\n\n    async shopCartBatchRemove(data) {\n      const ucAccessToken = await this.getUcAccessToken()\n      return new Promise(async (resolve, reject) => {\n        try {\n          const res = await utils.sendMideaCloundSaleRequest(\n            utils.serviceList.shopCartBatchRemove,\n            {\n              headParams: {\n                userKey: ucAccessToken\n              },\n              restParams: {\n                ids: data.map(item => item.id)\n              }\n            },\n            {\n              isShowLoading: false\n            }\n          )\n          console.log('删除加购的商品成功' + JSON.stringify(res))\n          resolve(res)\n        } catch (error) {\n          reject(error)\n        }\n      })\n    },\n\n    getUcAccessToken() {\n      return new Promise(async (resolve, reject) => {\n        let ucAccessTokenTemp = 'ucAccessToken'\n        if (weex.config.env.platform == 'android') {\n          // 兼容android cookie匹配逻辑，后续android上线后去掉这段代码\n          ucAccessTokenTemp = 'ucAccessToken='\n        }\n        mlModule.getCookie(ucAccessTokenTemp, async ucAccessToken => {\n          resolve(ucAccessToken)\n        })\n      })\n    },\n\n    async querySkuIdByItemCodes(itemCodeList) {\n      return new Promise(async (resolve, reject) => {\n        try {\n          const res = await utils.sendMideaCloundSaleRequest(\n            utils.serviceList.querySkuIdByItemCodes,\n            {\n              restParams: {\n                itemCodeList: [...new Set(itemCodeList)]\n              }\n            },\n            {\n              isShowLoading: false\n            }\n          )\n          console.log('获取商品id成功：' + JSON.stringify(res))\n          resolve(res)\n        } catch (error) {\n          reject(error)\n        }\n      })\n    },\n\n    handleAddCartClose() {\n      if (!this.showAddCartInsidePopup) return\n      this.showAddCartInsidePopup = false\n    }\n  }\n}\n</script>\n\n<style>\n.content-add-card {\n  padding: 40px 32px 36px;\n}\n\n.add-card-title-box {\n  justify-content: center;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 54px;\n  position: relative;\n}\n\n.add-card-title {\n  font-size: 32px;\n  color: #1e2e37;\n  font-weight: 500;\n}\n\n.add-card-close {\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.filter-box {\n  flex-direction: row;\n  margin-bottom: 34px;\n}\n\n.filter-all {\n  width: 108px;\n  height: 52px;\n  line-height: 52px;\n  margin-right: 40px;\n  background-color: #f6f7f9;\n  font-size: 24px;\n  color: #8e969b;\n  text-align: center;\n  border-radius: 26px;\n}\n\n.filter-insufficient {\n  width: 156px;\n  height: 52px;\n  line-height: 52px;\n  background-color: #f6f7f9;\n  text-align: center;\n  color: #8e969b;\n  font-size: 24px;\n  font-weight: 500;\n  border-radius: 26px;\n}\n\n.filter-hit {\n  background-color: #1e2e37;\n  font-weight: 500;\n  color: #ffffff;\n}\n\n.add-card-scroller {\n  height: 546px;\n}\n\n.detail-wrapper {\n  width: 686px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  z-index: 100;\n}\n.shop-card {\n  width: 686px;\n  /* height: 370px; */\n  background-color: #fff;\n  border-radius: 32px;\n  margin-bottom: 16px;\n  box-sizing: border-box;\n  position: relative;\n}\n.corner-mark {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.card-content {\n  padding: 28px;\n  /* flex: 1; */\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  background: #f6f7f9;\n  border-radius: 32px;\n  align-items: center;\n}\n.img-shop {\n  width: 144px;\n  height: 144px;\n  margin-right: 28px;\n  border-radius: 10px;\n}\n.shop-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.shop-title {\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n  display: flex;\n  flex-direction: row;\n}\n.mark-txt {\n}\n.shop-title-txt {\n  flex: 1;\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 400;\n  color: #1e2e37;\n  lines: 2;\n  text-overflow: ellipsis;\n}\n.description-txt {\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 30px;\n  lines: 1;\n  color: #8a8a8f;\n  text-overflow: ellipsis;\n}\n.price-box {\n  flex-direction: row;\n  align-items: center;\n  margin-top: 25px;\n}\n.rmb-1 {\n  font-size: 20px;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.pblic-price {\n  font-size: 28px;\n  color: #1e2e37;\n  font-weight: 500;\n  margin-right: 35px;\n}\n.rmb-2 {\n  font-size: 16px;\n  color: #1e2e37;\n  font-weight: 500;\n}\n.discount-price {\n  font-size: 24px;\n  color: #1e2e37;\n  font-weight: 400;\n  margin-right: 20px;\n}\n.discount-img {\n  border-radius: 3px;\n  width: 70px;\n  height: 28px;\n}\n\n.no-data-steper {\n  width: 686px;\n  height: 546px;\n  border-radius: 32px;\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.no-data-img-steper {\n  width: 360px;\n  height: 300px;\n}\n\n.no-data-txt {\n  font-size: 28px;\n  color: #8a8a8f;\n}\n\n.add-card-button {\n  /* background: #00A4F2;\n  border-radius: 24px;\n  width: 686px; */\n}\n\n.add-card-title-isDiablo {\n  color: #cfcfd0;\n}\n\n.shop-card-isDiablo {\n  background-color: #2b2f32;\n}\n\n.card-content-isDiablo {\n  background: #2b2f32;\n}\n\n.img-shop-isDiablo {\n  opacity: 0.85;\n}\n\n.shop-title-txt-isDiablo {\n  color: #cfcfd0;\n}\n\n.description-txt-isDiablo {\n  color: #a2a4a5;\n}\n\n.rmb-1-isDiablo {\n  color: #cfcfd0;\n}\n\n.pblic-price-isDiablo {\n  color: #cfcfd0;\n}\n\n.rmb-2-isDiablo {\n  color: #cfcfd0;\n}\n\n.discount-price-isDiablo {\n  color: #cfcfd0;\n}\n\n.filter-all-isDiablo{\n  background-color: #171C1F;\n  color: #797c7e;\n}\n\n.filter-insufficient-isDiablo{\n  background-color: #171C1F;\n  color: #797c7e;\n}\n\n.filter-hit-isDiablo {\n  background-color: #cfcfd0;\n  font-weight: 500;\n  color: #101315;\n}\n</style>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -64743,16 +64749,16 @@ exports.default = {
         var type = item.remainingStatus;
         var percentTxt = item.percent;
         var textColorList = ['#F56428', '#FFAA10', '#ffffff'];
-        var frontColorList = ['#fd895c', '#ffd262', '#49c4fc'];
-        var backColorList = ['#f56b35', '#ffb823', '#4baeff'];
+        var frontColorList = ['#f78353', '#ffbb40', '#33b6f5'];
+        var backColorList = ['#fbc1a9', '#ffdd9f', '#99dbfa'];
 
         // 判断显示类型
         if (item.remainingValueType == 4) {
           percent = item.remainingStatus == 2 ? 0.6 : 0.1;
           percentTxt = type == 2 ? '充足' : '不足';
           textColorList = ['#FF6A4C', '#FF6A4C', '#ffffff'];
-          frontColorList = ['#fd895c', '#fd895c', '#49c4fc'];
-          backColorList = ['#f56b35', '#f56b35', '#4baeff'];
+          frontColorList = ['#f78353', '#f78353', '#33b6f5'];
+          backColorList = ['#fbc1a9', '#fbc1a9', '#99dbfa'];
         }
 
         // if( percent > 0.2 && percent <= 0.5 ){
@@ -64766,6 +64772,7 @@ exports.default = {
           backgroundColor: '#00000000', //背景色 默认为#000000
           progress: percent < 0.01 && percent != 0 ? 0.01 : percent, //s 进度 [0 ... 1]
           showWaveCover: true,
+          waveCoverType: 0,
           textFont: 12, //字体大小，默认为14
           text: percentTxt, //文本 默认为空
           textColor: textColorList[type], //文本颜色，默认#FFFFFF
@@ -64777,15 +64784,26 @@ exports.default = {
         };
       } else {
         return {
-          backgroundColor: '#e9f1ff', //背景色 默认为#000000
           frontWaveColor: '#e9f1ff', //已完成后的颜色默认#FFFFFF
           backWaveColor: '#e9f1ff',
+          backgroundColor: '#00000000', //背景色 默认为#000000
           progress: 0,
           animate: false,
           text: '' //文本 默认为空
         };
       }
     },
+    showBgco: function showBgco(it) {
+      var bgcoArr = [this.bgcoOne, this.bgcoTwo, this.bgcoThree];
+      if (this.dealDeviceMaterialList[0].deviceInfo.isOnline == 1) {
+        if (it.remainingValueType == 4) {
+          bgcoArr = [this.bgcoOne, this.bgcoOne, this.bgcoThree];
+        }
+        return bgcoArr[it.remainingStatus];
+      } else {
+        return bgcoArr[2];
+      }
+    },
     showGoodsList: function showGoodsList() {
       this.showAddCartPopup = true;
       var trackParam = {
@@ -65076,10 +65094,6 @@ exports.default = {
       };
       this.$bridge.trackEvent(trackParam);
     },
-    showBgco: function showBgco(item) {
-      var bgcoArr = [this.bgcoOne, this.bgcoTwo, this.bgcoThree];
-      return bgcoArr[item.remainingStatus];
-    },
     scrollEvent1: function scrollEvent1(e) {
       // console.log('scrollEvent===' + JSON.stringify(e))
       console.log('偏移量' + (this.recommendSliderWidth - (686 + -e.contentOffset.x)));
@@ -86871,7 +86885,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   return _c('dof-popup', {
     attrs: {
       "show": _vm.showAddCartInsidePopup,
-      "height": 980,
+      "height": 880,
       "pos": "bottom",
       "popupColor": _vm.isDiablo ? '#1e2326' : '',
       "data-evt-dofPopupOverlayClicked": ""