Files
2024-03-21 15:38:10 +08:00

166 lines
3.4 KiB
Vue

<template>
<view class="index">
<view class="title_text">
创建分类
</view>
<view class="onecontent">
<view class="onecontent_item flex-between">
<view class="onecontent_itemleft">
快递公司
</view>
<view class="onecontent_itemright flex-start">
<input class="onecontent_itemright_text" v-model="form.company" maxlength="8" type="text"
placeholder="请输入快递公司">
</view>
</view>
<view class="onecontent_item flex-between">
<view class="onecontent_itemleft">
快递单号
</view>
<view class="onecontent_itemright flex-start">
<input class="onecontent_itemright_text" v-model="form.express" maxlength="8" type="text"
placeholder="请输入快递单号">
</view>
</view>
</view>
<view class="thereconse thereconses" @click="shoppingorsuboutgoods">
确定
</view>
</view>
</template>
<script>
export default {
data() {
return {
form: {
order_id: '',
company: '',
express: ""
}
}
},
async onLoad(e) {
this.form.order_id = e.id
},
methods: {
async shoppingorsuboutgoods() {
if (this.form.company == null || this.form.company == '') {
uni.showToast({
title: '请输入快递公司',
icon: 'none'
});
return false;
}
if (this.form.express == null || this.form.express == '') {
uni.showToast({
title: '请输入快递单号',
icon: 'none'
});
return false;
}
let res = await this.api.shoppingorsuboutgoods({
order_id: this.form.order_id,
company: this.form.company,
express: this.form.express
});
if (res.code == 1) {
uni.showToast({
title: '提交成功',
icon: 'none'
});
setTimeout(() => {
uni.navigateBack();
}, 1000);
}
},
}
}
</script>
<style lang="scss">
page {
background: #F6F6F6;
}
.index {
.title_text {
padding: 12rpx 40rpx;
font-size: 28rpx;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #666666;
}
#editor {
width: 100%;
height: 456rpx;
padding: 12rpx 40rpx;
background: #FFFFFF;
}
.onecontent {
background: #ffffff;
.onecontent_item {
width: 100%;
padding: 16rpx 46rpx;
border-bottom: 2rpx solid #E5E5E5;
.onecontent_itemleft {
flex: 1;
font-size: 28rpx;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #666666;
}
.onecontent_itemright {
flex: 3;
.onecontent_itemrighttext {
font-size: 24rpx;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #999999;
}
.onecontent_itemrightimges {
width: 112rpx;
height: 112rpx;
background: #F5F5F5;
border-radius: 10rpx;
font-size: 40rpx;
color: #878787;
}
.onecontent_itemright_text {
width: 100%;
font-size: 24rpx;
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400;
color: #999999;
}
}
}
}
.thereconse {
width: 630rpx;
height: 80rpx;
background: #999999;
border-radius: 40rpx;
font-size: 36rpx;
text-align: center;
margin: 84rpx auto;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #FFFFFF;
line-height: 80rpx;
}
.thereconses {
background: linear-gradient(115deg, #7E81A5 0%, #4D4E64 100%);
}
}
</style>