feat(uniapp_v2): 二开功能迁移与小程序主包优化
- 从 uniapp 迁移 HJF 页面、API、组件及用户/订单相关改动 - queue、assets 使用独立分包以降低主包体积 - 修复首页单根节点与支付结果页 v-if 链 - 关闭 HjfDemoPanel 全局注册；uniNoticeBar 注释 $getAppWebview 避免 __webviewId__ 报错 - 配置域名与 manifest 应用名称；cache/store 防御性处理 Made-with: Cursor
This commit is contained in:
apple
817
pro_v3.5.1/view/uniapp_v2/pages/admin/delivery/index.vue
Normal file
817
pro_v3.5.1/view/uniapp_v2/pages/admin/delivery/index.vue
Normal file
@@ -0,0 +1,817 @@
|
||||
<template>
|
||||
<view class="deliver-goods">
|
||||
<header class="header">
|
||||
<view class="order-num">
|
||||
<view class="num line1">订单号：{{ order_id }}</view>
|
||||
</view>
|
||||
<view class="address">
|
||||
<view class="name">
|
||||
<text class="iconfont icon-ic_location4"></text>
|
||||
{{ delivery.real_name }}
|
||||
<text class="phone">{{ delivery.user_phone }}</text>
|
||||
</view>
|
||||
<view>地址：{{ delivery.user_address }}</view>
|
||||
</view>
|
||||
<view class="line">
|
||||
<image src="@/static/images/line.jpg" />
|
||||
</view>
|
||||
</header>
|
||||
<view class="wrapper">
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>发货方式</view>
|
||||
<view class="mode acea-row row-middle row-right">
|
||||
<template v-for="(item, index) in types">
|
||||
<view v-if="item.show" class="goods" :class="(active === index || productType==3) ? 'on' : ''" :key="index" @click="changeType(item, index)">
|
||||
<text :class="['iconfont', active === index ? 'icon-ic_Selected' : 'icon-ic_unselect']"></text>
|
||||
{{ item.title }}
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
<block v-if="logistics.length>0">
|
||||
<view class="list" v-show="active === 0">
|
||||
<view class="item acea-row row-middle" v-if="delivery.config_export_open == 1">
|
||||
<view>发货类型</view>
|
||||
<view class="mode acea-row row-middle row-right">
|
||||
<view class="goods" :class="curExpress === item.key ? 'on' : ''" v-for="(item, index) in expressType" :key="index" @click="changeExpTpe(item, index)">
|
||||
<text :class="['iconfont', curExpress === item.key ? 'icon-ic_Selected' : 'icon-ic_unselect']"></text>
|
||||
{{ item.title }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<block v-if="curExpress == 1">
|
||||
<view class="item acea-row row-middle">
|
||||
<view>快递公司</view>
|
||||
<view class="select-box">
|
||||
<picker class="pickerBox" @change="bindPickerChange" :value="seIndex" :range="logistics" range-key="name">
|
||||
<view class="uni-input">{{logistics[seIndex].name}}</view>
|
||||
</picker>
|
||||
</view>
|
||||
<text class="iconfont icon-ic_rightarrow"></text>
|
||||
</view>
|
||||
<view class="item acea-row row-middle">
|
||||
<view>快递单号</view>
|
||||
<input type="text" placeholder="请输入" v-model="delivery_id" class="mode" />
|
||||
<!-- #ifdef MP -->
|
||||
<text class="iconfont icon-xiangji" @click="scanCode"></text>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef H5 -->
|
||||
<text v-if="isWeixin" class="iconfont icon-xiangji" @click="scanCode"></text>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="trip" v-if="curExpress == 1">顺丰请输入单号 :收件人或寄件人手机号后四位</view>
|
||||
<view class="trip" v-if="curExpress == 1">例如：SF000000000000:3941</view>
|
||||
</view>
|
||||
</block>
|
||||
<block v-if="curExpress == 2">
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>寄件人姓名</view>
|
||||
<input type="text" placeholder="填写寄件人姓名" v-model="to_name" class="mode" />
|
||||
</view>
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>寄件人电话</view>
|
||||
<input type="text" placeholder="填写寄件人电话" v-model="to_tel" class="mode" />
|
||||
</view>
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>寄件人地址</view>
|
||||
<input type="text" placeholder="填写寄件人地址" v-model="to_addr" class="mode" />
|
||||
</view>
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>快递公司</view>
|
||||
<view class="select-box">
|
||||
<picker class="pickerBox" @change="bindPickerChange" :value="seIndex" :range="logistics" range-key="name">
|
||||
<!-- <view></view> -->
|
||||
<view class="uni-input">{{logistics[seIndex].name}}</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item acea-row row-between-wrapper" v-if="expTemp.length>0">
|
||||
<view>电子面单</view>
|
||||
<view class="picker-add">
|
||||
<picker class="pickerBox" @change="bindTempChange" :value="expIndex" :range="expTemp" range-key="title">
|
||||
<view class="uni-input">{{expTemp[expIndex].title}}</view>
|
||||
</picker>
|
||||
<view class="look" @click="previewImage">预览</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</block>
|
||||
|
||||
<view class="list" v-show="active === 1">
|
||||
<view class="item acea-row row-between-wrapper">
|
||||
<view>送货人</view>
|
||||
<view class="select-box" v-if="postPeople.length>0">
|
||||
<picker class="pickerBox" @change="bindPostChange" :value="postIndex" :range="postPeople" range-key="wx_name">
|
||||
<view class="acea-row row-middle">
|
||||
<view class="uni-input">{{postPeople[postIndex].wx_name}}</view>
|
||||
<text class="iconfont icon-ic_rightarrow"></text>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item acea-row row-between-wrapper" v-if="postPeople[postIndex]">
|
||||
<view>手机号</view>
|
||||
<view class="select-box acea-row row-middle row-right">{{postPeople[postIndex].phone}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<textarea v-show="active === 2" v-model="fictitious_content" class="textarea" @blur="bindTextAreaBlur" placeholder="备注" :maxlength="500" auto-height />
|
||||
</view>
|
||||
<view class="split-wrapper" v-if="totalNum>1">
|
||||
<view class="split-switch acea-row row-between-wrapper">
|
||||
<view>分单发货</view>
|
||||
<view class="switch" :class="{ on: curGoods }" @click="changeGoods"></view>
|
||||
</view>
|
||||
<splitOrder :select_all="false" :splitGoods="splitGoods" @getList="getList" v-if="curGoods"></splitOrder>
|
||||
</view>
|
||||
<view class="height-add"></view>
|
||||
<view class="confirm-wrapper">
|
||||
<view class="confirm" @click="saveInfo">确认提交</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
getAdminOrderDelivery,
|
||||
setAdminOrderDelivery,
|
||||
getLogistics,
|
||||
orderExportTemp,
|
||||
orderDeliveryInfo,
|
||||
orderOrderDelivery,
|
||||
orderSplitInfo,
|
||||
orderSplitDelivery
|
||||
} from "@/api/admin";
|
||||
import splitOrder from '@/components/splitOrder';
|
||||
export default {
|
||||
name: "GoodsDeliver",
|
||||
components: {
|
||||
splitOrder
|
||||
},
|
||||
props: {},
|
||||
data: function() {
|
||||
return {
|
||||
types: [{
|
||||
type: "express",
|
||||
title: "发货",
|
||||
key: 1,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
type: "send",
|
||||
title: "送货",
|
||||
key: 2,
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
type: "fictitious",
|
||||
title: "无需物流",
|
||||
key: 3,
|
||||
show: true,
|
||||
}
|
||||
],
|
||||
expressType: [{
|
||||
title: '手动填写',
|
||||
key: 1
|
||||
},
|
||||
{
|
||||
title: '电子面单打印',
|
||||
key: 2
|
||||
},
|
||||
],
|
||||
orderGoods: [{
|
||||
title: '开启',
|
||||
key: 1
|
||||
},
|
||||
{
|
||||
title: '关闭',
|
||||
key: 0
|
||||
}
|
||||
],
|
||||
curExpress: 1,
|
||||
active: 0,
|
||||
order_id: "",
|
||||
delivery: [],
|
||||
logistics: [],
|
||||
delivery_type: "1",
|
||||
delivery_name: "",
|
||||
delivery_id: "",
|
||||
seIndex: 0,
|
||||
expIndex: 0,
|
||||
expTemp: [], // 快递模板
|
||||
to_name: '', // 发货人名称
|
||||
to_tel: '', // 发货人电话
|
||||
to_addr: "", // 发货人地址
|
||||
postPeople: [], //配送人
|
||||
postIndex: 0,
|
||||
fictitious_content: '',
|
||||
listId: 0,
|
||||
curGoods: 0,
|
||||
splitGoods: [],
|
||||
cartIds: [],
|
||||
totalNum: 0,
|
||||
productType: 0,
|
||||
// #ifdef H5
|
||||
isWeixin: this.$wechat.isWeixin()
|
||||
// #endif
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
"$route.params.oid": function(newVal) {
|
||||
let that = this;
|
||||
if (newVal != undefined) {
|
||||
that.order_id = newVal;
|
||||
that.getIndex();
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad: function(option) {
|
||||
this.order_id = option.id;
|
||||
this.listId = option.listId;
|
||||
this.totalNum = option.totalNum;
|
||||
this.comeType = option.comeType;
|
||||
this.productType = option.productType
|
||||
if (this.productType == 3) {
|
||||
// this.types.splice(0, 2);
|
||||
for (let i = 0; i < this.types.length; i++) {
|
||||
if (i == 2) {
|
||||
this.types[i].show = true;
|
||||
} else {
|
||||
this.types[i].show = false;
|
||||
}
|
||||
}
|
||||
this.delivery_type = 3;
|
||||
this.active = 2;
|
||||
}
|
||||
if (option.orderStatus == 8 || option.orderStatus == 4 || option.orderStatus == 9) {
|
||||
this.curGoods = 1;
|
||||
this.orderGoods.pop();
|
||||
this.splitList();
|
||||
}
|
||||
this.getIndex();
|
||||
this.getLogistics();
|
||||
this.orderDeliveryInfo()
|
||||
this.geTorderOrderDelivery()
|
||||
},
|
||||
methods: {
|
||||
getList(val) {
|
||||
let that = this;
|
||||
that.splitGoods = val;
|
||||
let cartIds = [];
|
||||
val.forEach((item) => {
|
||||
if (item.checked) {
|
||||
let i = {
|
||||
cart_id: item.cart_id,
|
||||
cart_num: item.surplus_num
|
||||
}
|
||||
cartIds.push(i)
|
||||
}
|
||||
})
|
||||
this.cartIds = cartIds;
|
||||
},
|
||||
splitList() {
|
||||
orderSplitInfo(this.listId).then(res => {
|
||||
let list = res.data;
|
||||
list.forEach((item) => {
|
||||
item.checked = false
|
||||
item.numShow = item.surplus_num
|
||||
})
|
||||
this.splitGoods = list;
|
||||
}).catch(err => {
|
||||
return this.$util.Tips({
|
||||
title: err
|
||||
});
|
||||
})
|
||||
},
|
||||
// 点击获取拆单列表
|
||||
changeGoods() {
|
||||
this.curGoods = this.curGoods ? 0 : 1;
|
||||
if (this.curGoods) {
|
||||
this.splitList();
|
||||
}
|
||||
},
|
||||
// 扫描快递单号一维码
|
||||
scanCode() {
|
||||
// #ifdef MP
|
||||
let that = this;
|
||||
uni.scanCode({
|
||||
scanType: ['barCode'],
|
||||
success(res) {
|
||||
that.delivery_id = res.result;
|
||||
}
|
||||
})
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
if (this.$wechat.isWeixin()) {
|
||||
this.$wechat.wechatEvevt('scanQRCode', {
|
||||
needResult: 1,
|
||||
scanType: ['barCode']
|
||||
}).then(res => {
|
||||
let result = res.resultStr.split(",");
|
||||
this.delivery_id = result[1];
|
||||
});
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
// 预览图片
|
||||
previewImage() {
|
||||
uni.previewImage({
|
||||
urls: [this.expTemp[this.expIndex].pic],
|
||||
success: function() {
|
||||
|
||||
},
|
||||
fail: function(error) {
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
// 获取配送员列表
|
||||
geTorderOrderDelivery() {
|
||||
orderOrderDelivery().then(res => {
|
||||
this.postPeople = res.data
|
||||
})
|
||||
},
|
||||
// 配送员选择
|
||||
bindPostChange(e) {
|
||||
this.postIndex = e.detail.value
|
||||
},
|
||||
// 选择发货类型
|
||||
changeExpTpe(item, index) {
|
||||
this.curExpress = item.key
|
||||
this.getLogistics(index || '');
|
||||
},
|
||||
changeType: function(item, index) {
|
||||
this.active = index;
|
||||
this.delivery_type = item.key;
|
||||
},
|
||||
getIndex: function() {
|
||||
let that = this;
|
||||
getAdminOrderDelivery(that.order_id).then(
|
||||
res => {
|
||||
that.delivery = res.data;
|
||||
},
|
||||
error => {
|
||||
that.$util.Tips({
|
||||
title: error
|
||||
})
|
||||
}
|
||||
);
|
||||
},
|
||||
getLogistics(status) {
|
||||
let that = this;
|
||||
getLogistics({
|
||||
status
|
||||
}).then(
|
||||
res => {
|
||||
that.logistics = res.data;
|
||||
that.getExpTemp(res.data[0].code)
|
||||
},
|
||||
error => {
|
||||
that.$util.Tips({
|
||||
title: error
|
||||
})
|
||||
}
|
||||
);
|
||||
},
|
||||
async saveInfo() {
|
||||
let that = this,
|
||||
delivery_type = that.delivery_type,
|
||||
delivery_name = that.logistics[that.seIndex].name,
|
||||
delivery_id = that.delivery_id,
|
||||
userName = that.delivery_name,
|
||||
save = {};
|
||||
save.delivery_type = delivery_type;
|
||||
save.delivery_code = that.logistics[that.seIndex].code
|
||||
save.delivery_name = that.logistics[that.seIndex].name
|
||||
save.type = that.active + 1
|
||||
if (delivery_type == 1 && this.curExpress == 1) {
|
||||
if (!delivery_id) {
|
||||
return this.$util.Tips({
|
||||
title: '请填写快递单号'
|
||||
})
|
||||
}
|
||||
save.express_record_type = that.curExpress
|
||||
save.delivery_id = delivery_id
|
||||
if (that.curGoods) {
|
||||
that.setSplitInfo(save)
|
||||
} else {
|
||||
that.setInfo(save);
|
||||
}
|
||||
}
|
||||
|
||||
if (delivery_type == 1 && this.curExpress == 2) {
|
||||
if (!that.to_name) {
|
||||
return this.$util.Tips({
|
||||
title: '请填写寄件人姓名'
|
||||
})
|
||||
}
|
||||
if (!that.to_tel) {
|
||||
return this.$util.Tips({
|
||||
title: '请填写寄件人手机号码'
|
||||
})
|
||||
}
|
||||
if (!(/^1[3456789]\d{9}$/.test(that.to_tel))) {
|
||||
return this.$util.Tips({
|
||||
title: '请填写寄件人手机号码'
|
||||
})
|
||||
}
|
||||
if (!that.to_addr) {
|
||||
return this.$util.Tips({
|
||||
title: '请填写寄件人地址'
|
||||
})
|
||||
}
|
||||
if (that.expTemp.length == 0) {
|
||||
return this.$util.Tips({
|
||||
title: '请选择电子面单'
|
||||
})
|
||||
}
|
||||
save.express_record_type = that.curExpress
|
||||
save.to_name = that.to_name
|
||||
save.to_tel = that.to_tel
|
||||
save.to_addr = that.to_addr
|
||||
save.express_temp_id = that.expTemp[that.expIndex].temp_id
|
||||
if (that.curGoods) {
|
||||
that.setSplitInfo(save)
|
||||
} else {
|
||||
that.setInfo(save);
|
||||
}
|
||||
}
|
||||
if (delivery_type == 2) {
|
||||
if (!that.postPeople.length) {
|
||||
return this.$util.Tips({
|
||||
title: '请在平台后台添加送货人'
|
||||
})
|
||||
}
|
||||
let obj = this.postPeople[this.postIndex]
|
||||
let params = {}
|
||||
params.type = that.delivery_type
|
||||
params.sh_delivery_name = obj.wx_name
|
||||
params.sh_delivery_id = obj.phone
|
||||
params.sh_delivery_uid = obj.uid
|
||||
if (that.curGoods) {
|
||||
that.setSplitInfo(params)
|
||||
} else {
|
||||
that.setInfo(params);
|
||||
}
|
||||
}
|
||||
if (delivery_type == 3) {
|
||||
let params = {}
|
||||
params.type = that.delivery_type;
|
||||
params.fictitious_content = that.fictitious_content;
|
||||
if (that.curGoods) {
|
||||
that.setSplitInfo(params)
|
||||
} else {
|
||||
that.setInfo(params);
|
||||
}
|
||||
}
|
||||
},
|
||||
setInfo: function(item) {
|
||||
let that = this;
|
||||
setAdminOrderDelivery(that.delivery.id, item).then(
|
||||
res => {
|
||||
that.$util.Tips({
|
||||
title: res.msg,
|
||||
icon: 'success',
|
||||
mask: true
|
||||
})
|
||||
setTimeout(res => {
|
||||
if (this.comeType == 2) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/admin/orderDetail/index?id=' + this.order_id
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/pages/admin/orderList/index?types=1'
|
||||
})
|
||||
}
|
||||
}, 2000)
|
||||
},
|
||||
error => {
|
||||
that.$util.Tips({
|
||||
title: error
|
||||
})
|
||||
}
|
||||
);
|
||||
},
|
||||
setSplitInfo(item) {
|
||||
if (!this.cartIds.length) {
|
||||
return this.$util.Tips({
|
||||
title: '请选择发货商品'
|
||||
})
|
||||
}
|
||||
item.cart_ids = this.cartIds
|
||||
orderSplitDelivery(this.delivery.id, item).then(res => {
|
||||
this.$util.Tips({
|
||||
title: res.msg,
|
||||
icon: 'success',
|
||||
mask: true
|
||||
})
|
||||
setTimeout(res => {
|
||||
if (this.comeType == 2) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/admin/orderDetail/index?id=' + this.order_id
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/pages/admin/orderList/index?types=1'
|
||||
})
|
||||
}
|
||||
}, 2000)
|
||||
}).catch(err => {
|
||||
this.$util.Tips({
|
||||
title: err
|
||||
})
|
||||
})
|
||||
},
|
||||
bindPickerChange(e) {
|
||||
this.seIndex = e.detail.value
|
||||
this.getExpTemp(this.logistics[e.detail.value].code)
|
||||
|
||||
},
|
||||
bindTempChange(e) {
|
||||
this.expIndex = e.detail.value
|
||||
},
|
||||
getExpTemp(code) {
|
||||
orderExportTemp({
|
||||
com: code
|
||||
}).then(res => {
|
||||
this.expTemp = res.data.data
|
||||
})
|
||||
},
|
||||
// 获取订单打印默认配置
|
||||
orderDeliveryInfo() {
|
||||
orderDeliveryInfo().then(res => {
|
||||
this.to_name = res.data.to_name;
|
||||
this.to_tel = res.data.to_tel;
|
||||
this.to_addr = res.data.to_add;
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.picker-add {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.height-add {
|
||||
height: 120upx;
|
||||
}
|
||||
|
||||
|
||||
/*发货*/
|
||||
.deliver-goods {
|
||||
padding: 22rpx 20rpx;
|
||||
}
|
||||
|
||||
.deliver-goods .header {
|
||||
position: relative;
|
||||
padding: 0 32rpx;
|
||||
border-radius: 24rpx;
|
||||
background: #FFFFFF;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.deliver-goods .header .order-num {
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1px dotted #EEEEEE;
|
||||
}
|
||||
|
||||
.deliver-goods .header .order-num .num {
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.deliver-goods header .order-num .num:after {}
|
||||
|
||||
.deliver-goods header .order-num .name {
|
||||
width: 260upx;
|
||||
font-size: 26upx;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.deliver-goods header .order-num .name .iconfont {
|
||||
font-size: 35upx;
|
||||
color: #477ef3;
|
||||
vertical-align: middle;
|
||||
margin-right: 10upx;
|
||||
}
|
||||
|
||||
.deliver-goods .header .address {
|
||||
padding: 20rpx 0 40rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 34rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.deliver-goods .header .address .name {
|
||||
font-weight: 500;
|
||||
font-size: 30rpx;
|
||||
line-height: 42rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.deliver-goods .header .address .name .iconfont {
|
||||
margin-right: 8rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.deliver-goods .header .address .name .phone {
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
|
||||
.deliver-goods .header .line {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 4rpx;
|
||||
}
|
||||
|
||||
.deliver-goods .header .line image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper {
|
||||
padding: 12rpx 0;
|
||||
border-radius: 24rpx;
|
||||
margin-top: 20rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item {
|
||||
padding: 0 24rpx;
|
||||
height: 80rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item .mode {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item .mode .iconfont {
|
||||
font-size: 32rpx;
|
||||
margin-right: 12rpx;
|
||||
color: #CCCCCC;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item .mode .goods~.goods {
|
||||
margin-left: 50rpx;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item .mode .goods {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item .mode .goods.on {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item .mode .goods.on .iconfont {
|
||||
color: $primary-admin;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item .icon-up {
|
||||
position: absolute;
|
||||
font-size: 35upx;
|
||||
color: #2c2c2c;
|
||||
right: 30upx;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item select {
|
||||
direction: rtl;
|
||||
padding-right: 60upx;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.deliver-goods .wrapper .item input::placeholder {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.deliver-goods .confirm-wrapper {
|
||||
background-color: #FFFFFF;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
bottom: constant(safe-area-inset-bottom);
|
||||
bottom: env(safe-area-inset-bottom);
|
||||
width: 100%;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.deliver-goods .confirm {
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
background: #2A7EFB;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
.select-box {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
|
||||
.pickerBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.iconfont {
|
||||
margin-left: 8rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.look {
|
||||
margin-left: 20rpx;
|
||||
color: $primary-admin;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
display: block;
|
||||
min-height: 192rpx;
|
||||
padding: 24rpx;
|
||||
width: 100%;
|
||||
// border-bottom: 1px solid #f0f0f0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.icon-xiangji {
|
||||
font-size: 35rpx;
|
||||
color: $primary-admin;
|
||||
}
|
||||
|
||||
.trip {
|
||||
font-size: 22rpx;
|
||||
color: #ccc;
|
||||
padding: 6rpx 0;
|
||||
}
|
||||
|
||||
.split-wrapper {
|
||||
border-radius: 24rpx;
|
||||
margin-top: 20rpx;
|
||||
background: #FFFFFF;
|
||||
|
||||
.splitOrder {
|
||||
padding: 0 24rpx 46rpx;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.split-switch {
|
||||
padding: 40rpx 24rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
|
||||
.switch {
|
||||
position: relative;
|
||||
width: 79rpx;
|
||||
height: 48rpx;
|
||||
padding: 4rpx;
|
||||
border-radius: 24rpx;
|
||||
background: #DDDDDD;
|
||||
transition: background 0.1s, border 0.1s;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 4rpx;
|
||||
left: 4rpx;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0 3rpx 6rpx 0 rgba(0, 0, 0, 0.08);
|
||||
transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
||||
}
|
||||
|
||||
&.on {
|
||||
background: #2A7EFB;
|
||||
|
||||
&::after {
|
||||
transform: translateX(31rpx);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user