@atomicservice/ascf-base 1.0.16 → 1.0.17

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_ShoppingCart/index.js

@@ -0,0 +1,57 @@
+const app = getApp()
+Page({
+  data: {
+    showpay: true,
+    address: '开发区九峰三路207号A1栋', // 购物车当前定位地址
+    datas_shoppingcart: {
+      checked: './img/checked.png', // 商品被选中的图标
+      unChecked: './img/unchecked.png', // 商品未被选中的图标
+      // 商品信息列表
+      list: [],
+    },
+    total_price: 0,
+    key: 0,
+    selected_number: 0
+  },
+  onShow() {
+    let that = this;
+    let total_price = 0;
+    let res = [];
+    app.globalData.verticaltablist.map((item, index) => {
+      item.products.map((item2, index2) => {
+        if (item2.count > 0) {
+          res.push(item2)
+        }
+      })
+    })
+
+    let arr = [];
+    let selected_number = 0;
+    if (res) {
+      res.map((item, index) => {
+        if (item.count > 0) {
+          arr.push({
+            goods_pic: item.goods_pic,
+            goods_name: item.goods_name,
+            goods_numbers: item.goods_numbers,
+            goods_discount: item.goods_discount,
+            goods_price: item.goods_price,
+            choosed: item.choosed,
+            number: item.count
+          })
+          total_price = total_price + item.count * item.goods_discount;
+        }
+        if (item.choosed) {
+          selected_number++;
+        }
+      })
+      that.data.datas_shoppingcart.list = arr;
+      that.setData({
+        datas_shoppingcart: that.data.datas_shoppingcart,
+        total_price: total_price.toFixed(2),
+        key: Date.now(),
+        selected_number: selected_number
+      })
+    }
+  }
+});

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_ShoppingCart/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "shoppingcarts": "./component/c_shoppingcart"
+  },
+  "navigationBarTitleText": "外卖"
+}

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_set/c_set.css

@@ -0,0 +1,35 @@
+.set-content {
+  display: flex;
+  flex-direction: column;
+  padding: 30rpx 33rpx;
+  width: 100%;
+  width: 684rpx;
+}
+
+.set-box {
+  border-bottom: 2rpx solid #ccc;
+  align-items: center;
+  display: flex;
+}
+.set-box:last-child {
+  border: none;
+}
+.set-title {
+  padding-top: 29rpx;
+  padding-bottom: 29rpx;
+  color: #1a1a1a;
+  font-size: 31rpx;
+  flex: 1;
+}
+
+.set-sub-title {
+  color: #8d8d8d;
+  font-size: 27rpx;
+}
+
+.set-img {
+  height: 28rpx;
+  width: 16rpx;
+  margin-left: 14rpx;
+  margin-right: 10rpx;
+}

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_set/c_set.hxml

@@ -0,0 +1,6 @@
+<view class="set-content">
+	<view has:for="{{view}}" class="set-box" bind:tap="detail" data-index="{{index}}">
+		<text class="set-title">{{item.title}}</text>
+		<image class="set-img" src="../../img/arrow.png"></image>
+	</view>
+</view>

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_set/c_set.js

@@ -0,0 +1,42 @@
+Component({
+  properties: {
+    view: '',
+  },
+  attached() {
+    console.log(this.data.view);
+  },
+  methods: {
+    detail: function (e) {
+      console.log(e.currentTarget.dataset.index);
+      switch (e.currentTarget.dataset.index) {
+        case 0:
+          //打开系统的收货地址页，需要进行配置和申请
+          // has.chooseAddress({
+          //   success: (res) => {
+          //     console.log('chooseAddress success', res);
+          //   },
+          //   fail(err) {
+          //     console.log('chooseAddress fail',err);
+          //     has.navigateTo({
+          //       url: '/pages/Page_Address/index',
+          //     });
+          //   },
+          // });
+          has.navigateTo({
+                url: '/pages/Page_Address/index',
+              });
+          break;
+        case 1:
+          has.navigateTo({
+            url: '/pages/Page_Account/index',
+          });
+          break;
+        case 2:
+          has.navigateTo({
+            url: '/pages/Page_OrderList/index',
+          });
+          break;
+      }
+    },
+  },
+});

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_set/c_set.json

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

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_user_card/c_user_card.css

