@atomicservice/ascf-base 1.0.16 → 1.0.17

package/dist/templates/ascfTakeaway/pages/Page_OrderList/component/c_sub_tab.js

@@ -0,0 +1,207 @@
+import { list, order_list } from '../data.js';
+const rateList = ['全部', '最近7天', '最近30天']
+const app = getApp()
+Component({
+  properties: {
+    datas: '',
+  },
+  data: {
+    obligation: [],
+    inbound: [],
+    completed: [],
+    cancelled: [],
+    shipment: [],
+    currentIndex: 0,
+    rates: ['全部', '最近7天', '最近30天'],
+    rateIndex: 0,
+    keyvalue: ''
+  },
+  attached() {
+    this.onInit();
+  },
+  methods: {
+    onInit: function () {
+      let obligation = [];
+      let inbound = [];
+      let completed = [];
+      let cancelled = [];
+      let shipment = [];
+      Array.prototype.forEach.call(order_list, (e) => {
+        if (e.state && e.state === 1) {
+          obligation.push(e);
+        }
+        if (e.state && e.state === 2) {
+          inbound.push(e);
+        }
+        if (e.state && e.state === 3) {
+          completed.push(e);
+        }
+        if (e.state && e.state === 4) {
+          cancelled.push(e);
+        }
+        if (e.state && e.state === 5) {
+          shipment.push(e);
+        }
+      });
+      this.setData({
+        obligation,
+        inbound,
+        completed,
+        cancelled,
+        shipment
+      });
+    },
+    changeTabactive: function (e) {
+      this.setData({
+        currentIndex: e.currentTarget.dataset.index,
+      });
+    },
+    // 删除订单
+    deleteOrder(order) {
+      has.showModal({
+        content: '确定删除订单？',
+        confirmText: '确定',
+        confirmColor: '#FE9F05',
+        cancelColor: '#1A1A1A',
+      });
+    },
+    // 取消订单
+    cancelOrder(order) {
+      has.showModal({
+        content: '确定取消订单？',
+        confirmText: '确定',
+        confirmColor: '#FE9F05',
+        cancelColor: '#1A1A1A',
+      });
+    },
+    // 去支付
+    toPay(order) {
+      // 跳转到支付页面
+      has.navigateTo({
+        url: '/pages/Page_Orders/index',
+      });
+    },
+    // 确认收货
+    receivingOrder() {
+      has.showModal({
+        content: '您是否已收到该订单商品？',
+        confirmText: '已收货',
+        cancelText: '未收货',
+        confirmColor: '#FE9F05',
+        cancelColor: '#1A1A1A',
+      });
+    },
+    //筛选
+    rateChange(e) {
+      this.setData({
+        rateIndex: e.detail.value,
+        rate: rateList[e.detail.value]
+      })
+    },
+    //搜索
+    search: function (e) {
+      let keyvalue = e.detail.value;
+      if(!keyvalue){
+        let datas = {
+          color_normal: '#1A1A1A',
+          color_active: '#24A846',
+          list: list,
+          order_list: order_list,
+        }
+        this.setData({
+           datas:datas
+        });
+        this.onInit();
+        return;
+      }
+      let order_list2 = JSON.parse(JSON.stringify(order_list));
+      let list2 = JSON.parse(JSON.stringify(list));
+      let datas = {
+        color_normal: '#1A1A1A',
+        color_active: '#24A846',
+        list: list2,
+        order_list: order_list2,
+      };
+      let arr = [];
+      if (this.data.currentIndex == 0) {
+        datas.order_list.map((item, index) => {
+          if (!(item.goodList[0].goods_name === keyvalue || item.goodList[0].order_number == keyvalue)) {
+            datas.order_list.splice(index, 1)
+          }
+        })
+      }
+      datas.order_list = arr;
+      let obligation = [];
+      let inbound = [];
+      let completed = [];
+      let cancelled = [];
+      let shipment = [];
+
+      Array.prototype.forEach.call(order_list, (e) => {
+        if (e.state && e.state === 1) {
+          obligation.push(e);
+        }
+        if (e.state && e.state === 2) {
+          inbound.push(e);
+        }
+        if (e.state && e.state === 3) {
+          completed.push(e);
+        }
+        if (e.state && e.state === 4) {
+          cancelled.push(e);
+        }
+        if (e.state && e.state === 5) {
+          shipment.push(e);
+        }
+      });
+
+      obligation.map((item, index) => {
+        if (!(item.goodList[0].goods_name === keyvalue || item.goodList[0].order_number == keyvalue)) {
+          obligation.splice(index, 1)
+        }
+      })
+      inbound.map((item, index) => {
+        if (!(item.goodList[0].goods_name === keyvalue || item.goodList[0].order_number == keyvalue)) {
+          inbound.splice(index, 1)
+        }
+      })
+      completed.map((item, index) => {
+        if (!(item.goodList[0].goods_name === keyvalue || item.goodList[0].order_number == keyvalue)) {
+          completed.splice(index, 1)
+        }
+      })
+      cancelled.map((item, index) => {
+        if (!(item.goodList[0].goods_name === keyvalue || item.goodList[0].order_number == keyvalue)) {
+          cancelled.splice(index, 1)
+        }
+      })
+      shipment.map((item, index) => {
+        if (!(item.goodList[0].goods_name === keyvalue || item.goodList[0].order_number == keyvalue)) {
+          shipment.splice(index, 1)
+        }
+      })
+      datas.list[0].number = datas.order_list.length;
+      datas.list[1].number = obligation.length;
+      datas.list[2].number = inbound.length;
+      datas.list[3].number = completed.length;
+      datas.list[4].number = cancelled.length;
+      datas.list[5].number = shipment.length;
+      this.setData({
+        obligation: obligation,
+        inbound: inbound,
+        completed: completed,
+        cancelled: cancelled,
+        shipment: shipment,
+        datas: datas
+      });
+    },
+    //跳转到订单详情
+    toPageOrderDetails(e) {
+      let item = e.currentTarget.dataset.item;
+      app.globalData.OrderDetails = item;
+      has.navigateTo({
+        url: '/pages/Page_OrderDetails/index',
+      });
+    }
+  },
+});

