135 lines
4.5 KiB
Plaintext
135 lines
4.5 KiB
Plaintext
<view class="address-detail">
|
|
<view class="divider-line" />
|
|
<t-location
|
|
title="获取微信收获地址"
|
|
isCustomStyle
|
|
t-class="address-detail-wx-location"
|
|
bind:change="getWeixinAddress"
|
|
>
|
|
<t-icon class="address-detail-wx-arrow" name="arrow_forward" prefix="wr" color="#bbb" size="32rpx" />
|
|
</t-location>
|
|
<view class="divider-line" />
|
|
<view class="form-address">
|
|
<form class="form-content">
|
|
<t-cell-group>
|
|
<t-cell class="form-cell" t-class-title="t-cell-title" title="收货人" t-class-note="t-cell-note">
|
|
<t-input
|
|
class="t-input"
|
|
slot="note"
|
|
t-class="field-text"
|
|
borderless
|
|
data-item="name"
|
|
maxlength="20"
|
|
type="text"
|
|
value="{{locationState.name}}"
|
|
placeholder="您的姓名"
|
|
bind:change="onInputValue"
|
|
/>
|
|
</t-cell>
|
|
<t-cell class="form-cell" t-class-title="t-cell-title" title="手机号">
|
|
<t-input
|
|
slot="note"
|
|
class="t-input"
|
|
t-class="field-text"
|
|
borderless
|
|
type="number"
|
|
value="{{locationState.phone}}"
|
|
maxlength="11"
|
|
placeholder="联系您的手机号"
|
|
bind:change="onInputValue"
|
|
data-item="phone"
|
|
/>
|
|
</t-cell>
|
|
<t-cell class="form-cell" t-class-title="t-cell-title" title="地区">
|
|
<t-input
|
|
slot="note"
|
|
class="t-input"
|
|
t-class="field-text"
|
|
borderless
|
|
placeholder="省/市/区"
|
|
data-item="address"
|
|
value="{{locationState.provinceName ? locationState.provinceName+'/':'' }}{{locationState.cityName ? locationState.cityName+'/':''}}{{locationState.districtName}}"
|
|
catch:tap="onPickArea"
|
|
disabled
|
|
/>
|
|
<t-icon slot="right-icon" t-class="map" prefix="wr" name="location" catch:tap="onSearchAddress" />
|
|
</t-cell>
|
|
<t-cell class="form-cell" t-class-title="t-cell-title" title="详细地址" bordered="{{false}}">
|
|
<view slot="note" class="textarea__wrapper">
|
|
<t-textarea
|
|
slot="note"
|
|
type="text"
|
|
value="{{locationState.detailAddress}}"
|
|
placeholder="门牌号等(例如:10栋1001号)"
|
|
autosize
|
|
bind:change="onInputValue"
|
|
data-item="detailAddress"
|
|
/>
|
|
</view>
|
|
</t-cell>
|
|
|
|
<view class="divider-line" />
|
|
<t-cell
|
|
class="form-cell"
|
|
t-class-note="t-cell-note address__tag"
|
|
t-class-title="t-cell-title"
|
|
title="标签"
|
|
bordered="{{false}}"
|
|
>
|
|
<view class="t-input address-flex-box" slot="note">
|
|
<t-button
|
|
wx:for="{{labels}}"
|
|
wx:for-item="label"
|
|
wx:key="index"
|
|
size="extra-small"
|
|
t-class="label-list {{locationState.labelIndex === index ? 'active-btn':''}}"
|
|
bindtap="onPickLabels"
|
|
data-item="{{index}}"
|
|
>
|
|
{{label.name}}
|
|
</t-button>
|
|
<t-button size="extra-small" t-class="label-list" bindtap="addLabels">
|
|
<t-icon name="add" size="40rpx" color="#bbb" />
|
|
</t-button>
|
|
</view>
|
|
</t-cell>
|
|
<view class="divider-line" />
|
|
<t-cell title="设置为默认收货地址" bordered="{{false}}">
|
|
<t-switch
|
|
value="{{locationState.isDefault}}"
|
|
slot="note"
|
|
colors="{{['#0ABF5B', '#c6c6c6']}}"
|
|
bind:change="onCheckDefaultAddress"
|
|
/>
|
|
</t-cell>
|
|
</t-cell-group>
|
|
<view class="submit">
|
|
<t-button shape="round" block disabled="{{!submitActive}}" bind:tap="formSubmit"> 保存 </t-button>
|
|
</view>
|
|
</form>
|
|
</view>
|
|
<t-cascader
|
|
data-item="address"
|
|
data-type="1"
|
|
visible="{{areaPickerVisible}}"
|
|
theme="tab"
|
|
options="{{areaData}}"
|
|
value="{{locationState.districtCode}}"
|
|
title="选择地区"
|
|
bind:change="onInputValue"
|
|
></t-cascader>
|
|
</view>
|
|
<t-dialog
|
|
visible="{{visible}}"
|
|
t-class-confirm="dialog__button-confirm"
|
|
t-class-cancel="dialog__button-cancel"
|
|
title="填写标签名称"
|
|
confirm-btn="确定"
|
|
cancel-btn="取消"
|
|
bind:confirm="confirmHandle"
|
|
bind:cancel="cancelHandle"
|
|
>
|
|
<t-input slot="content" class="dialog__input" model:value="{{labelValue}}" placeholder="请输入标签名称" borderless />
|
|
</t-dialog>
|
|
<t-toast id="t-toast" />
|