|
@@ -25,32 +25,54 @@
|
|
|
<view class="order-title">
|
|
|
<view class="order-title-name">{{order.clubName}}</view>
|
|
|
<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}}({{order.orderID}})</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>
|
|
|
+ <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}}({{order.orderId}})
|
|
|
+ </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 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,index) in order.shopOrderList" :key="index">
|
|
|
<view class="goods-title">
|
|
|
<view v-if="shop.shopPromotion" class="floor-item-act">
|
|
|
- <view class="floor-tags">{{shop.shopPromotion.name}}</view>
|
|
|
+ <view class="floor-tags">
|
|
|
+ {{ shop.shopPromotion.name }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="title-text tui-skeleton-fillet">
|
|
|
+ {{ shop.shopName }}
|
|
|
</view>
|
|
|
- <view class="title-text tui-skeleton-fillet">{{shop.shopName}}</view>
|
|
|
</view>
|
|
|
<view class="goods-item" v-for="(pros,prosIndex) in shop.orderProductList" :key="prosIndex">
|
|
|
<view class="goods-pros-t">
|
|
|
<view class="pros-img tui-skeleton-fillet">
|
|
|
- <image :src="pros.productImage" alt="" />
|
|
|
+ <image :src="pros.image" alt="" />
|
|
|
<text class="tips" v-if="pros.productType ==2 || pros.productType ==1">赠品</text>
|
|
|
</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 ? pros.productUnit : ''}}</view>
|
|
|
+ <view class="productspec tui-skeleton-fillet" v-if="pros.productCategory != 2">
|
|
|
+ 规格:{{pros.productUnit ? pros.productUnit : ''}}
|
|
|
+ </view>
|
|
|
<view class="productprice">
|
|
|
<view class="price tui-skeleton-fillet">
|
|
|
<text>¥{{ pros.price | NumFormat }}</text>
|
|
@@ -66,26 +88,34 @@
|
|
|
:¥{{ pros.productPromotion == null ? '0.00' : pros.productPromotion.touchPrice | NumFormat}}
|
|
|
</text>
|
|
|
</view>
|
|
|
- <view v-else-if="pros.productPromotion.type !=3" class="floor-tags">{{pros.productPromotion.name}}</view>
|
|
|
+ <view v-else-if="pros.productPromotion.type !=3" class="floor-tags">
|
|
|
+ {{ pros.productPromotion.name }}
|
|
|
+ </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-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></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>
|
|
|
<!-- 底部button -->
|
|
|
<order-button ref="orderButton"
|
|
|
:status="order.status"
|
|
|
:rechargeGoods = "order.rechargeGoods"
|
|
|
- :orderID="order.orderID"
|
|
|
- :userID = "order.userID"
|
|
|
+ :orderId="order.orderId"
|
|
|
+ :userId = "order.userId"
|
|
|
:secondHandOrderFlag = "order.secondHandOrderFlag"
|
|
|
@buttonConfirm="handButtonConfirm">
|
|
|
</order-button>
|
|
@@ -101,24 +131,40 @@
|
|
|
</swiper>
|
|
|
<!-- 分享弹窗 -->
|
|
|
<share-alert v-if="isShareModal"
|
|
|
- :orderID="btnoRderID"
|
|
|
+ :orderId="btnoRderID"
|
|
|
@shareConfirm ='onShareAppMessage'>
|
|
|
</share-alert>
|
|
|
<!-- 透明模态层 -->
|
|
|
<modal-layer v-if='isModalLayer'></modal-layer>
|
|
|
+ <!-- 再来一单弹窗 -->
|
|
|
+ <view class="aganBj" v-show="showAgan">
|
|
|
+ <view class="alertAgan">
|
|
|
+ <text class="title">{{ promptitle }}</text>
|
|
|
+ <view class="goods">
|
|
|
+ <view class="list" v-for="(item,index) in failList" :key="index">
|
|
|
+ <image class="image-left" :src="item.image"></image>
|
|
|
+ <view class="name-right">{{item.name}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="BtnAll">
|
|
|
+ <view class="closebtn btn" @click="closeBtn">取消</view>
|
|
|
+ <view class="cancel btn" @click="cancelBtn">确定</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import headerBack from '@/components/cm-module/headerNavbar/header-back' //自定义顶部导航
|
|
|
- import btSearch from '@/components/uni-search/bt-search.vue' //搜索
|
|
|
+ import headerBack from '@/components/cm-module/headerNavbar/header-back' // 自定义顶部导航
|
|
|
+ import btSearch from '@/components/uni-search/bt-search.vue' // 搜索
|
|
|
import tuiSkeleton from "@/components/tui-skeleton/tui-skeleton"
|
|
|
import tuiLoadmore from "@/components/tui-components/loadmore/loadmore"
|
|
|
import tuiNomore from "@/components/tui-components/nomore/nomore"
|
|
|
- import orderButton from '@/components/cm-module/orderDetails/sellerOrderButton' //操作按钮
|
|
|
+ import orderButton from '@/components/cm-module/orderDetails/sellerOrderButton' // 操作按钮
|
|
|
import modalLayer from "@/components/modal-layer"
|
|
|
import empty from "@/components/empty";
|
|
|
- import shareAlert from '@/components/cm-module/modelAlert/shareAlert' //分享弹窗
|
|
|
+ import shareAlert from '@/components/cm-module/modelAlert/sellerShareAlert' // 分享弹窗
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
@@ -147,7 +193,8 @@
|
|
|
{type:2,text:'协销订单'}
|
|
|
],
|
|
|
winHeight: "", //窗口高度
|
|
|
- clubID:'', //机构ID
|
|
|
+ clubId:0, //机构ID
|
|
|
+ userId:0,
|
|
|
currentTab: 0, //预设当前项的值
|
|
|
screenTab:0, //筛选预设当前项的值
|
|
|
scrollLeft: 0 ,//tab标题的滚动条位置
|
|
@@ -170,23 +217,22 @@
|
|
|
pullFlag: true,
|
|
|
navbarHeight:'',
|
|
|
nomoreText: '上拉显示更多',
|
|
|
- userID:0
|
|
|
+ showAgan:false,
|
|
|
+ failList:[], // 再来一单可购买商品
|
|
|
+ promptitle:'',
|
|
|
+ aganOrderId:0
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
let self = this
|
|
|
- this.clubID = option.clubID
|
|
|
this.currentTab = option.listType
|
|
|
- // 高度自适应
|
|
|
- uni.getSystemInfo({
|
|
|
+ this.initDataInfo()
|
|
|
+ uni.getSystemInfo({// 高度自适应
|
|
|
success: function(res) {
|
|
|
let calc = res.windowHeight;
|
|
|
self.winHeight = calc-82;
|
|
|
}
|
|
|
});
|
|
|
- this.$api.getStorage().then((resolve) =>{
|
|
|
- this.userID = resolve.userId ? resolve.userId : 0
|
|
|
- })
|
|
|
},
|
|
|
filters:{
|
|
|
NumFormat(value) {//处理金额
|
|
@@ -194,8 +240,15 @@
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
- // 滚动切换标签样式
|
|
|
- onChange (e) {
|
|
|
+ async initDataInfo(){
|
|
|
+ const clubInfo = await this.$api.getComStorage('orderUserInfo')
|
|
|
+ const userInfo = await this.$api.getStorage()
|
|
|
+ this.clubId = clubInfo.clubID ? clubInfo.clubID : 0
|
|
|
+ this.userId = clubInfo.userID ? clubInfo.userID : 0
|
|
|
+ this.serviceProviderId = userInfo.serviceProviderId ? userInfo.serviceProviderId : 0
|
|
|
+ this.getOrderDatainit(this.currentTab)
|
|
|
+ },
|
|
|
+ onChange (e) {// 滚动切换标签样式
|
|
|
let index = e.target.current || e.detail.current;
|
|
|
if (this.isClickChange) {
|
|
|
this.currentTab = index;
|
|
@@ -251,61 +304,74 @@
|
|
|
return;
|
|
|
}
|
|
|
setTimeout(()=>{
|
|
|
- this.$api.getComStorage('orderUserInfo').then((resolve) =>{
|
|
|
- let params = {listType:index,clubID:resolve.clubID,orderSubmitType:this.screenTab,serviceProviderId:this.serviceProviderId,pageNum:1,pageSize:this.pageSize};
|
|
|
- this.SellerService.GetSellerClubOrderList(params).then(response =>{
|
|
|
- let orderList = response.data.results.filter(item=>{
|
|
|
- //添加不同状态下订单的表现形式
|
|
|
- item = Object.assign(item, this.StateExpFormat(item.listType));
|
|
|
- return item;
|
|
|
- });
|
|
|
- orderItem.orderList =[];
|
|
|
- orderList.forEach(item=>{
|
|
|
- orderItem.orderList.push(item);
|
|
|
- })
|
|
|
- //loaded新字段用于表示数据加载完毕,如果为空可以显示空白页
|
|
|
- this.$set(orderItem, 'loaded', true);
|
|
|
- this.hasNextPage = response.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);
|
|
|
+ this.SellerService.GetSellerClubOrderList(
|
|
|
+ {
|
|
|
+ listType:index,
|
|
|
+ clubId:this.clubId,
|
|
|
+ orderSubmitType:this.screenTab,
|
|
|
+ serviceProviderId:this.serviceProviderId,
|
|
|
+ pageNum:1,
|
|
|
+ pageSize:this.pageSize,
|
|
|
+ }
|
|
|
+ ).then(response =>{
|
|
|
+ let data = response.data
|
|
|
+ let orderList = data.list.filter(item=>{
|
|
|
+ //添加不同状态下订单的表现形式
|
|
|
+ item = Object.assign(item, this.StateExpFormat(item.listType));
|
|
|
+ return item;
|
|
|
+ });
|
|
|
+ orderItem.orderList =[];
|
|
|
+ orderList.forEach(item=>{
|
|
|
+ orderItem.orderList.push(item);
|
|
|
})
|
|
|
- })
|
|
|
- }, 600);
|
|
|
- },
|
|
|
- getOnReachBottomData(index){//上拉加载
|
|
|
- this.pageNum += 1
|
|
|
- this.$api.getComStorage('orderUserInfo').then((resolve) =>{
|
|
|
- let params = {listType:index,clubID:resolve.clubID,orderSubmitType:this.screenTab,serviceProviderId:this.serviceProviderId,pageNum:this.pageNum,pageSize:this.pageSize};
|
|
|
- this.SellerService.GetSellerClubOrderList(params).then(response =>{
|
|
|
- let orderItem = this.orderTabBar[index];
|
|
|
- let resData = response.data.results
|
|
|
- this.hasNextPage = response.data.hasNextPage;
|
|
|
- orderItem.orderList = orderItem.orderList.concat(resData)
|
|
|
- this.pullFlag = false;// 防上拉暴滑
|
|
|
- setTimeout(()=>{this.pullFlag = true;},500)
|
|
|
+ //loaded新字段用于表示数据加载完毕,如果为空可以显示空白页
|
|
|
+ this.$set(orderItem, 'loaded', true);
|
|
|
+ this.hasNextPage = data.hasNextPage;
|
|
|
if(this.hasNextPage){
|
|
|
this.pullUpOn = false
|
|
|
this.nomoreText = '上拉显示更多'
|
|
|
}else{
|
|
|
- this.loadding = false
|
|
|
- this.pullUpOn = false
|
|
|
- this.nomoreText = '已至底部'
|
|
|
+ if(orderItem.orderList.length < 2){
|
|
|
+ this.pullUpOn = true
|
|
|
+ }else{
|
|
|
+ this.pullUpOn = false
|
|
|
+ this.nomoreText = '已至底部'
|
|
|
+ }
|
|
|
}
|
|
|
}).catch(error =>{
|
|
|
- this.$util.msg(error.msg,2000)
|
|
|
+ this.$util.msg(error.msg,2000);
|
|
|
})
|
|
|
- })
|
|
|
+ }, 600);
|
|
|
+ },
|
|
|
+ getOnReachBottomData(index){//上拉加载
|
|
|
+ this.pageNum += 1
|
|
|
+ this.SellerService.GetSellerClubOrderList(
|
|
|
+ {
|
|
|
+ listType:index,
|
|
|
+ clubId:this.clubId,
|
|
|
+ orderSubmitType:this.screenTab,
|
|
|
+ serviceProviderId:this.serviceProviderId,
|
|
|
+ pageNum:this.pageNum,
|
|
|
+ pageSize:this.pageSize,
|
|
|
+ }
|
|
|
+ ).then(response =>{
|
|
|
+ let orderItem = this.orderTabBar[index];
|
|
|
+ let data = response.data
|
|
|
+ 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() {
|
|
|
if(this.hasNextPage){
|
|
@@ -326,7 +392,7 @@
|
|
|
switch(data.type){
|
|
|
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='+data.orderId)
|
|
|
break
|
|
|
case 'delete':
|
|
|
this.handOrderDetele(data.orderId);
|
|
@@ -342,28 +408,51 @@
|
|
|
break
|
|
|
}
|
|
|
},
|
|
|
- handOrderAgain(id){
|
|
|
- this.aganOrderID = id;
|
|
|
- this.SellerService.SellerCreateOrderAgain({orderId:this.aganOrderID,userId:this.userID,confirmFlag:0}).then(res =>{
|
|
|
+ handOrderAgain(orderId){// 再来一单
|
|
|
+ this.aganOrderId = orderId;
|
|
|
+ this.SellerService.SellerCreateOrderAgain(
|
|
|
+ {
|
|
|
+ confirmFlag:0,
|
|
|
+ orderId:this.aganOrderId,
|
|
|
+ serviceProviderId:this.serviceProviderId
|
|
|
+ }
|
|
|
+ ).then(res =>{
|
|
|
if(res.code==0){
|
|
|
- this.$api.setStorage('orderUserInfo',{clubID:res.data.clubId,againBuyProductIds:res.data.againBuyProductIds,userID:res.data.userId})
|
|
|
+ this.$api.setStorage('orderUserInfo',{clubID:res.data.clubId,againBuyProductIds:res.data.againBuyProductIds})
|
|
|
this.$api.navigateTo('/pages/seller/cart/cart');
|
|
|
}
|
|
|
}).catch(error =>{
|
|
|
if(error.code== -3){
|
|
|
- this.showAgan = true;
|
|
|
- this.promptitle = error.msg;
|
|
|
- this.failList = error.data;
|
|
|
+ this.showAgan = true
|
|
|
+ this.promptitle = error.msg
|
|
|
+ this.failList = error.data
|
|
|
}else if(error.code== -2){
|
|
|
this.$util.modal('',error.msg,'确定','',false,() =>{})
|
|
|
}else{
|
|
|
this.$util.msg(error.msg,2000)
|
|
|
}
|
|
|
- })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ closeBtn(){//
|
|
|
+ this.showAgan = false;
|
|
|
+ },
|
|
|
+ cancelBtn(){// 再来一单弹窗
|
|
|
+ this.SellerService.SellerCreateOrderAgain(
|
|
|
+ {
|
|
|
+ serviceProviderId:this.serviceProviderId,
|
|
|
+ orderId:this.aganOrderId,
|
|
|
+ confirmFlag:1,
|
|
|
+ }
|
|
|
+ ).then(res =>{
|
|
|
+ if(res.code==0){
|
|
|
+ this.$api.navigateTo('/pages/seller/cart/cart');
|
|
|
+ this.showAgan = false;
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- handOrderConfirm (id){//确认订单
|
|
|
+ handOrderConfirm (orderId){//确认订单
|
|
|
this.$util.modal('提示','确认此订单?','确定','取消',true,() =>{
|
|
|
- this.OrderService.AffirmOrder({orderID:id}).then(response =>{
|
|
|
+ this.OrderService.AffirmOrder({orderId:orderId}).then(response =>{
|
|
|
this.$util.msg(response.msg,2000,true,'success');
|
|
|
setTimeout(() => {
|
|
|
this.getOrderDatainit(this.currentTab)
|
|
@@ -373,9 +462,9 @@
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- handOrderDetele(id){//删除订单
|
|
|
+ handOrderDetele(orderId){//删除订单
|
|
|
this.$util.modal('提示','确认删除该订单吗?','确定','取消',true,() =>{
|
|
|
- this.OrderService.DeleteOrder({orderID:id}).then(response =>{
|
|
|
+ this.OrderService.DeleteOrder({orderId:orderId}).then(response =>{
|
|
|
this.$util.msg(response.msg,2000,true,'success');
|
|
|
setTimeout(() => {
|
|
|
this.getOrderDatainit(this.currentTab)
|
|
@@ -385,9 +474,9 @@
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- handCenceConfirm(id){//取消订单
|
|
|
+ handCenceConfirm(orderId){//取消订单
|
|
|
this.$util.modal('提示','确认取消该订单吗?','确定','取消',true,() =>{
|
|
|
- this.OrderService.CancelOrder({orderID:id}).then(response =>{
|
|
|
+ this.OrderService.CancelOrder({orderId:orderId}).then(response =>{
|
|
|
this.$util.msg(response.msg,2000,true,'success');
|
|
|
setTimeout(() => {
|
|
|
this.getOrderDatainit(this.currentTab)
|
|
@@ -407,7 +496,7 @@
|
|
|
}
|
|
|
return {
|
|
|
title: '您有新的分享订单,快来查看吧~',
|
|
|
- path: `/pages/user/order/order-sharelogin?orderID=${this.btnoRderID}&userID=${this.btnClubUserID}&serviceProviderId=${this.serviceProviderId}`,
|
|
|
+ path: `/pages/user/order/order-sharelogin?orderId=${this.btnoRderID}&userId=${this.btnClubUserID}&serviceProviderId=${this.serviceProviderId}`,
|
|
|
imageUrl:'https://img.caimei365.com/group1/M00/03/95/Cmis216Sk_SABnOFABZCgCzFV_g063.png'
|
|
|
}
|
|
|
},
|
|
@@ -460,7 +549,6 @@
|
|
|
},
|
|
|
onShow() {
|
|
|
this.isModalLayer = false;
|
|
|
- this.getOrderDatainit(this.currentTab)
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -833,4 +921,80 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .aganBj {
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: rgba(0, 0, 0, .5);
|
|
|
+ z-index: 999999;
|
|
|
+ .alertAgan {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ width:580rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ .title{
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 42rpx;
|
|
|
+ padding: 30rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .goods{
|
|
|
+ padding: 0 30rpx;
|
|
|
+ .list{
|
|
|
+ padding: 10px 0;
|
|
|
+ border-bottom: 1rpx solid #e1e1e1;
|
|
|
+ margin: 10rpx 0;
|
|
|
+ .image-left{
|
|
|
+ width: 86rpx;
|
|
|
+ height: 86rpx;
|
|
|
+ border: 2rpx solid #e1e1e1;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .name-right{
|
|
|
+ display: inline-block;
|
|
|
+ width: 416rpx;
|
|
|
+ margin-left: 15rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #666666;
|
|
|
+ vertical-align: middle;
|
|
|
+ word-break: break-all;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-inline-box;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .BtnAll{
|
|
|
+ margin-top: 30rpx;
|
|
|
+ .btn{
|
|
|
+ display: inline-block;
|
|
|
+ width: 290rpx;
|
|
|
+ height: 90rpx;
|
|
|
+ line-height: 90rpx;
|
|
|
+ text-align: center;
|
|
|
+ &.closebtn{
|
|
|
+ border-radius: 0px 0px 0px 10px;
|
|
|
+ color:#999999 ;
|
|
|
+ background: #efefef;
|
|
|
+ }
|
|
|
+ &.cancel{
|
|
|
+ border-radius: 0px 0px 8px 0px;
|
|
|
+ background: $btn-confirm;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|