package/dist/templates/ascfTakeaway/pages/Page_OrderList/component/c_sub_tab.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/dist/templates/ascfTakeaway/pages/Page_OrderList/component/subtab.css

@@ -0,0 +1,210 @@
+.container-text {
+  justify-content: center;
+}
+
+.tab-bar {
+  height: 100px;
+  width: 100%;
+  background-color: #ffffff;
+}
+
+.tab-item {
+  flex-direction: column;
+  align-items: center;
+}
+
+.tab-item text {
+  opacity: 0.5;
+  margin-bottom: 12px;
+  font-size: 31.3px;
+  color: #1a1a1a;
+}
+
+.tab-item text:active {
+  font-size: 31.3px;
+  margin-bottom: 8px;
+  color: #1a1a1a;
+}
+
+.line {
+  width: 100px;
+  height: 4px;
+}
+
+.no-order {
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  margin-top: 83px;
+}
+
+.no-order image {
+  width: 313px;
+  height: 260px;
+}
+
+.no-order text {
+  color: #1a1a1a;
+  font-size: 27.1px;
+  opacity: 0.5;
+}
+
+.block {
+  margin-bottom: 17px;
+  flex-direction: column;
+  width: 100%;
+}
+.block-comp {
+  margin-bottom: 17px;
+  flex-direction: column;
+  width: 100%;
+}
+
+.img-complete {
+  width: 104px;
+  height: 97px;
+  margin-left: 533px;
+}
+
+.content-category {
+  flex-direction: column;
+  background-color: #ffffff;
+}
+
+.obligation-item {
+  flex-direction: column;
+  margin: 0 0 17px 0;
+  background-color: #ffffff;
+}
+
+.title {
+  justify-content: space-between;
+  margin-bottom: 16px;
+  align-items: center;
+  margin: 33px 33px 0 33px;
+}
+
+.time {
+  color: #1a1a1a;
+  font-size: 31.3px;
+}
+
+.state {
+  color: #fe9f05;
+  font-size: 27.1px;
+}
+
+.order-pic {
+  height: 158px;
+  align-items: center;
+  background-color: rgba(26, 26, 26, 0.03);
+  padding: 0 33px 0 33px;
+}
+
+.order-pic image {
+  width: 133px;
+  height: 133px;
+  margin-right: 34px;
+}
+
+.order-pic text {
+  font-size: 31.3px;
+  color: #1a1a1a;
+}
+
+.position {
+  align-items: center;
+}
+
+.position-image {
+  width: 21px;
+  height: 26px;
+  margin-right: 12px;
+}
+
+.delete {
+  align-items: center;
+}
+
+.delete-image {
+  width: 33px;
+  height: 33px;
+  margin-left: 20px;
+}
+
+.pos-time {
+  margin-bottom: 16px;
+  margin-top: 16px;
+  opacity: 0.5;
+}
+
+.opaci {
+  opacity: 0.5;
+}
+
+.order-total {
+  justify-content: flex-end;
+  margin: 17px 33px 0 33px;
+}
+
+.title-image {
+  width: 33px;
+  height: 33px;
+}
+
+.number {
+  color: #1a1a1a;
+  font-size: 27.1px;
+  opacity: 0.5;
+  margin-right: 8px;
+}
+
+.total-price {
+  color: #1a1a1a;
+  font-size: 27.1px;
+}
+
+.inbound-item {
+  margin: 33px 33px 0 33px;
+  flex-direction: column;
+}
+
+.seprate {
+  border-bottom-width: 1px;
+  border-color: #f2f2f2;
+  margin: 17px 33px 16px 33px;
+}
+
+.complete-cancel {
+  margin-bottom: 16px;
+}
+
+.order-button {
+  justify-content: flex-end;
+  margin: 0 33px 33px 33px;
+}
+
+.cancel {
+  width: 153px;
+  height: 58px;
+  font-size: 27px;
+  margin-left: 25px;
+  border: 2px solid #cccccc;
+  border-radius: 8px;
+  text-align: center;
+}
+
+.pay {
+  width: 153px;
+  height: 58px;
+  color: #fe9f05;
+  font-size: 27px;
+  margin-left: 25px;
+  border-radius: 8px;
+  border: 2px solid #fe9f05;
+  text-align: center;
+}
+
+stack {
+  width: 100%;
+}

