178 lines
5.0 KiB
Vue
178 lines
5.0 KiB
Vue
<template>
|
||
<tpx-layout>
|
||
<template v-slot:body>
|
||
<view class="com-jianju pos-rlt pb-30" style="padding-top: 2rpx;">
|
||
|
||
<view class="blcok-white radius-20">
|
||
<u-textarea v-model="submitParam.otherDes" border="none" height="110" placeholder="粘贴或输入地址，点击“智能识别”自动拆分姓名、电话和地址" custom-style="border:0;padding: 0;"></u-textarea>
|
||
<u-row justify="end">
|
||
<view class="mt-10">
|
||
<u-button @click="handleAnsText()" type="primary" size="mini" shape="circle" custom-style="width: 130rpx;font-size: 24rpx;padding:0;">智能识别</u-button>
|
||
</view>
|
||
</u-row>
|
||
</view>
|
||
|
||
<view class="blcok-white radius-20 mt-40">
|
||
<u-row>
|
||
<view>
|
||
<u-text text="国家" size="28" :bold="true"></u-text>
|
||
</view>
|
||
<u-row custom-style="flex: 1;" justify="end" align="center">
|
||
<u-icon size="22" name="arrow-down" color="#333"></u-icon>
|
||
</u-row>
|
||
</u-row>
|
||
</view>
|
||
|
||
|
||
<view class="blcok-white radius-20">
|
||
<view class="">
|
||
|
||
<view style="margin-top: 10rpx;">
|
||
<u-row>
|
||
<u-col span="4">
|
||
<u-input shape="circle" placeholder="真实姓名" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
|
||
</u-col>
|
||
<u-col offset="1" span="7">
|
||
<u-input shape="circle" placeholder="电话" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
|
||
</u-col>
|
||
</u-row>
|
||
</view>
|
||
|
||
<view class="blcok-grey radius-20">
|
||
<u-row>
|
||
<view style="flex: 1;">
|
||
<u-text text="省市区" size="28" :bold="true"></u-text>
|
||
</view>
|
||
<u-row>
|
||
<u-icon size="22" name="arrow-down" color="#333"></u-icon>
|
||
</u-row>
|
||
</u-row>
|
||
</view>
|
||
|
||
<view class="mt-30">
|
||
<u-textarea shape="circle" placeholder="详细地址（例如**街道**号**）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;" height="160"></u-textarea>
|
||
</view>
|
||
|
||
<view class="mt-30">
|
||
<u-input shape="circle" placeholder="电话" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
|
||
</view>
|
||
|
||
<view class="mt-30">
|
||
<u-input shape="circle" placeholder="邮编" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
|
||
</view>
|
||
|
||
<view class="mt-30">
|
||
<u-input shape="circle" placeholder="邮箱（选填）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
|
||
</view>
|
||
|
||
<view class="mt-30">
|
||
<u-input shape="circle" placeholder="公司名称（选填）" placeholder-style="color: #0E0708; " custom-style="border:0;border-radius: 20rpx;background-color: #F6F6F6;padding: 20rpx 30rpx;"></u-input>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="mt-30 pl-30 pr-30">
|
||
<u-row justify="between">
|
||
<view>
|
||
<u-checkbox-group v-model="radiovalue1" placement="column" @change="handleFormChange()">
|
||
<u-checkbox
|
||
shape="circle"
|
||
size="28" label="默认地址" active-color="#B12D29" la
|
||
label-size="24" hange="handleFormChange()"
|
||
>
|
||
</u-checkbox>
|
||
</u-checkbox-group>
|
||
</view>
|
||
<view>
|
||
<u-text text="清空" size="24" color="#0E0708"></u-text>
|
||
</view>
|
||
</u-row>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<template v-slot:footer>
|
||
<view class="blcok-white-noradius">
|
||
<u-button @click="handleSubmit()" type="primary" size="large" shape="circle"
|
||
custom-style="height:80rpx;font-size: 30rpx;"
|
||
>确定</u-button>
|
||
</view>
|
||
</template>
|
||
</tpx-layout>
|
||
</template>
|
||
|
||
<script>
|
||
import getCdnUrl from "@/common/getCdnUrl"
|
||
import {
|
||
ordStaEnum,
|
||
ordStatusList,
|
||
payTypeEnum,
|
||
payTypeList,
|
||
dlvTypeEnum,
|
||
dlvTypeList,
|
||
dateTypeEnum,
|
||
dateTypeList
|
||
} from "@/common/enum"
|
||
import {
|
||
goto
|
||
} from "@/common/untool"
|
||
export default {
|
||
props: {
|
||
// hasLeftWin: {
|
||
// type: Boolean
|
||
// }
|
||
},
|
||
computed: {
|
||
|
||
},
|
||
data() {
|
||
return {
|
||
submitParam: {
|
||
type: 1,
|
||
otherDes: ''
|
||
}
|
||
}
|
||
},
|
||
onShareAppMessage() {
|
||
return {
|
||
// title: '',
|
||
// path: 'TODO'
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.initData();
|
||
},
|
||
onUnload() {
|
||
|
||
},
|
||
methods: {
|
||
getCdnUrl,
|
||
|
||
initData() {
|
||
// uni.showLoading({
|
||
// title: '加载中'
|
||
// });
|
||
},
|
||
handleAnsText(){
|
||
|
||
},
|
||
handleFormChange(){
|
||
|
||
},
|
||
handleSubmit() {
|
||
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import '@/common/uni-nvue.scss';
|
||
|
||
page {
|
||
background-color: #F6F6F6;
|
||
height: 100% !important;
|
||
}
|
||
</style>
|
||
<style scoped lang="scss">
|
||
|
||
</style> |