@@ -0,0 +1,127 @@
+.user-card {
+  margin: 32rpx 32rpx 50rpx 32rpx;
+  width: 684rpx;
+  flex-direction: column;
+  height: 316rpx;
+  border-radius: 16rpx;
+  background: #e9bf6c;
+  display: flex;
+}
+
+.line {
+  height: 50rpx;
+  width: 3rpx;
+  margin: 0 20rpx;
+  background-color: rgba(0, 0, 0, 0.2);
+  align-self: center;
+}
+
+.usercard-top {
+  padding: 20rpx;
+  display: flex;
+  height: 100rpx;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.usercard-top-left {
+  align-items: center;
+  display: flex;
+}
+
+.portrait {
+  width: 40%;
+  justify-content: space-around;
+  align-items: center;
+  text-align: right;
+}
+
+.avatar-img {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50rpx;
+}
+
+.name-text {
+  color: #5b441a;
+  font-size: 31rpx;
+  margin-left: 34rpx;
+  margin-right: 16rpx;
+}
+
+.vip-div {
+  width: 154rpx;
+  height: 41rpx;
+  align-items: center;
+  background-color: #d7b674;
+  opacity: 0.4;
+  border-radius: 20rpx;
+}
+
+.vip-img {
+  width: 24rpx;
+  height: 24rpx;
+  margin-left: 0rpx;
+  margin-right: 5rpx;
+}
+
+.vip-level {
+  color: #634305;
+  font-size: 20rpx;
+}
+
+.vip-view {
+  width: 140rpx;
+  background-color: #f0d399;
+  border-radius: 20rpx;
+  height: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.qrcode-img {
+  width: 55rpx;
+  height: 55rpx;
+  align-items: flex-end;
+}
+
+.usercard-bottom {
+  display: flex;
+  margin: 59rpx 0rpx 32rpx 16rpx;
+  height: 76rpx;
+  width: 618rpx;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.usercard-bottom-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 192rpx;
+}
+
+.item-mount {
+  color: #5b441a;
+  font-size: 31.3rpx;
+  text-align: center;
+  font-weight: bold;
+}
+
+.item-key {
+  font-size: 25rpx;
+  text-align: center;
+  color: #5b441a;
+}
+
+.item-top text {
+  font-weight: bold;
+  font-size: 31rpx;
+  text-align: center;
+  color: #5b441a;
+}
+
+.item {
+  display: flex;
+}

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_user_card/c_user_card.hxml

@@ -0,0 +1,24 @@
+<!-- template里只能有一个根节点 -->
+<view class="user-card">
+  <view type="viewItem1" class="usercard-top">
+    <view class="usercard-top-left">
+      <image class="avatar-img" src="{{content.portrait}}"></image>
+      <text class="name-text">{{content.username}}</text>
+      <view class="vip-view">
+        <image class="vip-img" src="../../TO_DELETE/vip.png"></image>
+        <text class="vip-level">{{content.vip}}</text>
+      </view>
+    </view>
+    <image class="qrcode-img" src="../../TO_DELETE/QR_code.png" onclick="showQR"></image>
+  </view>
+  <view type="viewItem2" class="usercard-bottom">
+    <view has:for="{{cardinfo}}" has:key="item" class="item">
+      <view class="line" has:if="{{index>0}}">
+      </view>
+      <view class="usercard-bottom-item" data-item="{{item}}" bind:tap="forward">
+        <text class="item-mount">{{item.mount}}</text>
+        <text class="item-key">{{item.key}}</text>
+      </view>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_user_card/c_user_card.js

@@ -0,0 +1,18 @@
+Component({
+  properties: {
+    content: '',
+    cardinfo: '',
+  },
+  attached() { },
+  methods: {
+    showQR: function () { },
+    //用户会员卡下排跳转事件
+    forward: function (e) {
+      if (e.currentTarget.dataset.item.src === 'coupon') {
+        has.navigateTo({
+          url: '/pages/Page_Coupon/index',
+        });
+      }
+    },
+  },
+});

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_user_card/c_user_card.json

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

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_user_card_no_login/c_user_card_no_login.css

@@ -0,0 +1,55 @@
+.user-card-nologin {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+  width: 100%;
+  height: 320rpx;
+  border-radius: 15rpx;
+  padding: 0 15rpx;
+  background: #f5f5f5;
+}
+
+.name-nologin {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-top: 30rpx;
+}
+
+.main-title {
+  font-size: 35rpx;
+  color: rgb(84, 84, 84);
+}
+
+.sub-title {
+  font-size: 30rpx;
+  color: rgb(152, 152, 152);
+}
+
+.usercard-top {
+  width: 100%;
+  height: 190rpx;
+}
+
+.portrait-noexpand {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  text-align: right;
+}
+
+.portrait-noexpand image {
+  border-radius: 70rpx;
+  width: 100rpx;
+  height: 100rpx;
+}
+
+.name text {
+  font-weight: bold;
+  font-size: 35rpx;
+}

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_user_card_no_login/c_user_card_no_login.hxml

@@ -0,0 +1,12 @@
+<!-- template里只能有一个根节点 -->
+<view class="user-card-nologin">
+  <view class="usercard-top">
+    <view class="portrait-noexpand" bind:tap="login">
+      <image src="{{content.portrait}}"></image>
+      <view class="name-nologin">
+        <text class="main-title">{{content.title}}</text>
+        <text class="sub-title">{{content.subTitle}}</text>
+      </view>
+    </view>
+  </view>
+</view>

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_user_card_no_login/c_user_card_no_login.js

@@ -0,0 +1,10 @@
+Component({
+  properties: {
+    content: '',
+  },
+  attached() {},
+  methods: {
+    //登录接口
+    login: function () {},
+  },
+});

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/component/c_user_card_no_login/c_user_card_no_login.json

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

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/index.css

@@ -0,0 +1,20 @@
+.container {
+  flex-direction: column;
+}
+
+.user-top {
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+  margin-top: 20px;
+  width: 100%;
+}
+
+.user-middle {
+  margin-top: 60px;
+}
+
+.user-bottom {
+  margin-top: 50px;
+}

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/index.hxml

@@ -0,0 +1,17 @@
+<!-- template里只能有一个根节点 -->
+<view class="container">
+  <view type="viewItem1" class="user-top">
+    <block has:if="{{loginstatus}}">
+      <!-- 用户登录成功的卡片 -->
+      <usercard cardinfo="{{cardinfo}}" content="{{userCard}}"></usercard>
+    </block>
+    <block has:if="{{!loginstatus}}">
+      <!-- 用户未登录时候的卡片 -->
+      <usercardnologin content="{{userCardNoLogin}}"></usercardnologin>
+    </block>
+  </view>
+  <!-- 地址管理、账号管理等列表组件 -->
+  <view>
+    <set view="{{setview}}"></set>
+  </view>
+</view>

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/index.js

@@ -0,0 +1,105 @@
+Page({
+  data: {
+    //为true时显示登录时界面
+    loginstatus: true,
+    setview: [
+      { title: '地址管理' },
+      // { title: '客服帮助' },
+      { title: '我的收藏' },
+      { title: '订单管理' },
+    ],
+    //会员卡底部信息
+    cardinfo: [
+      {
+        mount: 645,
+        key: '积分',
+        src: 'score',
+      },
+      {
+        mount: '5张',
+        key: '优惠券',
+        src: 'coupon',
+      },
+      {
+        mount: 406.0,
+        key: '钱包·充值',
+        src: 'money',
+      },
+    ],
+    //登陆成功卡片的信息
+    userCard: {
+      portrait: './TO_DELETE/login_avatar.png',
+      username: 'Jiaqi',
+      vip: 'XX会员',
+      expand: [
+        {
+          number: 12,
+          name: '优惠券',
+        },
+        {
+          number: 34,
+          name: '唯品币',
+        },
+        {
+          number: 56.0,
+          name: '零钱',
+        },
+      ],
+    },
+    //未登录卡片信息
+    userCardNoLogin: {
+      portrait: './TO_DELETE/login_avatar.png',
+      title: '登陆华为账户',
+      subTitle: '大波红包等你拿xxxx',
+    },
+    //设置列表数据
+    setlist: [
+      {
+        title: '地址管理',
+        src: 'Page_Address',
+      },
+      {
+        title: '我的订单',
+        src: 'Page_OrderList',
+      },
+      {
+        title: '客服帮助',
+        src: 'help',
+      },
+      {
+        title: '账号管理',
+        src: 'Page_Account',
+      },
+    ],
+  },
+  onShow(){
+    const that = this;
+    has.login({
+      success(res) {
+        console.log('静默登录成功', res)
+        has.getUserProfile({
+          success: (res2) => {
+            that.data.userCard.portrait = res2.avatarUrl;
+            that.data.userCard.username = res2.nickname;
+            that.setData({
+              userCard:that.data.userCard
+            })
+            console.log(`getUserProfile success, res = ${JSON.stringify(res2)}`);
+          },
+          fail: (err) => {
+            console.log(`getUserProfile fail, err = ${JSON.stringify(err)}`);
+          },
+          complete: (res2) => {
+            console.log(`getUserProfile complete, res = ${JSON.stringify(res2)}`);
+          }
+        });
+      },
+      fail(res) {
+        console.log('静默登录失败', res)
+      },
+      complete(res) {
+        console.log('静默登录完成')
+      },
+    })
+  }
+});

package/dist/templates/ascfTakeaway/pages/Page_MainTab/Page_User/index.json

@@ -0,0 +1,8 @@
+{
+  "usingComponents": {
+    "usercard": "./component/c_user_card/c_user_card",
+    "usercardnologin": "./component/c_user_card_no_login/c_user_card_no_login",
+    "set": "./component/c_set/c_set"
+  },
+  "navigationBarTitleText": "外卖"
+}

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

@@ -0,0 +1,35 @@
+.flex{
+  display: flex;
+  padding: 32rpx 0 0 32rpx;
+}
+
+.left{
+  width: 40%;
+}
+
+.rigth{
+  width: 60%;
+}
+
+.order-pic {
+  display: flex;
+  height: 158rpx;
+  align-items: center;
+  background-color: rgba(26, 26, 26, 0.03);
+  padding: 0 33rpx 0 33rpx;
+}
+
+.order-pic image {
+  width: 133rpx;
+  height: 133rpx;
+  margin-right: 34rpx;
+}
+
+.order-pic text {
+  font-size: 31.3rpx;
+  color: #1a1a1a;
+}
+
+.state {
+  color: #fe9f05;
+}

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

@@ -0,0 +1,22 @@
+<view>
+	<view class="order-pic">
+		<block has:for="{{order.goodList}}" has:key="item" has:for-item="good">
+			<image src="{{good.goods_pic}}"></image>
+			<text has:if="{{order.goodList.length === 1}}">{{good.goods_name}}</text>
+		</block>
+    </view>
+	<view>
+		<view class="flex">
+			<view class="left">时间</view>
+			<view class="rigth">{{order.time}}</view>
+		</view>
+		<view class="flex">
+			<view class="left">金额</view>
+			<view class="rigth">￥{{order.total_price}}</view>
+		</view>
+		<view class="flex">
+			<view class="left">状态</view>
+			<view class="rigth state">{{order.desc}}</view>
+		</view>
+	</view>
+</view>