package/dist/templates/ascfTakeaway/pages/Page_OrderList/data.js

@@ -0,0 +1,146 @@
+const list = [
+  { title: '全部', show_line: false, color: '#1A1A1A', number:6 },
+  { title: '待付款', show_line: false, color: '#1A1A1A', number:2 },
+  { title: '待收货', show_line: false, color: '#1A1A1A', number:1 },
+  { title: '待评价', show_line: false, color: '#1A1A1A', number:2 },
+  { title: '退款', show_line: false, color: '#1A1A1A', number:1 },
+  { title: '待发货', show_line: false, color: '#1A1A1A', number:1 },
+];
+
+let format = function (time, fmt) {
+  let o = {
+    'M+': time.getMonth() + 1, //月份
+    'd+': time.getDate(), //日
+    'h+': time.getHours(), //小时
+    'm+': time.getMinutes(), //分
+    's+': time.getSeconds(), //秒
+    'q+': Math.floor((time.getMonth() + 3) / 3), //季度
+    S: time.getMilliseconds(), //毫秒
+  };
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(
+      RegExp.$1,
+      (time.getFullYear() + '').substr(4 - RegExp.$1.length)
+    );
+  }
+  for (let k in o) {
+    if (new RegExp('(' + k + ')').test(fmt)) {
+      fmt = fmt.replace(
+        RegExp.$1,
+        RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
+      );
+    }
+  }
+  return fmt;
+};
+
+const GOOD1 = {
+  goods_pic: './TO_DELETE/prunes.png',
+  goods_name: '招牌 黑藤巨峰',
+  goods_numbers: '一份/约500g',
+  goods_discount: 40.8,
+  goods_price: 58.8,
+  choosed: true,
+  number: 4,
+  order_number: 12345
+};
+
+const GOOD2 = {
+  goods_pic: './TO_DELETE/watermelon.png',
+  goods_name: '[默认切块] B级麒麟瓜',
+  goods_numbers: '半个/1600-3000g',
+  goods_discount: 40.8,
+  goods_price: 58.8,
+  choosed: true,
+  number: 2,
+  order_number: 678910
+};
+
+const GOOD3 = {
+  goods_pic: './TO_DELETE/pear.png',
+  goods_name: '招牌 冰糖翠冠梨 （大）',
+  goods_numbers: '一份/约500g',
+  goods_discount: 40.8,
+  goods_price: 58.8,
+  choosed: true,
+  number: 1,
+  order_number: 12345
+};
+
+const GOOD4 = {
+  goods_pic: './TO_DELETE/orange.png',
+  goods_name: '冰糖橙',
+  goods_numbers: '一份/约500g',
+  goods_discount: 40.8,
+  goods_price: 58.8,
+  choosed: true,
+  number: 1,
+  order_number: 12345
+};
+
+const order_list = [
+  {
+    time: format(new Date(Date.now()), 'yyyy-MM-dd hh:mm:ss'), //下单时间
+    goodList: [GOOD1],
+    state: 1, // 订单状态,
+    desc: '待付款', // 订单状态描述,
+    number: 1, //商品数量
+    address: '天安云谷1栋A座', //订单地址
+    total_price: 65.34,
+  },
+  {
+    time: format(new Date(Date.now()), 'yyyy-MM-dd hh:mm:ss'), //下单时间
+    goodList: [GOOD2],
+    state: 1, // 订单状态,
+    desc: '待付款', // 订单状态描述,
+    number: 1, //商品数量
+    address: '天安云谷1栋A座', //订单地址
+    total_price: 65.34,
+  },
+  {
+    time: format(new Date(Date.now()), 'yyyy-MM-dd hh:mm:ss'), //下单时间
+    goodList: [GOOD2, GOOD3, GOOD4],
+    state: 2, // 订单状态,
+    desc: '待收货', // 订单状态描述,
+    number: 1, //商品数量
+    address: '天安云谷1栋A座', //订单地址
+    total_price: 65.34, // 总价
+  },
+  {
+    time: format(new Date(Date.now()), 'yyyy-MM-dd hh:mm:ss'), //下单时间
+    goodList: [GOOD2],
+    state: 3, // 订单状态,
+    desc: '待评价', // 订单状态描述,
+    address: '天安云谷1栋A座', //订单地址
+    number: 1, //商品数量
+    total_price: 65.34, // 总价
+  },
+  {
+    time: format(new Date(Date.now()), 'yyyy-MM-dd hh:mm:ss'), //下单时间
+    goodList: [GOOD1],
+    state: 3, // 订单状态,
+    desc: '待评价', // 订单状态描述,
+    address: '天安云谷1栋A座', //订单地址,
+    number: 1, //商品数量
+    total_price: 65.34, // 总价
+  },
+  {
+    time: format(new Date(Date.now()), 'yyyy-MM-dd hh:mm:ss'), //下单时间
+    goodList: [GOOD2, GOOD3],
+    state: 4, // 订单状态,
+    desc: '已退款', // 订单状态描述,
+    address: '天安云谷1栋A座', //订单地址,
+    number: 1, //商品数量
+    total_price: 65.34, // 总价
+  },
+  {
+    time: format(new Date(Date.now()), 'yyyy-MM-dd hh:mm:ss'), //下单时间
+    goodList: [GOOD2],
+    state: 5, // 订单状态,
+    desc: '待发货', // 订单状态描述,
+    number: 1, //商品数量
+    address: '天安云谷1栋A座', //订单地址
+    total_price: 65.34,
+  },
+];
+export { list, order_list };

package/dist/templates/ascfTakeaway/pages/Page_OrderList/index.css

@@ -0,0 +1 @@
+

package/dist/templates/ascfTakeaway/pages/Page_OrderList/index.hxml

@@ -0,0 +1,3 @@
+<view class="container-orderList safe-area-inset-bottom">
+  <subtab datas="{{datas}}"></subtab>
+</view>

package/dist/templates/ascfTakeaway/pages/Page_OrderList/index.js

@@ -0,0 +1,11 @@
+import { list, order_list } from './data.js';
+Page({
+  data: {
+    datas: {
+      color_normal: '#1A1A1A',
+      color_active: '#24A846',
+      list: list,
+      order_list: order_list,
+    },
+  },
+});

package/dist/templates/ascfTakeaway/pages/Page_OrderList/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "subtab": "./component/c_sub_tab"
+  },
+  "navigationBarTitleText": "我的订单"
+}