POS-2017

拖拽排序功能

实现方法:

  • 使用jquery的Sortable功能可以实现拖拽功能
   // 监控steelyardSetting.isEnable,添加jquery sortable 排序       --- added by hexon
      // steelyardSetting.isEnable(val) {
      //   let _this = this;  
      //   $('.page-setting .page-setting-body .steelyardSortable').sortable({
      //     // --- 参数 ---
      //     axis: 'x',                      // 只能在x方向上排序
      //     containment: 'parent',          // 元素的移动范围在父元素下
      //     scroll: true,·
      //     //--- 事件 ---
      //     stop: function(event, ui) {     // 拖拽结束事件
      //       // 获取重新排序后的元素id数组
      //       var attr = $('.page-setting .page-setting-body .steelyardSortable').sortable('toArray');
      //       // 将排列后的条码顺序传出
      //       _this.steelyardItemSort.sort = attr;
      //     }
      //   });
      // }


     // --- 对电子秤中的条目进行排序 ---         --- added by hexon
      // if (this.steelyardSetting.isEnable && 
      //     this.steelyardItemSort !== undefined && this.steelyardItemSort !== null && this.steelyardItemSort !== ''
      //   ) {
      //     this.steelyardSort();
      //   }

              // 识别码在条码中的信息
              // this.barCodeRule.idCode.pos = 0;    // 识别码位置
              // this.barCodeRule.idCode.length = this.steelyardSetting.para.idCode.length;  // 识别码长度
              // this.barCodeRule.idCode.value = this.steelyardSetting.para.idCode;          // 识别码值

index页面


//        if (this.steelyard !== null
//          && keyword.length === this.steelyard.a1.length + parseInt(this.steelyard.a2) + parseInt(this.steelyard.a3) + (parseInt(this.steelyard.a4)) + parseInt(this.steelyard.a5)
//          && keyword.substr(this.steelyardItemSort.pos.a1, this.steelyard.a1.length) == this.steelyard.a1) {
//
//          this.steelyardGoods.pluCode = keyword.substr(this.steelyardItemSort.pos.a2, parseInt(this.steelyard.a2));
//          this.steelyardGoods.price = parseFloat(keyword.substr(this.steelyardItemSort.pos.a3, parseInt(this.steelyard.a3)) * 0.01);
//          this.steelyardGoods.weight = parseFloat(keyword.substr(this.steelyardItemSort.pos.a4, parseInt(this.steelyard.a4)) * 0.01);
//          keyword = this.steelyardGoods.pluCode;
//
//        } else {
//          this.steelyardGoods.pluCode = null;
//          this.steelyardGoods.price = 0;
//          this.steelyardGoods.weight = 0;
//        }

html部分


                  

商品导出功能

  • 从服务器拿到电子秤商品列表后,在商品列表中添加一个选择状态字段,将该字段使用双向绑定,将商品列表传到商品列表组件中渲染

你可能感兴趣的:(POS-2017)