wyyl/themes/default/shared/address-form.blade.php

64 lines
2.7 KiB
PHP

@php
$address_form_show = $address_form_show ?? 'dialogAddress.show';
$address_form_key = $address_form_key ?? 'dialogAddress.form';
$address_form_rules = $address_form_rules ?? 'addressRules';
@endphp
<el-dialog custom-class="mobileWidth" title="编辑地址" :visible.sync="{{ $address_form_show }}" @close="closeAddressDialog('addressForm')" :close-on-click-modal="false">
<el-form ref="addressForm" :rules="{{ $address_form_rules }}" :model="{{ $address_form_key }}" label-width="100px">
<el-form-item label="姓名" prop="name">
<el-input v-model="{{ $address_form_key }}.name"></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="phone">
<el-input maxlength="11" v-model="{{ $address_form_key }}.phone"></el-input>
</el-form-item>
<el-form-item label="地址" required>
<div class="row dialog-address">
<div class="col-4">
<el-form-item>
<el-select v-model="{{ $address_form_key }}.country_id" filterable placeholder="选择国家" @change="countryChange">
<el-option v-for="item in source.countries" :key="item.id" :label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</div>
<div class="col-4 mt-2 mt-sm-0">
<el-form-item prop="zone_id">
<el-select v-model="{{ $address_form_key }}.zone_id" filterable placeholder="选择省份">
<el-option v-for="item in source.zones" :key="item.id" :label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</div>
<div class="col-4 mt-2 mt-sm-0">
<el-form-item prop="city">
<el-input v-model="{{ $address_form_key }}.city" placeholder="输入 city"></el-input>
</el-form-item>
</div>
</div>
</el-form-item>
<el-form-item label="邮编" prop="zipcode">
<el-input v-model="{{ $address_form_key }}.zipcode"></el-input>
</el-form-item>
<el-form-item label="详细地址 1" prop="address_1">
<el-input v-model="{{ $address_form_key }}.address_1"></el-input>
</el-form-item>
<el-form-item label="详细地址 2">
<el-input v-model="{{ $address_form_key }}.address_2"></el-input>
</el-form-item>
<el-form-item label="默认地址">
<el-switch
v-model="{{ $address_form_key }}.default"
:active-value="1"
:inactive-value="0"
>
</el-switch>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="addressFormSubmit('addressForm')">保存</el-button>
<el-button @click="closeAddressDialog('addressForm')">取消</el-button>
</el-form-item>
</el-form>
</el-dialog>