区域群组多语言

This commit is contained in:
pushuo 2022-09-01 14:35:28 +08:00
parent 46a23e8be3
commit 211711dfee
3 changed files with 24 additions and 20 deletions

View File

@ -37,54 +37,54 @@
{{-- {{ $regions->links('admin::vendor/pagination/bootstrap-4') }} --}} {{-- {{ $regions->links('admin::vendor/pagination/bootstrap-4') }} --}}
</div> </div>
<el-dialog title="创建区域组" :visible.sync="dialog.show" width="700px" <el-dialog title="{{ __('admin/region.regions_create') }}" :visible.sync="dialog.show" width="700px"
@close="closeCustomersDialog('form')" :close-on-click-modal="false"> @close="closeCustomersDialog('form')" :close-on-click-modal="false">
<el-form ref="form" :rules="rules" :model="dialog.form" label-width="120px"> <el-form ref="form" :rules="rules" :model="dialog.form" label-width="120px">
<el-form-item label="区域群组名称" prop="name"> <el-form-item label="{{ __('common.name') }}" prop="name">
<el-input v-model="dialog.form.name" placeholder="区域群组名称"></el-input> <el-input v-model="dialog.form.name" placeholder="{{ __('common.name') }}"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="描述" prop="description"> <el-form-item label="{{ __('admin/region.describe') }}" prop="description">
<el-input v-model="dialog.form.description" placeholder="描述"></el-input> <el-input v-model="dialog.form.description" placeholder="{{ __('admin/region.describe') }}"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="区域群组"> <el-form-item label="{{ __('admin/region.index') }}">
<table class="table table-bordered" style="line-height: 1.6;"> <table class="table table-bordered" style="line-height: 1.6;">
<thead> <thead>
<tr> <tr>
<th>国家</th> <th>{{ __('admin/region.country') }}</th>
<th>省份</th> <th>{{ __('admin/region.zone') }}</th>
<th></th> <th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="rule, index in dialog.form.region_zones" :key="index"> <tr v-for="rule, index in dialog.form.region_zones" :key="index">
<td> <td>
<el-select v-model="rule.country_id" size="mini" filterable placeholder="选择国家" @change="(e) => {countryChange(e, index)}"> <el-select v-model="rule.country_id" size="mini" filterable placeholder="{{ __('admin/customer.choose_country') }}" @change="(e) => {countryChange(e, index)}">
<el-option v-for="item in source.countries" :key="item.id" :label="item.name" <el-option v-for="item in source.countries" :key="item.id" :label="item.name"
:value="item.id"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</td> </td>
<td> <td>
<el-select v-model="rule.zone_id" size="mini" filterable placeholder="选择省份"> <el-select v-model="rule.zone_id" size="mini" filterable placeholder="{{ __('admin/customer.choose_zones') }}">
<el-option v-for="item in rule.zones" :key="item.id" :label="item.name" <el-option v-for="item in rule.zones" :key="item.id" :label="item.name"
:value="item.id"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
</td> </td>
<td> <td>
<button class="btn btn-outline-danger btn-sm ml-1" type="button" @click="deleteRates(index)">删除</button> <button class="btn btn-outline-danger btn-sm ml-1" type="button" @click="deleteRates(index)">{{ __('common.delete') }}</button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<el-button type="primary" icon="el-icon-plus" size="small" plain @click="addRates">添加区域</el-button> <el-button type="primary" icon="el-icon-plus" size="small" plain @click="addRates">{{ __('common.add') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item class="mt-5"> <el-form-item class="mt-5">
<el-button type="primary" @click="addFormSubmit('form')">保存</el-button> <el-button type="primary" @click="addFormSubmit('form')">{{ __('common.save') }}</el-button>
<el-button @click="closeCustomersDialog('form')">取消</el-button> <el-button @click="closeCustomersDialog('form')">{{ __('common.cancel') }}</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-dialog> </el-dialog>
@ -120,8 +120,8 @@
}, },
rules: { rules: {
name: [{required: true,message: '请输入区域群组名称',trigger: 'blur'}, ], name: [{required: true,message: '{{ __('common.error_required', ['name' => __('common.name')]) }}',trigger: 'blur'}, ],
description: [{required: true,message: '请输入描述',trigger: 'blur'}, ], description: [{required: true,message: '{{ __('common.error_required', ['name' => __('admin/region.describe')]) }}',trigger: 'blur'}, ],
} }
}, },
@ -177,7 +177,7 @@
const url = this.dialog.type == 'add' ? 'regions' : 'regions/' + this.dialog.form.id; const url = this.dialog.type == 'add' ? 'regions' : 'regions/' + this.dialog.form.id;
this.$refs[form].validate((valid) => { this.$refs[form].validate((valid) => {
if (!valid) { if (!valid) {
this.$message.error('请检查表单是否填写正确'); this.$message.error('{{ __('common.error_form') }}');
return; return;
} }
@ -202,9 +202,9 @@
deleteCustomer(id, index) { deleteCustomer(id, index) {
const self = this; const self = this;
this.$confirm('确定要删除区域组吗?', '提示', { this.$confirm('{{ __('common.confirm_delete') }}', '{{ __('common.text_hint') }}', {
confirmButtonText: '确定', confirmButtonText: '{{ __('common.confirm') }}',
cancelButtonText: '取消', cancelButtonText: '{{ __('common.cancel') }}',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
$http.delete('regions/' + id).then((res) => { $http.delete('regions/' + id).then((res) => {

View File

@ -18,4 +18,6 @@ return [
'regions_delete' => 'Delete', 'regions_delete' => 'Delete',
'name' => 'Name', 'name' => 'Name',
'describe' => 'Describe', 'describe' => 'Describe',
'country' => 'Country',
'zone' => 'Zone',
]; ];

View File

@ -18,4 +18,6 @@ return [
'regions_delete' => '删除区域组', 'regions_delete' => '删除区域组',
'name' => '名称', 'name' => '名称',
'describe' => '描述', 'describe' => '描述',
'country' => '国家',
'zone' => '省份',
]; ];