|
@@ -8,331 +8,259 @@
|
|
:isDelete="isDelete"
|
|
:isDelete="isDelete"
|
|
@goSearchPath="handlSearchPath"
|
|
@goSearchPath="handlSearchPath"
|
|
></header-back>
|
|
></header-back>
|
|
- <view class="order-section-top" :style="{ marginTop: navbarHeight + 'px' }">
|
|
|
|
- <scroll-view scroll-x scroll-with-animation class="tab-view" :scroll-left="scrollLeft">
|
|
|
|
- <view
|
|
|
|
- v-for="(item, index) in orderTabBar"
|
|
|
|
- :key="index"
|
|
|
|
- class="tab-bar-item"
|
|
|
|
- :class="[currentTab == index ? 'active' : '']"
|
|
|
|
- :data-current="index"
|
|
|
|
- @tap.stop="onClickTab"
|
|
|
|
- >
|
|
|
|
- <text class="tab-bar-title">{{ item.text }}</text>
|
|
|
|
- </view>
|
|
|
|
- </scroll-view>
|
|
|
|
- </view>
|
|
|
|
- <swiper
|
|
|
|
- class="tab-content"
|
|
|
|
- :current="currentTab"
|
|
|
|
- duration="80"
|
|
|
|
- @animationfinish="onChange"
|
|
|
|
- :style="{ height: winHeight + 'px' }"
|
|
|
|
- >
|
|
|
|
- <swiper-item v-for="(tabItem, index) in orderTabBar" :key="index">
|
|
|
|
- <tui-skeleton
|
|
|
|
- v-if="skeletonShow"
|
|
|
|
- backgroundColor="#fafafa"
|
|
|
|
- borderRadius="10rpx"
|
|
|
|
- :isLoading="false"
|
|
|
|
- :loadingType="5"
|
|
|
|
- ></tui-skeleton>
|
|
|
|
- <scroll-view scroll-y class="scoll-y tui-skeleton" @scrolltolower="scrolltolower">
|
|
|
|
- <view :class="{ 'tui-order-list': scrollTop >= 0 }" class="tui-skeleton clearfix">
|
|
|
|
- <!-- 空白页 -->
|
|
|
|
- <empty
|
|
|
|
- v-if="tabItem.loaded === true && tabItem.orderList.length === 0"
|
|
|
|
- :typeIndex="currentTab"
|
|
|
|
- :navbarHeight="navbarHeight"
|
|
|
|
- ></empty>
|
|
|
|
- <!-- 列表 -->
|
|
|
|
- <view v-else class="tui-order-content">
|
|
|
|
- <view
|
|
|
|
- class="tui-order-item"
|
|
|
|
- v-for="(order, orderIndex) in tabItem.orderList"
|
|
|
|
- :key="orderIndex"
|
|
|
|
- >
|
|
|
|
- <view class="order-title">
|
|
|
|
- <view class="order-title-t">
|
|
|
|
- <text
|
|
|
|
- class="bage-buss tui-skeleton-fillet"
|
|
|
|
- v-if="order.orderSubmitType == 3 || order.orderSubmitType == 4"
|
|
|
|
- >协销</text
|
|
|
|
- >
|
|
|
|
- <text
|
|
|
|
- class="bage-auto tui-skeleton-fillet"
|
|
|
|
- v-if="
|
|
|
|
- order.orderSubmitType == 0 ||
|
|
|
|
- order.orderSubmitType == 1 ||
|
|
|
|
- order.orderSubmitType == 2
|
|
|
|
- "
|
|
|
|
- >自主</text
|
|
|
|
- >
|
|
|
|
- <text class="bage-text tui-skeleton-fillet">订单编号:{{ order.orderNo }}</text>
|
|
|
|
- <image
|
|
|
|
- class="bage-icon"
|
|
|
|
- src="https://static.caimei365.com/app/img/icon/icon-type@3x.png"
|
|
|
|
- mode="widthFix"
|
|
|
|
- v-if="order.secondHandOrderFlag == 1"
|
|
|
|
- ></image>
|
|
|
|
- </view>
|
|
|
|
- <view class="order-title-b">
|
|
|
|
- <view class="order-title-btxt tui-skeleton-fillet"
|
|
|
|
- >下单时间:{{ order.orderTime }}</view
|
|
|
|
- >
|
|
|
|
- <view class="order-title-tip tui-skeleton-fillet">{{
|
|
|
|
- StateExpFormat(order.status)
|
|
|
|
- }}</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <block v-for="(shop, sindex) in order.shopOrderList" :key="sindex">
|
|
|
|
- <view class="goods-title">
|
|
|
|
- <view v-if="shop.shopPromotion" class="floor-item-act">
|
|
|
|
- <view class="floor-tags">{{ shop.shopPromotion.name }}</view>
|
|
|
|
|
|
+ <tui-skeleton
|
|
|
|
+ v-if="skeletonShow"
|
|
|
|
+ backgroundColor="#fafafa"
|
|
|
|
+ borderRadius="10rpx"
|
|
|
|
+ :isLoading="true"
|
|
|
|
+ :loadingType="5"
|
|
|
|
+ ></tui-skeleton>
|
|
|
|
+ <template v-else>
|
|
|
|
+ <view class="order-section-top" :style="{ marginTop: navbarHeight + 'px' }">
|
|
|
|
+ <scroll-view scroll-x scroll-with-animation class="tab-view" :scroll-left="scrollLeft">
|
|
|
|
+ <view
|
|
|
|
+ v-for="(item, index) in orderTabBar"
|
|
|
|
+ :key="index"
|
|
|
|
+ class="tab-bar-item"
|
|
|
|
+ :class="[currentTab == index ? 'active' : '']"
|
|
|
|
+ :data-current="index"
|
|
|
|
+ @tap.stop="onClickTab"
|
|
|
|
+ >
|
|
|
|
+ <text class="tab-bar-title">{{ item.text }}</text>
|
|
|
|
+ </view>
|
|
|
|
+ </scroll-view>
|
|
|
|
+ </view>
|
|
|
|
+ <swiper
|
|
|
|
+ class="tab-content"
|
|
|
|
+ :current="currentTab"
|
|
|
|
+ duration="80"
|
|
|
|
+ @animationfinish="onChange"
|
|
|
|
+ :style="{ height: winHeight + 'px' }"
|
|
|
|
+ >
|
|
|
|
+ <swiper-item v-for="(tabItem, index) in orderTabBar" :key="index">
|
|
|
|
+ <scroll-view scroll-y class="scoll-y tui-skeleton" @scrolltolower="scrolltolower">
|
|
|
|
+ <view :class="{ 'tui-order-list': scrollTop >= 0 }" class="tui-skeleton clearfix">
|
|
|
|
+ <!-- 空白页 -->
|
|
|
|
+ <empty
|
|
|
|
+ v-if="tabItem.loaded === true && tabItem.orderList.length === 0"
|
|
|
|
+ :typeIndex="currentTab"
|
|
|
|
+ :navbarHeight="navbarHeight"
|
|
|
|
+ ></empty>
|
|
|
|
+ <!-- 列表 -->
|
|
|
|
+ <view v-else class="tui-order-content">
|
|
|
|
+ <view
|
|
|
|
+ class="tui-order-item"
|
|
|
|
+ v-for="(order, orderIndex) in tabItem.orderList"
|
|
|
|
+ :key="orderIndex"
|
|
|
|
+ >
|
|
|
|
+ <view class="order-title">
|
|
|
|
+ <view class="order-title-t">
|
|
|
|
+ <text class="bage-text tui-skeleton-fillet">订单编号:{{ order.orderNo }}</text>
|
|
</view>
|
|
</view>
|
|
- <view class="title-text" v-if="order.secondHandOrderFlag == 1"
|
|
|
|
- >{{ shop.shopName }}
|
|
|
|
- <label class="paymenttext" v-if="order.affirmPaymentFlag == 1"
|
|
|
|
- >已确认打款供应商</label
|
|
|
|
|
|
+ <view class="order-title-b">
|
|
|
|
+ <view class="order-title-btxt tui-skeleton-fillet"
|
|
|
|
+ >下单时间:{{ order.orderTime }}</view
|
|
>
|
|
>
|
|
|
|
+ <view class="order-title-tip tui-skeleton-fillet">{{
|
|
|
|
+ StateExpFormat(order.status)
|
|
|
|
+ }}</view>
|
|
</view>
|
|
</view>
|
|
- <view
|
|
|
|
- class="title-text tui-skeleton-fillet"
|
|
|
|
- v-else
|
|
|
|
- @click="goShophome(shop)"
|
|
|
|
- >{{ shop.shopName }}<label class="iconfont icon-jinrudianpu"></label
|
|
|
|
- ></view>
|
|
|
|
</view>
|
|
</view>
|
|
- <view
|
|
|
|
- class="goods-item"
|
|
|
|
- v-for="(pros, prosIndex) in shop.orderProductList"
|
|
|
|
- :key="prosIndex"
|
|
|
|
- @click.stop="detail(order.orderId)"
|
|
|
|
- >
|
|
|
|
- <view class="goods-pros-t">
|
|
|
|
- <view class="pros-img tui-skeleton-fillet">
|
|
|
|
- <image :src="pros.image" alt="" />
|
|
|
|
- <text class="tips" v-if="pros.productType == 2 || pros.productType == 1"
|
|
|
|
- >赠品</text
|
|
|
|
- >
|
|
|
|
|
|
+ <block v-for="(shop, sindex) in order.shopOrderList" :key="sindex">
|
|
|
|
+ <view class="goods-title">
|
|
|
|
+ <view v-if="shop.shopPromotion" class="floor-item-act">
|
|
|
|
+ <view class="floor-tags">{{ shop.shopPromotion.name }}</view>
|
|
</view>
|
|
</view>
|
|
- <view class="pros-product clearfix">
|
|
|
|
- <view class="producttitle tui-skeleton-fillet">{{ pros.name }}</view>
|
|
|
|
- <view
|
|
|
|
- class="productspec tui-skeleton-fillet"
|
|
|
|
- v-if="pros.productCategory != 2"
|
|
|
|
- >规格:{{ pros.productUnit }}</view
|
|
|
|
|
|
+ <view class="title-text" v-if="order.secondHandOrderFlag == 1"
|
|
|
|
+ >{{ shop.shopName }}
|
|
|
|
+ <label class="paymenttext" v-if="order.affirmPaymentFlag == 1"
|
|
|
|
+ >已确认打款供应商</label
|
|
>
|
|
>
|
|
- <view class="productprice">
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <view
|
|
|
|
+ class="title-text tui-skeleton-fillet"
|
|
|
|
+ v-else
|
|
|
|
+ >{{ shop.shopName }}<label class="iconfont icon-jinrudianpu"></label
|
|
|
|
+ ></view>
|
|
|
|
+ </view>
|
|
|
|
+ <view
|
|
|
|
+ class="goods-item"
|
|
|
|
+ v-for="(pros, prosIndex) in shop.orderProductList"
|
|
|
|
+ :key="prosIndex"
|
|
|
|
+ @click.stop="detail(order.orderId)"
|
|
|
|
+ >
|
|
|
|
+ <view class="goods-pros-t">
|
|
|
|
+ <view class="pros-img tui-skeleton-fillet">
|
|
|
|
+ <image :src="pros.image" alt="" />
|
|
|
|
+ </view>
|
|
|
|
+ <view class="pros-product clearfix">
|
|
|
|
+ <view class="producttitle tui-skeleton-fillet">{{ pros.name }}</view>
|
|
<view
|
|
<view
|
|
- class="price tui-skeleton-fillet"
|
|
|
|
- :class="
|
|
|
|
- pros.svipPriceFlag == 1 ||
|
|
|
|
- PromotionsFormat(pros.productPromotion)
|
|
|
|
- ? 'none'
|
|
|
|
- : ''
|
|
|
|
- "
|
|
|
|
|
|
+ class="productspec tui-skeleton-fillet"
|
|
|
|
+ v-if="pros.productCategory != 2"
|
|
|
|
+ >规格:{{ pros.productUnit }}</view
|
|
>
|
|
>
|
|
- <text>¥{{ pros.price | NumFormat }}</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="count tui-skeleton-fillet">
|
|
|
|
- <text class="small">x</text>{{ pros.num }}
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="floor-item-act">
|
|
|
|
- <template v-if="pros.productPromotion">
|
|
|
|
- <view
|
|
|
|
- v-if="PromotionsFormat(pros.productPromotion)"
|
|
|
|
- class="floor-tags"
|
|
|
|
- @click.stop="clickPopupShow(pros.productPromotion)"
|
|
|
|
- >
|
|
|
|
- {{ pros.productPromotion.name }}
|
|
|
|
- <text
|
|
|
|
- v-if="
|
|
|
|
- pros.productPromotion != null &&
|
|
|
|
- pros.productPromotion.type != 3
|
|
|
|
- "
|
|
|
|
- >
|
|
|
|
- :¥{{
|
|
|
|
- pros.productPromotion == null
|
|
|
|
- ? '0.00'
|
|
|
|
- : pros.productPromotion.touchPrice | NumFormat
|
|
|
|
- }}
|
|
|
|
- </text>
|
|
|
|
|
|
+ <view class="productprice">
|
|
|
|
+ <view class="price tui-skeleton-fillet">
|
|
|
|
+ <text>¥{{ pros.price | NumFormat }}</text>
|
|
</view>
|
|
</view>
|
|
- <view
|
|
|
|
- v-else-if="pros.productPromotion.type != 3"
|
|
|
|
- class="floor-tags"
|
|
|
|
- @click.stop="clickPopupShow(pros.productPromotion)"
|
|
|
|
- >{{ pros.productPromotion.name }}</view
|
|
|
|
- >
|
|
|
|
- </template>
|
|
|
|
- <template v-if="pros.svipPriceFlag == 1">
|
|
|
|
- <view class="svip-tags">
|
|
|
|
- <view class="tags">SVIP</view>
|
|
|
|
- <view class="price">{{ pros.svipPriceTag }}</view>
|
|
|
|
|
|
+ <view class="count tui-skeleton-fillet">
|
|
|
|
+ <text class="small">x</text>{{ pros.num }}
|
|
</view>
|
|
</view>
|
|
- </template>
|
|
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- </block>
|
|
|
|
- <view class="order-footer">
|
|
|
|
- <view class="order-footer-top" v-if="order.discountFee != 0"
|
|
|
|
- >经理折扣:¥{{ order.discountFee | NumFormat }}</view
|
|
|
|
- >
|
|
|
|
- <view class="order-footer-bot">
|
|
|
|
- <view class="count tui-skeleton-fillet">共{{ order.productCount }}件商品</view>
|
|
|
|
- <view
|
|
|
|
- class="money tui-skeleton-fillet"
|
|
|
|
- v-if="order.status == 31 || order.status == 32 || order.status == 33"
|
|
|
|
- >
|
|
|
|
- 已支付:<label style="color:#f94b4b ;"
|
|
|
|
- >¥{{ order.receiptAmount | NumFormat }}</label
|
|
|
|
- >
|
|
|
|
- </view>
|
|
|
|
- <view class="money tui-skeleton-fillet" v-else>
|
|
|
|
- 待付总额:<label style="color:#f94b4b ;"
|
|
|
|
- >¥{{ order.pendingPayments | NumFormat }}</label
|
|
|
|
|
|
+ </block>
|
|
|
|
+ <view class="order-footer">
|
|
|
|
+ <view class="order-footer-bot">
|
|
|
|
+ <view class="count tui-skeleton-fillet">共{{ order.productCount }}件商品</view>
|
|
|
|
+ <view
|
|
|
|
+ class="money tui-skeleton-fillet"
|
|
|
|
+ v-if="order.status == 31 || order.status == 32 || order.status == 33"
|
|
>
|
|
>
|
|
|
|
+ 已支付:<label style="color:#f94b4b ;"
|
|
|
|
+ >¥{{ order.receiptAmount | NumFormat }}</label
|
|
|
|
+ >
|
|
|
|
+ </view>
|
|
|
|
+ <view class="money tui-skeleton-fillet" v-else>
|
|
|
|
+ 待付总额:<label style="color:#f94b4b ;"
|
|
|
|
+ >¥{{ order.pendingPayments | NumFormat }}</label
|
|
|
|
+ >
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <!-- 底部button -->
|
|
|
|
+ <order-button
|
|
|
|
+ ref="orderButton"
|
|
|
|
+ :status="order.status"
|
|
|
|
+ :order="order"
|
|
|
|
+ @buttonConfirm="handButtonConfirm"
|
|
|
|
+ >
|
|
|
|
+ </order-button>
|
|
</view>
|
|
</view>
|
|
- <!-- 底部button -->
|
|
|
|
- <order-button
|
|
|
|
- ref="orderButton"
|
|
|
|
- :status="order.status"
|
|
|
|
- :order="order"
|
|
|
|
- @buttonConfirm="handButtonConfirm"
|
|
|
|
- >
|
|
|
|
- </order-button>
|
|
|
|
|
|
+ <!--加载loadding-->
|
|
|
|
+ <tui-loadmore :visible="loadding" :index="3" type="black"></tui-loadmore>
|
|
|
|
+ <tui-nomore
|
|
|
|
+ :visible="!pullUpOn"
|
|
|
|
+ :backgroundColor="'#ffffff'"
|
|
|
|
+ :text="nomoreText"
|
|
|
|
+ ></tui-nomore>
|
|
|
|
+ <!--加载loadding-->
|
|
</view>
|
|
</view>
|
|
- <!--加载loadding-->
|
|
|
|
- <tui-loadmore :visible="loadding" :index="3" type="black"></tui-loadmore>
|
|
|
|
- <tui-nomore
|
|
|
|
- :visible="!pullUpOn"
|
|
|
|
- :backgroundColor="'#ffffff'"
|
|
|
|
- :text="nomoreText"
|
|
|
|
- ></tui-nomore>
|
|
|
|
- <!--加载loadding-->
|
|
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- </scroll-view>
|
|
|
|
- </swiper-item>
|
|
|
|
- </swiper>
|
|
|
|
- <!-- 付款弹窗 -->
|
|
|
|
- <order-model
|
|
|
|
- v-if="isPayModel"
|
|
|
|
- :payModelData="payModelData"
|
|
|
|
- :modelType="modelType"
|
|
|
|
- @cancelConfirm="hanldCancelConfirm"
|
|
|
|
- @paymentConfirm="hanldPaymentConfirm"
|
|
|
|
- />
|
|
|
|
|
|
+ </scroll-view>
|
|
|
|
+ </swiper-item>
|
|
|
|
+ </swiper>
|
|
|
|
+ </template>
|
|
<!-- 分享弹窗 -->
|
|
<!-- 分享弹窗 -->
|
|
- <share-alert v-if="isShareModal" :orderId="btnoRderID" @shareConfirm="onShareAppMessage" />
|
|
|
|
|
|
+ <share-alert v-if="isShareModal" :orderId="handleOrderId" @shareConfirm="onShareAppMessage" />
|
|
|
|
+ <!-- 提示弹窗 -->
|
|
|
|
+ <tui-modal
|
|
|
|
+ :show="modal"
|
|
|
|
+ @click="handleClick"
|
|
|
|
+ :content="contentModalText"
|
|
|
|
+ :button="modalButton"
|
|
|
|
+ color="#333"
|
|
|
|
+ :size="32"
|
|
|
|
+ shape="circle"
|
|
|
|
+ :maskClosable="false"
|
|
|
|
+ >
|
|
|
|
+ </tui-modal>
|
|
<!-- 透明模态层 -->
|
|
<!-- 透明模态层 -->
|
|
<modal-layer v-if="isModalLayer"></modal-layer>
|
|
<modal-layer v-if="isModalLayer"></modal-layer>
|
|
- <!-- 采美豆提示弹窗 -->
|
|
|
|
- <activityBean
|
|
|
|
- v-if="isActivityBean"
|
|
|
|
- :show="isActivityBean"
|
|
|
|
- :beansType="beansType"
|
|
|
|
- :beanNumber="beanNumber"
|
|
|
|
- @cancel="handleBeanlClick"
|
|
|
|
- ></activityBean>
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import headerBack from '@/components/cm-module/headerNavbar/header-back' //自定义导航
|
|
import headerBack from '@/components/cm-module/headerNavbar/header-back' //自定义导航
|
|
import btSearch from '@/components/uni-search/bt-search.vue' //搜索
|
|
import btSearch from '@/components/uni-search/bt-search.vue' //搜索
|
|
-import tuiLoadmore from '@/components/tui-components/loadmore/loadmore'
|
|
|
|
-import tuiNomore from '@/components/tui-components/nomore/nomore'
|
|
|
|
import orderButton from '@/components/cm-module/orderDetails/orderListButton' //按钮
|
|
import orderButton from '@/components/cm-module/orderDetails/orderListButton' //按钮
|
|
import modalLayer from '@/components/modal-layer'
|
|
import modalLayer from '@/components/modal-layer'
|
|
import empty from './components/empty'
|
|
import empty from './components/empty'
|
|
import shareAlert from '@/components/cm-module/modelAlert/shareAlert' //分享弹窗
|
|
import shareAlert from '@/components/cm-module/modelAlert/shareAlert' //分享弹窗
|
|
-import orderModel from '@/components/cm-module/modelAlert/order-alert' //付款弹窗
|
|
|
|
-import activityBean from '@/components/cm-module/activity/activityBean.vue'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
headerBack,
|
|
headerBack,
|
|
empty,
|
|
empty,
|
|
btSearch,
|
|
btSearch,
|
|
- tuiLoadmore,
|
|
|
|
- tuiNomore,
|
|
|
|
orderButton,
|
|
orderButton,
|
|
modalLayer,
|
|
modalLayer,
|
|
shareAlert,
|
|
shareAlert,
|
|
- orderModel,
|
|
|
|
- activityBean
|
|
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
CustomBar: this.CustomBar, // 顶部导航栏高度
|
|
CustomBar: this.CustomBar, // 顶部导航栏高度
|
|
- orderTabBar: [
|
|
|
|
- { state: 0, text: '全部订单', orderList: [] },
|
|
|
|
- { state: 1, text: '待确认', orderList: [] },
|
|
|
|
- { state: 2, text: '待付款', orderList: [] },
|
|
|
|
- { state: 3, text: '待发货', orderList: [] },
|
|
|
|
- { state: 4, text: '已发货', orderList: [] },
|
|
|
|
- { state: 5, text: '退货/款', orderList: [] }
|
|
|
|
- ],
|
|
|
|
headerBtnPosi: this.setHeaderBtnPosi(), //获取设备顶部胶囊高度
|
|
headerBtnPosi: this.setHeaderBtnPosi(), //获取设备顶部胶囊高度
|
|
systeminfo: this.setSysteminfo(), //获取设备信息
|
|
systeminfo: this.setSysteminfo(), //获取设备信息
|
|
|
|
+ winHeight: '', //窗口高度
|
|
nvabarData: {
|
|
nvabarData: {
|
|
//顶部自定义导航
|
|
//顶部自定义导航
|
|
showCapsule: 1, // 是否显示左上角图标 1表示显示 0表示不显示,
|
|
showCapsule: 1, // 是否显示左上角图标 1表示显示 0表示不显示,
|
|
showSearch: 1,
|
|
showSearch: 1,
|
|
title: '我的订单' // 导航栏 中间的标题
|
|
title: '我的订单' // 导航栏 中间的标题
|
|
},
|
|
},
|
|
- winHeight: '', //窗口高度
|
|
|
|
|
|
+ orderTabBar: [
|
|
|
|
+ { state: 0, text: '全部订单', orderList: [] },
|
|
|
|
+ { state: 1, text: '待付款', orderList: [] },
|
|
|
|
+ { state: 2, text: '待发货', orderList: [] },
|
|
|
|
+ { state: 3, text: '已发货', orderList: [] },
|
|
|
|
+ { state: 4, text: '退货/款', orderList: [] }
|
|
|
|
+ ],
|
|
currentTab: 0, //预设当前项的值
|
|
currentTab: 0, //预设当前项的值
|
|
scrollLeft: 0, //tab标题的滚动条位置
|
|
scrollLeft: 0, //tab标题的滚动条位置
|
|
- userId: 0,
|
|
|
|
|
|
+ listQuery:{
|
|
|
|
+ orderState: 0,
|
|
|
|
+ userId:0,
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: 10
|
|
|
|
+ },
|
|
orderData: [],
|
|
orderData: [],
|
|
- btnoRderID: 0, //点击按钮传入的的订单ID
|
|
|
|
- pageNum: 1, //页数
|
|
|
|
- pageSize: 10, //条数
|
|
|
|
scrollTop: 0,
|
|
scrollTop: 0,
|
|
skeletonShow: true,
|
|
skeletonShow: true,
|
|
isDelete: false,
|
|
isDelete: false,
|
|
isClickChange: false,
|
|
isClickChange: false,
|
|
isShareModal: false, //控制分享弹窗
|
|
isShareModal: false, //控制分享弹窗
|
|
isModalLayer: false,
|
|
isModalLayer: false,
|
|
- isPayModel: false,
|
|
|
|
loadding: false,
|
|
loadding: false,
|
|
pullUpOn: true,
|
|
pullUpOn: true,
|
|
hasNextPage: false,
|
|
hasNextPage: false,
|
|
pullFlag: true,
|
|
pullFlag: true,
|
|
navbarHeight: '',
|
|
navbarHeight: '',
|
|
- payModelData: {},
|
|
|
|
- hanldOrderData: {},
|
|
|
|
modelType: 0,
|
|
modelType: 0,
|
|
nomoreText: '上拉显示更多',
|
|
nomoreText: '上拉显示更多',
|
|
isOnloadFlag: false,
|
|
isOnloadFlag: false,
|
|
- beansType: 1,
|
|
|
|
- beanNumber: 0,
|
|
|
|
- isActivityBean: false
|
|
|
|
|
|
+ handleOrderId: 0, //点击按钮传入的的订单ID
|
|
|
|
+ handleModelEven:0,
|
|
|
|
+ modal:false,
|
|
|
|
+ contentModalText: '订单查询失败,请稍候重试~', //操作文字提示语句
|
|
|
|
+ modalButton: [
|
|
|
|
+ {
|
|
|
|
+ text: '取消',
|
|
|
|
+ type: 'gray',
|
|
|
|
+ plain: true //是否空心
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ text: '确定',
|
|
|
|
+ customStyle: {
|
|
|
|
+ color: '#fff',
|
|
|
|
+ bgColor: 'linear-gradient(90deg, #F28F31 0%, #F3B574 100%)'
|
|
|
|
+ },
|
|
|
|
+ plain: false
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(e) {
|
|
onLoad(e) {
|
|
- let self = this
|
|
|
|
|
|
+
|
|
if (e.type === 'detele') {
|
|
if (e.type === 'detele') {
|
|
this.isDelete = true
|
|
this.isDelete = true
|
|
}
|
|
}
|
|
this.currentTab = e.state
|
|
this.currentTab = e.state
|
|
this.isOnloadFlag = true
|
|
this.isOnloadFlag = true
|
|
this.getHeaderTopHeight() //设置自定义导航高度
|
|
this.getHeaderTopHeight() //设置自定义导航高度
|
|
- // 高度自适应
|
|
|
|
- uni.getSystemInfo({
|
|
|
|
- success: function(res) {
|
|
|
|
- let calc = res.windowHeight
|
|
|
|
- self.winHeight = calc - self.CustomBar
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ this.initStorage()
|
|
},
|
|
},
|
|
filters: {
|
|
filters: {
|
|
NumFormat(value) {
|
|
NumFormat(value) {
|
|
@@ -341,11 +269,11 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- goShophome(shop) {
|
|
|
|
- if(shop.shopType === 2){
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- this.$api.navigateTo(`/pages/supplier/user/my-shop?shopId=${shop.shopId}`)
|
|
|
|
|
|
+ async initStorage(){
|
|
|
|
+ //初始化
|
|
|
|
+ const usrInfo = await this.$api.getStorage()
|
|
|
|
+ this.listQuery.userId = usrInfo.userId ? usrInfo.userId : 0
|
|
|
|
+ this.getOrderDatainit(this.currentTab)
|
|
},
|
|
},
|
|
// 滚动切换标签样式
|
|
// 滚动切换标签样式
|
|
onChange: function(e) {
|
|
onChange: function(e) {
|
|
@@ -389,88 +317,70 @@ export default {
|
|
this.scrollLeft = 0
|
|
this.scrollLeft = 0
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- getOrderDatainit(index, source) {
|
|
|
|
- /**
|
|
|
|
- * @订单初始化加载 仅加载第一页码
|
|
|
|
- * @param:orderState(订单状态:0全部,1待付款,2待发货,3已发货,4退货款)
|
|
|
|
- * @param:userId(用户ID)
|
|
|
|
- * @param:pageNum(页码数)
|
|
|
|
- * @param:pageSize(每页条数)
|
|
|
|
- * @param:organizeID(全局变量组织ID)
|
|
|
|
- */
|
|
|
|
-
|
|
|
|
- setTimeout(() => {
|
|
|
|
- this.skeletonShow = false
|
|
|
|
- this.isOnloadFlag = false
|
|
|
|
- }, 1500)
|
|
|
|
|
|
+ async getOrderDatainit(index, source) {
|
|
let orderItem = this.orderTabBar[index]
|
|
let orderItem = this.orderTabBar[index]
|
|
if (source === 'tabChange' && orderItem.loaded === true) {
|
|
if (source === 'tabChange' && orderItem.loaded === true) {
|
|
//tab切换只有第一次需要加载数据
|
|
//tab切换只有第一次需要加载数据
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- setTimeout(() => {
|
|
|
|
- this.$api.getStorage().then(resolve => {
|
|
|
|
- this.userId = resolve.userId ? resolve.userId : 0
|
|
|
|
- let params = { orderState: index, userId: this.userId, pageNum: 1, pageSize: this.pageSize }
|
|
|
|
- this.OrderService.QueryOrderList(params)
|
|
|
|
- .then(response => {
|
|
|
|
- let data = response.data
|
|
|
|
- let orderList = data.list.filter(item => {
|
|
|
|
- //添加不同状态下订单的表现形式
|
|
|
|
- item = Object.assign(item, this.StateExpFormat(item.status))
|
|
|
|
- return item
|
|
|
|
- })
|
|
|
|
- orderItem.orderList = []
|
|
|
|
- orderList.forEach(item => {
|
|
|
|
- orderItem.orderList.push(item)
|
|
|
|
- })
|
|
|
|
- //loaded新字段用于表示数据加载完毕,如果为空可以显示空白页
|
|
|
|
- this.$set(orderItem, 'loaded', true)
|
|
|
|
- this.hasNextPage = data.hasNextPage
|
|
|
|
- if (this.hasNextPage) {
|
|
|
|
- this.pullUpOn = false
|
|
|
|
- this.nomoreText = '上拉显示更多'
|
|
|
|
- } else {
|
|
|
|
- if (orderItem.orderList.length < 2) {
|
|
|
|
- this.pullUpOn = true
|
|
|
|
- } else {
|
|
|
|
- this.pullUpOn = false
|
|
|
|
- this.nomoreText = '已至底部'
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
|
|
+ try{
|
|
|
|
+ this.listQuery.orderState = index
|
|
|
|
+ const res = await this.OrderService.QueryOrderList(this.listQuery)
|
|
|
|
+ const data = res.data
|
|
|
|
+ const orderList = data.list.filter(item => {
|
|
|
|
+ //添加不同状态下订单的表现形式
|
|
|
|
+ item = Object.assign(item, this.StateExpFormat(item.status))
|
|
|
|
+ return item
|
|
})
|
|
})
|
|
- }, 600)
|
|
|
|
- },
|
|
|
|
- getOnReachBottomData(index) {
|
|
|
|
- //上拉加载
|
|
|
|
- this.pageNum += 1
|
|
|
|
- let params = { orderState: index, userId: this.userId, pageNum: this.pageNum, pageSize: this.pageSize }
|
|
|
|
- this.OrderService.QueryOrderList(params)
|
|
|
|
- .then(response => {
|
|
|
|
- let data = response.data
|
|
|
|
- let orderItem = this.orderTabBar[index]
|
|
|
|
- this.hasNextPage = data.hasNextPage
|
|
|
|
- orderItem.orderList = orderItem.orderList.concat(data.list)
|
|
|
|
- this.pullFlag = false // 防上拉暴滑
|
|
|
|
- setTimeout(() => {
|
|
|
|
- this.pullFlag = true
|
|
|
|
- }, 500)
|
|
|
|
- if (this.hasNextPage) {
|
|
|
|
- this.pullUpOn = false
|
|
|
|
- this.nomoreText = '上拉显示更多'
|
|
|
|
|
|
+ orderItem.orderList = []
|
|
|
|
+ orderList.forEach(item => {
|
|
|
|
+ orderItem.orderList.push(item)
|
|
|
|
+ })
|
|
|
|
+ //loaded新字段用于表示数据加载完毕,如果为空可以显示空白页
|
|
|
|
+ this.$set(orderItem, 'loaded', true)
|
|
|
|
+ this.hasNextPage = data.hasNextPage
|
|
|
|
+ if (this.hasNextPage) {
|
|
|
|
+ this.pullUpOn = false
|
|
|
|
+ this.nomoreText = '上拉显示更多'
|
|
|
|
+ } else {
|
|
|
|
+ if (orderItem.orderList.length < 2) {
|
|
|
|
+ this.pullUpOn = true
|
|
} else {
|
|
} else {
|
|
- this.loadding = false
|
|
|
|
this.pullUpOn = false
|
|
this.pullUpOn = false
|
|
this.nomoreText = '已至底部'
|
|
this.nomoreText = '已至底部'
|
|
}
|
|
}
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
|
|
+ }
|
|
|
|
+ this.skeletonShow = false
|
|
|
|
+ this.isOnloadFlag = false
|
|
|
|
+ }catch(error){
|
|
|
|
+ this.$util.msg(error.msg, 2000)
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ async getOnReachBottomData(index) {
|
|
|
|
+ //上拉加载
|
|
|
|
+ try{
|
|
|
|
+ this.listQuery.pageNum += 1
|
|
|
|
+ this.listQuery.orderState = index
|
|
|
|
+ const res = await this.OrderService.QueryOrderList(this.listQuery)
|
|
|
|
+ const data = res.data
|
|
|
|
+ const orderItem = this.orderTabBar[index]
|
|
|
|
+ this.hasNextPage = data.hasNextPage
|
|
|
|
+ orderItem.orderList = orderItem.orderList.concat(data.list)
|
|
|
|
+ this.pullFlag = false // 防上拉暴滑
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.pullFlag = true
|
|
|
|
+ }, 500)
|
|
|
|
+ if (this.hasNextPage) {
|
|
|
|
+ this.pullUpOn = false
|
|
|
|
+ this.nomoreText = '上拉显示更多'
|
|
|
|
+ } else {
|
|
|
|
+ this.loadding = false
|
|
|
|
+ this.pullUpOn = false
|
|
|
|
+ this.nomoreText = '已至底部'
|
|
|
|
+ }
|
|
|
|
+ }catch(error){
|
|
|
|
+ this.$util.msg(error.msg, 2000)
|
|
|
|
+ }
|
|
},
|
|
},
|
|
scrolltolower() {
|
|
scrolltolower() {
|
|
if (this.hasNextPage) {
|
|
if (this.hasNextPage) {
|
|
@@ -486,176 +396,78 @@ export default {
|
|
},
|
|
},
|
|
handButtonConfirm(data) {
|
|
handButtonConfirm(data) {
|
|
//获取点击
|
|
//获取点击
|
|
- this.handShowAlert(data)
|
|
|
|
- this.btnoRderID = data.orderId
|
|
|
|
- },
|
|
|
|
- handShowAlert(data) {
|
|
|
|
- //执行
|
|
|
|
|
|
+ this.handleOrderId = data.orderId
|
|
switch (data.type) {
|
|
switch (data.type) {
|
|
- case 'delete':
|
|
|
|
- this.handOrderDetele(data.orderId)
|
|
|
|
- break
|
|
|
|
case 'cancel':
|
|
case 'cancel':
|
|
- this.handCenceConfirm(data.orderId)
|
|
|
|
|
|
+ //取消订单
|
|
|
|
+ this.modal = true
|
|
|
|
+ this.contentModalText = '确认取消该订单吗?'
|
|
|
|
+ this.handleModelEven = 1
|
|
break
|
|
break
|
|
case 'query':
|
|
case 'query':
|
|
- this.isModalLayer = true
|
|
|
|
- this.$api.navigateTo('/pages/user/order/order-logistics?orderId=' + data.orderId)
|
|
|
|
|
|
+ this.$api.navigateTo('/pages/user/order/order-logistics?orderId=' + this.handleOrderId)
|
|
break
|
|
break
|
|
case 'confirm':
|
|
case 'confirm':
|
|
- this.handOrderConfirm(data.orderId)
|
|
|
|
|
|
+ //确认收货
|
|
|
|
+ this.modal = true
|
|
|
|
+ this.contentModalText = '确认收货吗?'
|
|
|
|
+ this.handleModelEven = 2
|
|
break
|
|
break
|
|
case 'pay':
|
|
case 'pay':
|
|
- this.hanldOrderData = data.order
|
|
|
|
- this.getOrderPaymentValidation(data)
|
|
|
|
- break
|
|
|
|
- case 'confirmation':
|
|
|
|
- this.handOrderConfirmation(data.orderId)
|
|
|
|
- break
|
|
|
|
- case 'payment':
|
|
|
|
- this.hanldConfirmFn(data.orderId)
|
|
|
|
|
|
+ this.orderPaymentValidation()
|
|
break
|
|
break
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- getOrderPaymentValidation(data) {
|
|
|
|
|
|
+ async orderPaymentValidation(){
|
|
//监听根据付款状态做操作
|
|
//监听根据付款状态做操作
|
|
- this.OrderService.OrderPaymentValidation({ orderId: data.orderId })
|
|
|
|
- .then(response => {
|
|
|
|
- let data = response.data
|
|
|
|
- this.payModelData = data
|
|
|
|
- if(data.balanceFlag == 1){// 0可以走余额抵扣,1不能走余额抵扣
|
|
|
|
- this.$api.navigateTo(`/pages/user/order/order-pay-list?orderId=${data.orderId}`)
|
|
|
|
- }else{
|
|
|
|
- switch (data.code) {
|
|
|
|
- case 1:
|
|
|
|
- this.isPayModel = true
|
|
|
|
- this.modelType = 1
|
|
|
|
- break
|
|
|
|
- case 2:
|
|
|
|
- this.isPayModel = true
|
|
|
|
- this.modelType = 2
|
|
|
|
- break
|
|
|
|
- case -1:
|
|
|
|
- this.$util.modal('', '订单已申请全部退款,无需再付款!', '确定', '', false, () => {})
|
|
|
|
- break
|
|
|
|
- default:
|
|
|
|
- if (data.onlinePayFlag == 1) {// 只能线下
|
|
|
|
- this.$api.navigateTo(`/pages/user/pay/card-under?orderId=${data.orderId}`)
|
|
|
|
- } else {
|
|
|
|
- this.$api.navigateTo(`/pages/user/order/order-pay-list?orderId=${data.orderId}`)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- hanldPaymentConfirm(data) {
|
|
|
|
- //余额抵扣跳转
|
|
|
|
- this.OrderService.OrderBalanceDeduction({ orderId: data.order.orderId })
|
|
|
|
- .then(response => {
|
|
|
|
- if (data.type === 2) {
|
|
|
|
- let _data = { orderId: data.order.orderId }
|
|
|
|
- this.$api.navigateTo(
|
|
|
|
- `/pages/user/order/success?type=deduction&data=${JSON.stringify({ data: _data })}`
|
|
|
|
- )
|
|
|
|
- } else {
|
|
|
|
- this.$api.navigateTo(`/pages/user/pay/card-under?orderId=${data.order.orderId}`)
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- hanldCancelConfirm(data) {
|
|
|
|
- //不使用余额抵扣直接跳转收银台
|
|
|
|
- if (data.onlinePayFlag === 1) {// 只能线下
|
|
|
|
- this.$api.navigateTo(`/pages/user/pay/card-under?orderId=${data.orderId}`)
|
|
|
|
- } else {
|
|
|
|
- this.$api.navigateTo(`/pages/user/order/order-pay-list?orderId=${data.orderId}`)
|
|
|
|
|
|
+ try{
|
|
|
|
+ const res = this.OrderService.OrderPaymentValidation({ orderId: this.handleOrderId })
|
|
|
|
+ if (res.data.onlinePayFlag == 1) {// 只能线下
|
|
|
|
+ this.$api.navigateTo(`/pages/user/pay/card-under?orderId=${this.handleOrderId}`)
|
|
|
|
+ } else {
|
|
|
|
+ this.$api.navigateTo(`/pages/user/order/order-pay-list?orderId=${this.handleOrderId}`)
|
|
|
|
+ }
|
|
|
|
+ }catch(error){
|
|
|
|
+ this.$util.msg(error.msg, 2000)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- hanldConfirmFn(orderId) {
|
|
|
|
- //确认打款供应商
|
|
|
|
- this.$util.modal(
|
|
|
|
- '提示',
|
|
|
|
- '确定委托采美平台打款给供应商吗?确定之前请务必确保货品完好?',
|
|
|
|
- '确定',
|
|
|
|
- '取消',
|
|
|
|
- true,
|
|
|
|
- () => {
|
|
|
|
- this.OrderService.confirmpayment({ orderId: orderId })
|
|
|
|
- .then(response => {
|
|
|
|
- this.$util.msg('确认成功', 2000, true, 'success')
|
|
|
|
- setTimeout(() => {
|
|
|
|
- this.getOrderDatainit(this.currentTab)
|
|
|
|
- }, 2000)
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
|
|
+ handleClick(e){
|
|
|
|
+ //确认操作
|
|
|
|
+ if (e.index == 1) {
|
|
|
|
+ switch(this.handleModelEven){
|
|
|
|
+ case 1://取消订单
|
|
|
|
+ this.cancelOrder()
|
|
|
|
+ break
|
|
|
|
+ case 2://确认收货
|
|
|
|
+ this.confirmReceipt()
|
|
|
|
+ break
|
|
}
|
|
}
|
|
- )
|
|
|
|
|
|
+ }
|
|
|
|
+ this.modal = false
|
|
},
|
|
},
|
|
- handOrderConfirm(orderId) {
|
|
|
|
|
|
+ async confirmReceipt(){
|
|
//确认收货
|
|
//确认收货
|
|
- this.$util.modal('提示', '是否确认收货', '确定', '取消', true, () => {
|
|
|
|
- this.OrderService.ConfirmReceipt({ orderId: orderId })
|
|
|
|
- .then(response => {
|
|
|
|
- this.beansType = 7
|
|
|
|
- this.beanNumber = 100
|
|
|
|
- this.isActivityBean = true
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- handOrderConfirmation(orderId) {
|
|
|
|
- //确认订单
|
|
|
|
- this.$util.modal('提示', '确认此订单?', '确定', '取消', true, () => {
|
|
|
|
- this.OrderService.AffirmOrder({ orderId: orderId })
|
|
|
|
- .then(response => {
|
|
|
|
- this.$util.msg(response.msg, 2000, true, 'success')
|
|
|
|
- setTimeout(() => {
|
|
|
|
- this.getOrderDatainit(this.currentTab)
|
|
|
|
- }, 2000)
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- handOrderDetele(orderId) {
|
|
|
|
- //删除订单
|
|
|
|
- this.$util.modal('提示', '确认删除该订单吗?', '确定', '取消', true, () => {
|
|
|
|
- this.OrderService.DeleteOrder({ orderId: orderId })
|
|
|
|
- .then(response => {
|
|
|
|
- this.$util.msg(response.msg, 2000, true, 'success')
|
|
|
|
- setTimeout(() => {
|
|
|
|
- this.getOrderDatainit(this.currentTab)
|
|
|
|
- }, 2000)
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
|
|
+ try{
|
|
|
|
+ const res = await this.OrderService.ConfirmReceipt({ orderId: this.handleOrderId })
|
|
|
|
+ this.$util.msg(res.msg, 2000, true, 'success')
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.getOrderDatainit(this.currentTab)
|
|
|
|
+ }, 2000)
|
|
|
|
+ }catch(error){
|
|
|
|
+ this.$util.msg(error.msg, 2000)
|
|
|
|
+ }
|
|
},
|
|
},
|
|
- handCenceConfirm(orderId) {
|
|
|
|
|
|
+ async cancelOrder(){
|
|
//取消订单
|
|
//取消订单
|
|
- this.$util.modal('提示', '确认取消该订单吗?', '确定', '取消', true, () => {
|
|
|
|
- this.OrderService.CancelOrder({ orderId: orderId , userIdentity : 0})
|
|
|
|
- .then(response => {
|
|
|
|
- this.$util.msg(response.msg, 2000, true, 'success')
|
|
|
|
- setTimeout(() => {
|
|
|
|
- this.getOrderDatainit(this.currentTab)
|
|
|
|
- }, 2000)
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
|
|
+ try{
|
|
|
|
+ const res = await this.OrderService.CancelOrder({ orderId: this.handleOrderId, userIdentity : 0 })
|
|
|
|
+ this.$util.msg(res.msg, 2000, true, 'success')
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.getOrderDatainit(this.currentTab)
|
|
|
|
+ }, 2000)
|
|
|
|
+ }catch(error){
|
|
|
|
+ this.$util.msg(error.msg, 2000)
|
|
|
|
+ }
|
|
},
|
|
},
|
|
handlSearchPath() {
|
|
handlSearchPath() {
|
|
this.$api.navigateTo('/pages/search/search-order')
|
|
this.$api.navigateTo('/pages/search/search-order')
|
|
@@ -668,8 +480,8 @@ export default {
|
|
}
|
|
}
|
|
return {
|
|
return {
|
|
title: '您有新的分享订单,快来查看吧~',
|
|
title: '您有新的分享订单,快来查看吧~',
|
|
- path: `/pages/user/order/order-sharelogin?orderId=${this.btnoRderID}&userId=${this.userId}`,
|
|
|
|
- imageUrl: 'https://img.caimei365.com/group1/M00/03/95/Cmis216Sk_SABnOFABZCgCzFV_g063.png'
|
|
|
|
|
|
+ path: `/pages/user/order/order-sharelogin?orderId=${this.handleOrderId}&userId=${this.userId}`,
|
|
|
|
+ imageUrl: 'https://static.caimei365.com/app/mini-mcare/icon/icon_shareOrder@2x.png'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
orderPriceToFixed(n) {
|
|
orderPriceToFixed(n) {
|
|
@@ -679,6 +491,7 @@ export default {
|
|
},
|
|
},
|
|
getHeaderTopHeight() {
|
|
getHeaderTopHeight() {
|
|
// 状态栏高度
|
|
// 状态栏高度
|
|
|
|
+ let self = this
|
|
let statusBarHeight = this.systeminfo.statusBarHeight
|
|
let statusBarHeight = this.systeminfo.statusBarHeight
|
|
let headerPosi = this.headerBtnPosi
|
|
let headerPosi = this.headerBtnPosi
|
|
let btnPosi = {
|
|
let btnPosi = {
|
|
@@ -693,6 +506,13 @@ export default {
|
|
right: this.systeminfo.screenWidth - headerPosi.right
|
|
right: this.systeminfo.screenWidth - headerPosi.right
|
|
}
|
|
}
|
|
this.navbarHeight = headerPosi.bottom + btnPosi.bottom // 原胶囊bottom + 现胶囊bottom
|
|
this.navbarHeight = headerPosi.bottom + btnPosi.bottom // 原胶囊bottom + 现胶囊bottom
|
|
|
|
+ // 高度自适应
|
|
|
|
+ uni.getSystemInfo({
|
|
|
|
+ success: function(res) {
|
|
|
|
+ let calc = res.windowHeight
|
|
|
|
+ self.winHeight = calc - self.CustomBar
|
|
|
|
+ }
|
|
|
|
+ })
|
|
},
|
|
},
|
|
setHeaderBtnPosi() {
|
|
setHeaderBtnPosi() {
|
|
// 获得胶囊按钮位置信息
|
|
// 获得胶囊按钮位置信息
|
|
@@ -759,7 +579,6 @@ export default {
|
|
},
|
|
},
|
|
onShow() {
|
|
onShow() {
|
|
this.isModalLayer = false
|
|
this.isModalLayer = false
|
|
- this.getOrderDatainit(this.currentTab)
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|