多语言

This commit is contained in:
2025-05-06 17:16:37 +08:00
parent 07d628140e
commit 5ef4d9d754
32 changed files with 1596 additions and 920 deletions
+2 -1
View File
@@ -11,8 +11,9 @@ use Shopwwi\WebmanFilesystem\Facade\Storage;
use support\Log; use support\Log;
use support\Request; use support\Request;
use util\Util; use util\Util;
use plugin\admin\app\controller\Base;
class UploadController class UploadController extends Base
{ {
/** /**
@@ -4,6 +4,7 @@ namespace plugin\admin\app\controller;
use plugin\admin\app\common\Util; use plugin\admin\app\common\Util;
use plugin\admin\app\model\Option; use plugin\admin\app\model\Option;
use plugin\admin\app\model\Rule;
use plugin\admin\app\model\User; use plugin\admin\app\model\User;
use support\exception\BusinessException; use support\exception\BusinessException;
use support\Request; use support\Request;
@@ -48,7 +49,26 @@ class IndexController
$logo = $config['logo']['image'] ?? '/app/admin/admin/images/logo.png'; $logo = $config['logo']['image'] ?? '/app/admin/admin/images/logo.png';
return raw_view('account/login',['logo'=>$logo,'title'=>$title]); return raw_view('account/login',['logo'=>$logo,'title'=>$title]);
} }
return raw_view('index/index'); // 获取当前语言
$lang = session('lang', 'zh-cn');
// 加载语言文件
$common_translations = include __DIR__ . "/../lang/{$lang}/common.php";
// 获取菜单并应用翻译
$rules = Rule::whereIn('type', [0, 1])->orderBy('weight')->get();
$menus = [];
foreach ($rules as $rule) {
$menu = $rule->toArray();
$menu['title'] = $rule->getTranslatedTitle($lang);
$menus[] = $menu;
}
return view('index/index', [
'lang' => $lang,
'translations' => $common_translations,
'menus' => $menus
]);
} }
/** /**
@@ -0,0 +1,78 @@
<?php
namespace plugin\admin\app\controller;
use support\Request;
use support\Response;
use support\Log;
class LanguageController
{
/**
* 不需要登录的方法
* @var string[]
*/
protected $noNeedLogin = ['switch'];
/**
* 不需要鉴权的方法
* @var string[]
*/
protected $noNeedAuth = ['switch'];
/**
* 切换语言
* @param Request $request
* @return Response
*/
public function switch(Request $request): Response
{
try {
$lang = $request->post('lang');
Log::info('Language switch request received', [
'lang' => $lang,
'method' => $request->method(),
'headers' => $request->header(),
'input' => $request->all()
]);
if (!$lang) {
Log::warning('No language specified in request');
return json(['code' => 1, 'msg' => '未指定语言']);
}
if (!in_array($lang, ['zh-cn', 'en', 'ru', 'ar'])) {
Log::warning('Unsupported language', ['lang' => $lang]);
return json(['code' => 1, 'msg' => '不支持的语言']);
}
// 设置语言到session
session(['lang' => $lang]);
Log::info('Language set to session', ['lang' => $lang]);
// 获取当前页面的URL
$referer = $request->header('referer');
if (!$referer) {
$referer = '/';
}
Log::info('Redirect URL', ['referer' => $referer]);
return json([
'code' => 0,
'msg' => '切换成功',
'data' => [
'redirect' => $referer
]
]);
} catch (\Exception $e) {
Log::error('Language switch error', [
'error' => $e->getMessage(),
'trace' => $e->getTraceAsString()
]);
return json([
'code' => 1,
'msg' => '切换语言失败: ' . $e->getMessage()
]);
}
}
}
@@ -8,6 +8,7 @@ use plugin\admin\app\model\Location;
use plugin\admin\app\controller\Crud; use plugin\admin\app\controller\Crud;
use support\exception\BusinessException; use support\exception\BusinessException;
use util\Util; use util\Util;
use support\Log;
/** /**
* 仓库/港口 * 仓库/港口
@@ -35,7 +36,22 @@ class LocationController extends Crud
*/ */
public function index(): Response public function index(): Response
{ {
return view('location/index'); // 获取当前语言
$lang = session('lang', 'zh-cn');
Log::info('Current language', ['lang' => $lang]);
// 加载语言文件
$location_translations = include __DIR__ . "/../lang/{$lang}/location.php";
$common_translations = include __DIR__ . "/../lang/{$lang}/common.php";
// 合并翻译
$translations = array_merge($location_translations, $common_translations);
Log::info('Loaded translations', ['keys' => array_keys($translations)]);
return view('location/index', [
'lang' => $lang,
'translations' => $translations
]);
} }
/** /**
@@ -49,7 +65,20 @@ class LocationController extends Crud
if ($request->method() === 'POST') { if ($request->method() === 'POST') {
return parent::insert($request); return parent::insert($request);
} }
return view('location/insert'); // 获取当前语言
$lang = session('lang', 'zh-cn');
// 加载语言文件
$location_translations = include __DIR__ . "/../lang/{$lang}/location.php";
$common_translations = include __DIR__ . "/../lang/{$lang}/common.php";
// 合并翻译
$translations = array_merge($location_translations, $common_translations);
return view('location/insert', [
'lang' => $lang,
'translations' => $translations
]);
} }
/** /**
@@ -63,7 +92,20 @@ class LocationController extends Crud
if ($request->method() === 'POST') { if ($request->method() === 'POST') {
return parent::update($request); return parent::update($request);
} }
return view('location/update'); // 获取当前语言
$lang = session('lang', 'zh-cn');
// 加载语言文件
$location_translations = include __DIR__ . "/../lang/{$lang}/location.php";
$common_translations = include __DIR__ . "/../lang/{$lang}/common.php";
// 合并翻译
$translations = array_merge($location_translations, $common_translations);
return view('location/update', [
'lang' => $lang,
'translations' => $translations
]);
} }
/** /**
+19 -7
View File
@@ -67,18 +67,26 @@ class RuleController extends Crud
*/ */
function get(Request $request): Response function get(Request $request): Response
{ {
// 添加调试日志
error_log("RuleController::get called");
$rules = $this->getRules(admin('roles')); $rules = $this->getRules(admin('roles'));
$types = $request->get('type', '0,1'); $types = $request->get('type', '0,1');
$types = is_string($types) ? explode(',', $types) : [0, 1]; $types = is_string($types) ? explode(',', $types) : [0, 1];
$items = Rule::orderBy('weight', 'desc')->get()->toArray(); $items = Rule::orderBy('weight', 'desc')->get();
// 获取当前语言
$lang = session('lang', 'zh-cn');
$formatted_items = []; $formatted_items = [];
foreach ($items as $item) { foreach ($items as $item) {
$item['pid'] = (int)$item['pid']; $item_array = $item->toArray();
$item['name'] = $item['title']; $item_array['pid'] = (int)$item_array['pid'];
$item['value'] = $item['id']; $item_array['name'] = $item->getTranslatedTitle($lang);
$item['icon'] = $item['icon'] ? "layui-icon {$item['icon']}" : ''; $item_array['title'] = $item->getTranslatedTitle($lang);
$formatted_items[] = $item; $item_array['value'] = $item_array['id'];
$item_array['icon'] = $item_array['icon'] ? "layui-icon {$item_array['icon']}" : '';
$formatted_items[] = $item_array;
} }
$tree = new Tree($formatted_items); $tree = new Tree($formatted_items);
@@ -89,6 +97,10 @@ class RuleController extends Crud
} }
$this->removeNotContain($tree_items, 'type', $types); $this->removeNotContain($tree_items, 'type', $types);
$menus = $this->empty_filter(Tree::arrayValues($tree_items)); $menus = $this->empty_filter(Tree::arrayValues($tree_items));
// 添加调试日志
error_log("RuleController::get returning menus: " . json_encode($menus));
return $this->json(0, 'ok', $menus); return $this->json(0, 'ok', $menus);
} }
@@ -0,0 +1,57 @@
<?php
namespace plugin\admin\app\controller;
use plugin\admin\app\model\Rule;
use plugin\admin\app\model\RuleTranslation;
use support\Request;
use support\Response;
class RuleTranslationController
{
/**
* 获取规则的翻译
* @param Request $request
* @return Response
*/
public function get(Request $request): Response
{
$ruleId = $request->get('rule_id');
$lang = $request->get('lang');
if (!$ruleId || !$lang) {
return json(['code' => 1, 'msg' => '参数错误']);
}
$translation = RuleTranslation::where('rule_id', $ruleId)
->where('lang', $lang)
->first();
return json(['code' => 0, 'data' => $translation]);
}
/**
* 保存规则的翻译
* @param Request $request
* @return Response
*/
public function save(Request $request): Response
{
$ruleId = $request->post('rule_id');
$lang = $request->post('lang');
$title = $request->post('title');
if (!$ruleId || !$lang || !$title) {
return json(['code' => 1, 'msg' => '参数错误']);
}
$rule = Rule::find($ruleId);
if (!$rule) {
return json(['code' => 1, 'msg' => '规则不存在']);
}
$result = $rule->setTranslatedTitle($lang, $title);
return json(['code' => 0, 'msg' => '保存成功']);
}
}
@@ -24,6 +24,12 @@ class UploadController extends Crud
*/ */
protected $model = null; protected $model = null;
/**
* 不需要鉴权的方法
* @var string[]
*/
protected $noNeedAuth = ['uploadImage'];
/** /**
* 只返回当前管理员数据 * 只返回当前管理员数据
* @var string * @var string
@@ -1,4 +1,5 @@
<?php <?php
declare (strict_types = 1);
namespace plugin\admin\app\controller; namespace plugin\admin\app\controller;
@@ -50,7 +51,15 @@ class VehicleController extends Crud
*/ */
public function index(): Response public function index(): Response
{ {
return view('vehicle/index'); $lang = session('lang', 'zh-cn');
$translations = (array)require __DIR__ . '/../lang/' . $lang . '/vehicle.php';
$common = (array)require __DIR__ . '/../lang/' . $lang . '/common.php';
$translations = array_merge($translations, $common);
return view('vehicle/index', [
'lang' => $lang,
'translations' => $translations
]);
} }
/** /**
@@ -61,10 +70,15 @@ class VehicleController extends Crud
*/ */
public function insert(Request $request): Response public function insert(Request $request): Response
{ {
if ($request->method() === 'POST') { $lang = session('lang', 'zh-cn');
return parent::insert($request); $translations = (array)require __DIR__ . '/../lang/' . $lang . '/vehicle.php';
} $common = (array)require __DIR__ . '/../lang/' . $lang . '/common.php';
return view('vehicle/insert'); $translations = array_merge($translations, $common);
return view('vehicle/insert', [
'lang' => $lang,
'translations' => $translations
]);
} }
/** /**
@@ -75,14 +89,25 @@ class VehicleController extends Crud
*/ */
public function update(Request $request): Response public function update(Request $request): Response
{ {
if ($request->method() === 'POST') { $id = $request->input('id');
return parent::update($request); $lang = session('lang', 'zh-cn');
$translations = (array)require __DIR__ . '/../lang/' . $lang . '/vehicle.php';
$common = (array)require __DIR__ . '/../lang/' . $lang . '/common.php';
$translations = array_merge($translations, $common);
$data = Vehicle::where('id', $id)->first();
if (!$data) {
return json(['code' => 1, 'msg' => $translations['data_not_found'] ?? '数据不存在']);
} }
return view('vehicle/update');
return view('vehicle/update', [
'id' => $id,
'data' => $data,
'lang' => $lang,
'translations' => $translations
]);
} }
/** /**
* 详情 * 详情
* @param Request $request * @param Request $request
@@ -91,28 +116,24 @@ class VehicleController extends Crud
*/ */
public function detail(Request $request): Response public function detail(Request $request): Response
{ {
return view('vehicle/detail'); $id = $request->input('id');
$lang = session('lang', 'zh-cn');
$translations = (array)require __DIR__ . '/../lang/' . $lang . '/vehicle.php';
$common = (array)require __DIR__ . '/../lang/' . $lang . '/common.php';
$translations = array_merge($translations, $common);
$data = Vehicle::where('id', $id)->first();
if (!$data) {
return json(['code' => 1, 'msg' => $translations['data_not_found'] ?? '数据不存在']);
}
return view('vehicle/detail', [
'data' => $data,
'lang' => $lang,
'translations' => $translations
]);
} }
/**
* 查询
* @param Request $request
* @return Response
* @throws BusinessException
*/
/* public function list(Request $request)
{
[$where, $format, $limit, $field, $order] = $this->selectInput($request);
return json($where);
$query = $this->doSelect($where, $field, $order);
$data = $this->doFormat($query, $format, $limit);
// foreach ($data['data'] as &$value) {
// $value['locations'] = Location::find($value['locations_id'])->name;
// }
// $data = json_decode(json_encode($data), true);
return $data;
}*/
/** /**
* 查询后置处理,添加位置信息 * 查询后置处理,添加位置信息
* @param mixed $items * @param mixed $items
@@ -129,13 +150,6 @@ class VehicleController extends Crud
$fbo_location = Location::find($item->fbo_locations_id); $fbo_location = Location::find($item->fbo_locations_id);
$item->fbo_location_name = $fbo_location ? $fbo_location->name : ''; $item->fbo_location_name = $fbo_location ? $fbo_location->name : '';
// if(!str_starts_with($item['img_url'], 'http')){
// $ossservice = new OssService();
// $img_url = $ossservice->generatePrivateUrl($item['img_url'], 3600);
// $item['img_url'] = $img_url;
// }
if(!str_starts_with($item['img_url'], 'http')){ if(!str_starts_with($item['img_url'], 'http')){
try { try {
$ossservice = new OssService(); $ossservice = new OssService();
+33
View File
@@ -0,0 +1,33 @@
<?php
return [
// القائمة
'menu_dashboard' => 'لوحة التحكم',
'menu_vehicle' => 'إدارة المركبات',
'menu_vehicle_list' => 'قائمة المركبات',
'menu_vehicle_add' => 'إضافة مركبة',
'menu_vehicle_edit' => 'تعديل مركبة',
'menu_vehicle_view' => 'عرض مركبة',
// الترويسة
'header_welcome' => 'مرحباً',
'header_profile' => 'الملف الشخصي',
'header_settings' => 'الإعدادات',
'header_logout' => 'تسجيل الخروج',
'header_language' => 'اللغة',
// الأزرار العامة
'btn_save' => 'حفظ',
'btn_cancel' => 'إلغاء',
'btn_confirm' => 'تأكيد',
'btn_back' => 'رجوع',
'btn_search' => 'بحث',
'btn_reset' => 'إعادة تعيين',
// النصائح العامة
'tip_loading' => 'جاري التحميل...',
'tip_success' => 'تمت العملية بنجاح',
'tip_error' => 'فشلت العملية',
'tip_confirm' => 'تأكيد العملية؟',
'tip_cancel' => 'إلغاء العملية؟',
];
+30
View File
@@ -0,0 +1,30 @@
<?php
return [
'title' => 'إدارة المواقع',
'add' => 'إضافة',
'delete' => 'حذف',
'edit' => 'تعديل',
'remove' => 'إزالة',
'refresh' => 'تحديث',
'filter' => 'تصفية',
'print' => 'طباعة',
'export' => 'تصدير',
'confirm_delete' => 'هل أنت متأكد من الحذف؟',
'operation_success' => 'تمت العملية بنجاح',
'no_data_selected' => 'لم يتم تحديد بيانات',
'id' => 'المعرف',
'name' => 'اسم الميناء/المستودع',
'name_en' => 'الاسم بالإنجليزية',
'address' => 'العنوان',
'area' => 'المنطقة',
'type' => 'النوع',
'type_port' => 'ميناء',
'type_warehouse' => 'مستودع',
'num' => 'عدد المركبات',
'created_at' => 'تاريخ الإنشاء',
'updated_at' => 'تاريخ التحديث',
'operation' => 'عملية',
'submit' => 'إرسال',
'reset' => 'إعادة تعيين'
];
+42
View File
@@ -0,0 +1,42 @@
<?php
return [
'title' => 'إدارة المركبات',
'add' => 'إضافة',
'delete' => 'حذف',
'edit' => 'تعديل',
'remove' => 'إزالة',
'refresh' => 'تحديث',
'filter' => 'تصفية',
'print' => 'طباعة',
'export' => 'تصدير',
'confirm_delete' => 'هل أنت متأكد من الحذف؟',
'operation_success' => 'تمت العملية بنجاح',
'no_data_selected' => 'لم يتم تحديد بيانات',
'id' => 'المعرف',
'name' => 'اسم المركبة',
'name_en' => 'الاسم بالإنجليزية',
'vin' => 'رقم الهيكل',
'status' => 'الحالة',
'status_unknown' => 'غير معروف',
'status_pending' => 'في انتظار الشحن',
'status_in_transit_to_port' => 'في الطريق (إلى ميناء FBO)',
'status_arrived_at_port' => 'وصل إلى ميناء الشحن',
'status_in_transit_to_warehouse' => 'في الطريق (إلى مستودع الوجهة)',
'status_arrived_at_warehouse' => 'وصل إلى المستودع',
'status_sold' => 'تم البيع',
'location' => 'الموقع الحالي',
'final_location' => 'الوجهة',
'fbo_location' => 'ميناء FBO',
'img_url' => 'صورة المركبة',
'created_at' => 'تاريخ الإنشاء',
'updated_at' => 'تاريخ التحديث',
'operation' => 'عملية',
'submit' => 'إرسال',
'reset' => 'إعادة تعيين',
'detail' => 'تفاصيل',
'upload_image' => 'تحميل صورة',
'select_location' => 'اختر الموقع',
'select_final_location' => 'اختر الوجهة',
'select_fbo_location' => 'اختر ميناء FBO'
];
+33
View File
@@ -0,0 +1,33 @@
<?php
return [
// Menu
'menu_dashboard' => 'Dashboard',
'menu_vehicle' => 'Vehicle Management',
'menu_vehicle_list' => 'Vehicle List',
'menu_vehicle_add' => 'Add Vehicle',
'menu_vehicle_edit' => 'Edit Vehicle',
'menu_vehicle_view' => 'View Vehicle',
// Header
'header_welcome' => 'Welcome',
'header_profile' => 'Profile',
'header_settings' => 'Settings',
'header_logout' => 'Logout',
'header_language' => 'Language',
// Common Buttons
'btn_save' => 'Save',
'btn_cancel' => 'Cancel',
'btn_confirm' => 'Confirm',
'btn_back' => 'Back',
'btn_search' => 'Search',
'btn_reset' => 'Reset',
// Common Tips
'tip_loading' => 'Loading...',
'tip_success' => 'Operation successful',
'tip_error' => 'Operation failed',
'tip_confirm' => 'Confirm operation?',
'tip_cancel' => 'Cancel operation?',
];
+30
View File
@@ -0,0 +1,30 @@
<?php
return [
'title' => 'Location Management',
'add' => 'Add',
'delete' => 'Delete',
'edit' => 'Edit',
'remove' => 'Remove',
'refresh' => 'Refresh',
'filter' => 'Filter',
'print' => 'Print',
'export' => 'Export',
'confirm_delete' => 'Are you sure to delete?',
'operation_success' => 'Operation successful',
'no_data_selected' => 'No data selected',
'id' => 'ID',
'name' => 'Port/Warehouse Name',
'name_en' => 'English Name',
'address' => 'Address',
'area' => 'Area',
'type' => 'Type',
'type_port' => 'Port',
'type_warehouse' => 'Warehouse',
'num' => 'Vehicle Count',
'created_at' => 'Created At',
'updated_at' => 'Updated At',
'operation' => 'Operation',
'submit' => 'Submit',
'reset' => 'Reset'
];
+46
View File
@@ -0,0 +1,46 @@
<?php
return [
'title' => 'Vehicle Management',
'add' => 'Add',
'edit' => 'Edit',
'delete' => 'Delete',
'remove' => 'Remove',
'detail' => 'Detail',
'submit' => 'Submit',
'reset' => 'Reset',
'operation_success' => 'Operation successful',
'data_not_found' => 'Data not found',
'no_data_selected' => 'No data selected',
'confirm_delete' => 'Are you sure you want to delete?',
'name' => 'Name',
'name_placeholder' => 'Please enter name',
'name_en' => 'English Name',
'name_en_placeholder' => 'Please enter English name',
'vin' => 'VIN',
'vin_placeholder' => 'Please enter VIN',
'status' => 'Status',
'status_placeholder' => 'Please select status',
'status_1' => 'Normal',
'status_0' => 'Disabled',
'location' => 'Current Location',
'location_placeholder' => 'Please select current location',
'final_location' => 'Final Location',
'final_location_placeholder' => 'Please select final location',
'fbo_location' => 'FBO Location',
'fbo_location_placeholder' => 'Please select FBO location',
'img_url' => 'Image',
'img_url_placeholder' => 'Please enter image URL',
'created_at' => 'Created At',
'updated_at' => 'Updated At',
'refresh' => 'Refresh',
'filter' => 'Filter',
'print' => 'Print',
'export' => 'Export',
'operation' => 'Operation',
'upload_image' => 'Upload Image',
'select_location' => 'Select Location',
'select_final_location' => 'Select Destination',
'select_fbo_location' => 'Select FBO Port'
];
+33
View File
@@ -0,0 +1,33 @@
<?php
return [
// Меню
'menu_dashboard' => 'Панель управления',
'menu_vehicle' => 'Управление автомобилями',
'menu_vehicle_list' => 'Список автомобилей',
'menu_vehicle_add' => 'Добавить автомобиль',
'menu_vehicle_edit' => 'Редактировать автомобиль',
'menu_vehicle_view' => 'Просмотр автомобиля',
// Заголовок
'header_welcome' => 'Добро пожаловать',
'header_profile' => 'Профиль',
'header_settings' => 'Настройки',
'header_logout' => 'Выйти',
'header_language' => 'Язык',
// Общие кнопки
'btn_save' => 'Сохранить',
'btn_cancel' => 'Отмена',
'btn_confirm' => 'Подтвердить',
'btn_back' => 'Назад',
'btn_search' => 'Поиск',
'btn_reset' => 'Сбросить',
// Общие подсказки
'tip_loading' => 'Загрузка...',
'tip_success' => 'Операция успешна',
'tip_error' => 'Операция не удалась',
'tip_confirm' => 'Подтвердить операцию?',
'tip_cancel' => 'Отменить операцию?',
];
+30
View File
@@ -0,0 +1,30 @@
<?php
return [
'title' => 'Управление местоположениями',
'add' => 'Добавить',
'delete' => 'Удалить',
'edit' => 'Редактировать',
'remove' => 'Удалить',
'refresh' => 'Обновить',
'filter' => 'Фильтр',
'print' => 'Печать',
'export' => 'Экспорт',
'confirm_delete' => 'Вы уверены, что хотите удалить?',
'operation_success' => 'Операция успешна',
'no_data_selected' => 'Данные не выбраны',
'id' => 'ID',
'name' => 'Название порта/склада',
'name_en' => 'Название на английском',
'address' => 'Адрес',
'area' => 'Район',
'type' => 'Тип',
'type_port' => 'Порт',
'type_warehouse' => 'Склад',
'num' => 'Количество автомобилей',
'created_at' => 'Дата создания',
'updated_at' => 'Дата обновления',
'operation' => 'Операция',
'submit' => 'Отправить',
'reset' => 'Сбросить'
];
+58
View File
@@ -0,0 +1,58 @@
<?php
return [
'title' => 'Управление транспортными средствами',
'add' => 'Добавить',
'edit' => 'Редактировать',
'delete' => 'Удалить',
'remove' => 'Удалить',
'detail' => 'Детали',
'submit' => 'Отправить',
'reset' => 'Сбросить',
'operation_success' => 'Операция успешна',
'data_not_found' => 'Данные не найдены',
'no_data_selected' => 'Данные не выбраны',
'confirm_delete' => 'Вы уверены, что хотите удалить?',
'name' => 'Название',
'name_placeholder' => 'Введите название',
'name_en' => 'Название на английском',
'name_en_placeholder' => 'Введите название на английском',
'vin' => 'VIN',
'vin_placeholder' => 'Введите VIN',
'status' => 'Статус',
'status_placeholder' => 'Выберите статус',
'status_1' => 'Нормальный',
'status_0' => 'Отключен',
'location' => 'Текущее местоположение',
'location_placeholder' => 'Выберите текущее местоположение',
'final_location' => 'Конечное местоположение',
'final_location_placeholder' => 'Выберите конечное местоположение',
'fbo_location' => 'Местоположение FBO',
'fbo_location_placeholder' => 'Выберите местоположение FBO',
'img_url' => 'Изображение',
'img_url_placeholder' => 'Введите URL изображения',
'created_at' => 'Создано',
'updated_at' => 'Обновлено',
'status_unknown' => 'Неизвестно',
'status_pending' => 'Ожидает отправки',
'status_in_transit_to_port' => 'В пути (к порту FBO)',
'status_arrived_at_port' => 'Прибыл в порт отправки',
'status_in_transit_to_warehouse' => 'В пути (к складу назначения)',
'status_arrived_at_warehouse' => 'Прибыл на склад',
'status_sold' => 'Продан',
'location' => 'Текущее местоположение',
'final_location' => 'Место назначения',
'fbo_location' => 'Порт FBO',
'img_url' => 'Изображение транспортного средства',
'created_at' => 'Дата создания',
'updated_at' => 'Дата обновления',
'operation' => 'Операция',
'submit' => 'Отправить',
'reset' => 'Сбросить',
'detail' => 'Детали',
'upload_image' => 'Загрузить изображение',
'select_location' => 'Выбрать местоположение',
'select_final_location' => 'Выбрать место назначения',
'select_fbo_location' => 'Выбрать порт FBO'
];
+33
View File
@@ -0,0 +1,33 @@
<?php
return [
// 菜单
'menu_dashboard' => '控制台',
'menu_vehicle' => '车辆管理',
'menu_vehicle_list' => '车辆列表',
'menu_vehicle_add' => '添加车辆',
'menu_vehicle_edit' => '编辑车辆',
'menu_vehicle_view' => '查看车辆',
// 页面头部
'header_welcome' => '欢迎',
'header_profile' => '个人中心',
'header_settings' => '设置',
'header_logout' => '退出登录',
'header_language' => '语言',
// 通用按钮
'btn_save' => '保存',
'btn_cancel' => '取消',
'btn_confirm' => '确认',
'btn_back' => '返回',
'btn_search' => '搜索',
'btn_reset' => '重置',
// 通用提示
'tip_loading' => '加载中...',
'tip_success' => '操作成功',
'tip_error' => '操作失败',
'tip_confirm' => '确认操作?',
'tip_cancel' => '取消操作?',
];
+30
View File
@@ -0,0 +1,30 @@
<?php
return [
'title' => '位置管理',
'add' => '新增',
'delete' => '删除',
'edit' => '编辑',
'remove' => '删除',
'refresh' => '刷新',
'filter' => '筛选',
'print' => '打印',
'export' => '导出',
'confirm_delete' => '确定删除?',
'operation_success' => '操作成功',
'no_data_selected' => '未选中数据',
'id' => '唯一标识',
'name' => '港口/仓库名称',
'name_en' => '英文名称',
'address' => '详细地址',
'area' => '所在地区',
'type' => '类型',
'type_port' => '港口',
'type_warehouse' => '仓库',
'num' => '车辆数',
'created_at' => '创建时间',
'updated_at' => '更新时间',
'operation' => '操作',
'submit' => '提交',
'reset' => '重置'
];
+46
View File
@@ -0,0 +1,46 @@
<?php
return [
'title' => '车辆管理',
'add' => '新增',
'edit' => '编辑',
'delete' => '删除',
'remove' => '删除',
'detail' => '详情',
'submit' => '提交',
'reset' => '重置',
'operation_success' => '操作成功',
'data_not_found' => '数据不存在',
'no_data_selected' => '未选择数据',
'confirm_delete' => '确定要删除吗?',
'name' => '名称',
'name_placeholder' => '请输入名称',
'name_en' => '英文名称',
'name_en_placeholder' => '请输入英文名称',
'vin' => 'VIN',
'vin_placeholder' => '请输入VIN',
'status' => '状态',
'status_placeholder' => '请选择状态',
'status_1' => '正常',
'status_0' => '禁用',
'location' => '当前位置',
'location_placeholder' => '请选择当前位置',
'final_location' => '最终位置',
'final_location_placeholder' => '请选择最终位置',
'fbo_location' => 'FBO位置',
'fbo_location_placeholder' => '请选择FBO位置',
'img_url' => '图片',
'img_url_placeholder' => '请输入图片URL',
'created_at' => '创建时间',
'updated_at' => '更新时间',
'refresh' => '刷新',
'filter' => '筛选',
'print' => '打印',
'export' => '导出',
'operation' => '操作',
'upload_image' => '上传图片',
'select_location' => '选择位置',
'select_final_location' => '选择目的地',
'select_fbo_location' => '选择FBO港口'
];
+29 -4
View File
@@ -31,8 +31,33 @@ class Rule extends Base
* @var string * @var string
*/ */
protected $primaryKey = 'id'; protected $primaryKey = 'id';
/**
* 获取翻译后的标题
* @param string $lang 语言代码
* @return string
*/
public function getTranslatedTitle($lang = null)
{
if (!$lang) {
$lang = session('lang', 'zh-cn');
}
$translatedTitle = RuleTranslation::getTranslatedTitle($this->id, $lang);
return $translatedTitle ?: $this->title;
}
/**
* 设置翻译标题
* @param string $lang 语言代码
* @param string $title 翻译标题
* @return bool
*/
public function setTranslatedTitle($lang, $title)
{
return RuleTranslation::updateOrCreate(
['rule_id' => $this->id, 'lang' => $lang],
['title' => $title]
);
}
} }
@@ -0,0 +1,45 @@
<?php
namespace plugin\admin\app\model;
use plugin\admin\app\model\Base;
/**
* @property integer $id 主键
* @property integer $rule_id 规则ID
* @property string $lang 语言代码
* @property string $title 翻译标题
* @property string $created_at 创建时间
* @property string $updated_at 更新时间
*/
class RuleTranslation extends Base
{
/**
* The table associated with the model.
*
* @var string
*/
protected $table = 'wa_rule_translations';
/**
* The primary key associated with the table.
*
* @var string
*/
protected $primaryKey = 'id';
/**
* 获取规则的翻译标题
* @param int $ruleId 规则ID
* @param string $lang 语言代码
* @return string|null
*/
public static function getTranslatedTitle($ruleId, $lang)
{
$translation = self::where('rule_id', $ruleId)
->where('lang', $lang)
->first();
return $translation ? $translation->title : null;
}
}
+29
View File
@@ -0,0 +1,29 @@
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\Admin\LanguageController;
use plugin\admin\app\controller\LanguageController as PluginLanguageController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider and all of them will
| be assigned to the "web" middleware group. Make something great!
|
*/
Route::middleware([
'auth:sanctum',
config('jetstream.auth_middleware'),
'verified'
])->group(function () {
Route::get('/dashboard', function () {
return view('dashboard');
})->name('dashboard');
});
// 语言切换路由
Route::post('/app/admin/language/switch', [PluginLanguageController::class, 'switch']);
+229 -16
View File
@@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="<?= session('lang', 'zh-cn') ?>">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>主页</title> <title><?= $translations['title'] ?? '主页' ?></title>
<!-- 依 赖 样 式 --> <!-- 依 赖 样 式 -->
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<!-- 加 载 样 式 --> <!-- 加 载 样 式 -->
@@ -12,6 +12,27 @@
<link rel="stylesheet" href="/app/admin/admin/css/admin.css" /> <link rel="stylesheet" href="/app/admin/admin/css/admin.css" />
<!-- 重置样式 --> <!-- 重置样式 -->
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
<style>
.language-selector {
display: inline-block;
margin-right: 10px;
}
.language-selector .layui-form-item {
margin-bottom: 0;
}
.language-selector .layui-select {
width: 100px;
height: 30px;
line-height: 30px;
background-color: transparent;
border: none;
color: #fff;
}
.language-selector .layui-select option {
background-color: #fff;
color: #333;
}
</style>
</head> </head>
<!-- 结 构 代 码 --> <!-- 结 构 代 码 -->
<body class="layui-layout-body pear-admin"> <body class="layui-layout-body pear-admin">
@@ -24,7 +45,7 @@
<!-- 图 标 --> <!-- 图 标 -->
<img class="logo"> <img class="logo">
<!-- 标 题 --> <!-- 标 题 -->
<span class="title"></span> <span class="title"><?= $translations['system_name'] ?? 'Vehicle Data Platform' ?></span>
</div> </div>
<!-- 顶 部 左 侧 功 能 --> <!-- 顶 部 左 侧 功 能 -->
<ul class="layui-nav layui-layout-left"> <ul class="layui-nav layui-layout-left">
@@ -38,13 +59,27 @@
<li class="layui-nav-item layui-hide-xs"><a href="#" class="menuSearch layui-icon layui-icon-search"></a></li> <li class="layui-nav-item layui-hide-xs"><a href="#" class="menuSearch layui-icon layui-icon-search"></a></li>
<li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li> <li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
<li class="layui-nav-item layui-hide-xs message"></li> <li class="layui-nav-item layui-hide-xs message"></li>
<!-- 语言切换 -->
<li class="layui-nav-item layui-hide-xs">
<div class="language-selector">
<form class="layui-form">
<div class="layui-form-item">
<select name="language" id="language-select" lay-filter="language-select" class="layui-select">
<option value="zh-cn" <?= session('lang', 'zh-cn') === 'zh-cn' ? 'selected' : '' ?>>中文</option>
<option value="en" <?= session('lang', 'zh-cn') === 'en' ? 'selected' : '' ?>>English</option>
<option value="ru" <?= session('lang', 'zh-cn') === 'ru' ? 'selected' : '' ?>>Русский</option>
<option value="ar" <?= session('lang', 'zh-cn') === 'ar' ? 'selected' : '' ?>>العربية</option>
</select>
</div>
</form>
</div>
</li>
<li class="layui-nav-item user"> <li class="layui-nav-item user">
<!-- 头 像 --> <!-- 头 像 -->
<a class="layui-icon layui-icon-username" href="javascript:;"></a> <a class="layui-icon layui-icon-username" href="javascript:;"></a>
<!-- 功 能 菜 单 --> <!-- 功 能 菜 单 -->
<dl class="layui-nav-child"> <dl class="layui-nav-child">
<dd><a user-menu-url="/app/admin/account/index" user-menu-id="10" user-menu-title="基本资料">基本资料</a></dd> <dd><a href="javascript:void(0);" class="logout"><?= $translations['logout'] ?? '注销登录' ?></a></dd>
<dd><a href="javascript:void(0);" class="logout">注销登录</a></dd>
</dl> </dl>
</li> </li>
<!-- 主 题 配 置 --> <!-- 主 题 配 置 -->
@@ -58,7 +93,7 @@
<!-- 图 标 --> <!-- 图 标 -->
<img class="logo"> <img class="logo">
<!-- 标 题 --> <!-- 标 题 -->
<a href="/"><span class="title"></span></a> <a href="/"><span class="title"><?= $translations['system_name'] ?? 'Vehicle Data Platform' ?></span></a>
</div> </div>
<!-- 菜 单 内 容 --> <!-- 菜 单 内 容 -->
<div class="layui-side-scroll"> <div class="layui-side-scroll">
@@ -73,7 +108,7 @@
<!-- 页脚 --> <!-- 页脚 -->
<div class="layui-footer layui-text"> <div class="layui-footer layui-text">
<span class="left"> <span class="left">
Released under the MIT license. <?= $translations['footer_text'] ?? 'Released under the MIT license.' ?>
</span> </span>
<span class="center"></span> <span class="center"></span>
</div> </div>
@@ -96,18 +131,197 @@
<script> <script>
// Admin // Admin
window.Admin = { window.Admin = {
Account: {} Account: {},
Translations: <?= json_encode($translations ?? []) ?>
}; };
layui.use(["admin","jquery","popup","drawer"], function() { layui.use(["admin","jquery","popup","drawer","form","tab"], function() {
var $ = layui.$; var $ = layui.$;
var admin = layui.admin; var admin = layui.admin;
var popup = layui.popup; var popup = layui.popup;
var drawer = layui.drawer;
var form = layui.form;
var tab = layui.tab;
// 设置菜单配置
admin.setConfigType("json"); admin.setConfigType("json");
admin.setConfigPath("/app/admin/config/get"); admin.setConfigPath("/app/admin/rule/get");
// 初始化菜单
var config = {
logo: {
title: "<?= $translations['system_name'] ?? 'Vehicle Data Platform' ?>",
image: "/app/admin/admin/images/logo.png",
href: "/"
},
menu: {
data: "/app/admin/rule/get",
method: "GET",
accordion: true,
collapse: false,
control: false,
controlWidth: 2000,
select: "1",
async: true,
click: function(data) {
// 更新标签页标题
if (data.title) {
// 获取当前标签页
var currentTab = $('.layui-tab-title .layui-this');
if (currentTab.length) {
// 保存完整的菜单信息
currentTab.find('span')
.data('menu-id', data.id)
.data('menu-key', data.key)
.data('menu-pid', data.pid)
.text(data.title);
}
}
}
},
tab: {
enable: true,
keepState: true,
session: true,
preload: false,
max: "30",
index: {
id: "1",
href: "/app/admin/vehicle/index",
title: "<?= $translations['vehicle_management'] ?? '车辆管理' ?>"
},
close: function(layid) {
// 获取当前标签页
var currentTab = $('.layui-tab-title li[lay-id="' + layid + '"]');
if (currentTab.length) {
// 移除标签页
currentTab.remove();
// 移除对应的内容
$('.layui-tab-content .layui-tab-item[lay-id="' + layid + '"]').remove();
// 如果还有其他标签页,激活最后一个
var lastTab = $('.layui-tab-title li:last');
if (lastTab.length) {
lastTab.addClass('layui-this');
$('.layui-tab-content .layui-tab-item:last').addClass('layui-show');
}
}
}
},
theme: {
defaultColor: "2",
defaultMenu: "light-theme",
defaultHeader: "light-theme",
allowCustom: true,
banner: false
},
colors: [
{
id: "1",
color: "#36b368",
second: "#f0f9eb"
},
{
id: "2",
color: "#2d8cf0",
second: "#ecf5ff"
},
{
id: "3",
color: "#f6ad55",
second: "#fdf6ec"
},
{
id: "4",
color: "#f56c6c",
second: "#fef0f0"
},
{
id: "5",
color: "#3963bc",
second: "#ecf5ff"
}
],
other: {
keepLoad: "500",
autoHead: false,
footer: false
},
header: {
message: false
}
};
admin.render(); // 初始化 admin
admin.render(config, function() {
// 获取菜单数据
$.ajax({
url: '/app/admin/rule/get',
method: 'GET',
success: function(res) {
if (res.code === 0) {
// 创建菜单映射
var menuMap = {};
function processMenuItems(items) {
items.forEach(function(item) {
menuMap[item.id] = item;
if (item.children) {
processMenuItems(item.children);
}
});
}
processMenuItems(res.data);
// 更新所有标签页标题
$('.layui-tab-title li').each(function() {
var $tab = $(this);
var menuId = $tab.find('span').data('menu-id');
if (menuId && menuMap[menuId]) {
var menuItem = menuMap[menuId];
$tab.find('span')
.data('menu-id', menuItem.id)
.data('menu-key', menuItem.key)
.data('menu-pid', menuItem.pid)
.text(menuItem.title);
}
});
}
}
});
});
// 语言切换处理
form.on('select(language-select)', function(data) {
var lang = data.value;
$.ajax({
url: '/app/admin/language/switch',
method: 'POST',
data: { lang: lang },
success: function(res) {
if (res.code === 0) {
// 关闭所有非首页标签页
$('.layui-tab-title li').each(function() {
var layId = $(this).attr('lay-id');
if (layId && layId !== '1') { // 保留车辆管理标签
var closeBtn = $(this).find('.layui-tab-close');
if (closeBtn.length) {
closeBtn.trigger('click');
}
}
});
// 等待标签页关闭后刷新页面
setTimeout(function() {
window.location.reload();
}, 100);
} else {
popup.failure(res.msg);
}
},
error: function() {
popup.failure('切换语言失败');
}
});
});
// 登出逻辑 // 登出逻辑
admin.logout(function(){ admin.logout(function(){
@@ -118,13 +332,13 @@
if (res.code) { if (res.code) {
return popup.error(res.msg); return popup.error(res.msg);
} }
popup.success("注销成功",function(){ popup.success(Admin.Translations['logout_success'] || "注销成功", function(){
location.reload(); location.reload();
}) })
} }
}); });
return false; return false;
}) });
$.ajax({ $.ajax({
url: "/app/admin/account/info", url: "/app/admin/account/info",
@@ -134,10 +348,9 @@
} }
}); });
// 消息点击回调 // 重新渲染表单
//admin.message(function(id, title, context, form) {}); form.render();
}); });
</script> </script>
</body> </body>
</html> </html>
+111 -151
View File
@@ -1,9 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="<?= $lang ?>">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>浏览页面</title> <title><?= $translations['title'] ?? '位置管理' ?></title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head> </head>
@@ -22,17 +21,17 @@
<!-- 表格顶部工具栏 --> <!-- 表格顶部工具栏 -->
<script type="text/html" id="table-toolbar"> <script type="text/html" id="table-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add" permission="app.admin.location.insert"> <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add" permission="app.admin.location.insert">
<i class="layui-icon layui-icon-add-1"></i>新增 <i class="layui-icon layui-icon-add-1"></i><?= $translations['add'] ?? '新增' ?>
</button> </button>
<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove" permission="app.admin.location.delete"> <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove" permission="app.admin.location.delete">
<i class="layui-icon layui-icon-delete"></i>删除 <i class="layui-icon layui-icon-delete"></i><?= $translations['delete'] ?? '删除' ?>
</button> </button>
</script> </script>
<!-- 表格行工具栏 --> <!-- 表格行工具栏 -->
<script type="text/html" id="table-bar"> <script type="text/html" id="table-bar">
<button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.location.update">编辑</button> <button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.location.update"><?= $translations['edit'] ?? '编辑' ?></button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.location.delete">删除</button> <button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.location.delete"><?= $translations['remove'] ?? '删除' ?></button>
</script> </script>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script> <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
@@ -41,7 +40,6 @@
<script src="/app/admin/admin/js/common.js"></script> <script src="/app/admin/admin/js/common.js"></script>
<script> <script>
// 相关常量 // 相关常量
const PRIMARY_KEY = "id"; const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/location/select"; const SELECT_API = "/app/admin/location/select";
@@ -50,6 +48,9 @@
const INSERT_URL = "/app/admin/location/insert"; const INSERT_URL = "/app/admin/location/insert";
const UPDATE_URL = "/app/admin/location/update"; const UPDATE_URL = "/app/admin/location/update";
// 翻译文本
const translations = <?= json_encode($translations) ?>;
// 表格渲染 // 表格渲染
layui.use(["table", "form", "common", "popup", "util"], function() { layui.use(["table", "form", "common", "popup", "util"], function() {
let table = layui.table; let table = layui.table;
@@ -58,144 +59,104 @@
let common = layui.common; let common = layui.common;
let util = layui.util; let util = layui.util;
// 表头参数 // 表头参数
let cols = [ let cols = [
{ [{
type: "checkbox", type: "checkbox",
align: "center" align: "center"
},{ },{
title: "唯一标识",align: "center", title: translations.id,
field: "id", align: "center",
},{ field: "id",
title: "港口/仓库名称",align: "center", },{
field: "name", title: translations.name,
},{ align: "center",
title: "英文名称",align: "center", field: "name",
field: "name_en", },{
},{ title: translations.name_en,
title: "详细地址",align: "center", align: "center",
field: "address", field: "name_en",
},{ },{
title: "所在地区",align: "center", title: translations.address,
field: "area", align: "center",
},{ field: "address",
title: "类型:港口/仓库",align: "center", },{
field: "type", title: translations.area,
templet: function (d) { align: "center",
let field = "type"; field: "area",
if (typeof d[field] == "undefined") return ""; },{
let items = []; title: translations.type,
layui.each((d[field] + "").split(","), function (k , v) { align: "center",
items.push(apiResults[field][v] || v); field: "type",
}); templet: function (d) {
return util.escape(items.join(",")); let field = "type";
} if (typeof d[field] == "undefined") return "";
},{ let items = [];
title: "车辆数",align: "center", layui.each((d[field] + "").split(","), function (k , v) {
field: "num", items.push(v === 'port' ? translations.type_port : translations.type_warehouse);
},{ });
title: "创建时间",align: "center", return util.escape(items.join(","));
field: "created_at",
},{
title: "更新时间",align: "center",
field: "updated_at",
},{
title: "操作",
toolbar: "#table-bar",
align: "center",
fixed: "right",
width: 120,
}
];
// 渲染表格
table.render({
elem: "#data-table",
url: SELECT_API,
page: true,
cols: [cols],
skin: "line",
size: "lg",
toolbar: "#table-toolbar",
autoSort: false,
defaultToolbar: [{
title: "刷新",
layEvent: "refresh",
icon: "layui-icon-refresh",
}, "filter", "print", "exports"],
done: function () {
layer.photos({photos: 'div[lay-id="data-table"]', anim: 5});
}
});
// 获取表格中下拉或树形组件数据
let apiResults = {};
apiResults["type"] = [];
// 编辑或删除行事件
table.on("tool(data-table)", function(obj) {
if (obj.event === "remove") {
remove(obj);
} else if (obj.event === "edit") {
edit(obj);
}
});
// 表格顶部工具栏事件
table.on("toolbar(data-table)", function(obj) {
if (obj.event === "add") {
add();
} else if (obj.event === "refresh") {
refreshTable();
} else if (obj.event === "batchRemove") {
batchRemove(obj);
}
});
// 表格顶部搜索事件
form.on("submit(table-query)", function(data) {
table.reload("data-table", {
page: {
curr: 1
},
where: data.field
})
return false;
});
// 表格顶部搜索重置事件
form.on("submit(table-reset)", function(data) {
table.reload("data-table", {
where: []
})
});
// 字段允许为空
form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/,'只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
// 表格排序事件
table.on("sort(data-table)", function(obj){
table.reload("data-table", {
initSort: obj,
scrollPos: "fixed",
where: {
field: obj.field,
order: obj.type
} }
}); },{
title: translations.num,
align: "center",
field: "num",
},{
title: translations.created_at,
align: "center",
field: "created_at",
},{
title: translations.updated_at,
align: "center",
field: "updated_at",
},{
title: translations.operation,
toolbar: "#table-bar",
align: "center",
fixed: "right",
width: 120,
}]
];
// 渲染表格
table.render({
elem: '#data-table',
url: SELECT_API,
page: true,
cols: cols,
skin: 'line',
toolbar: '#table-toolbar',
defaultToolbar: [{
layEvent: 'refresh',
icon: 'layui-icon-refresh',
}, 'filter', 'print', 'exports']
}); });
// 表格新增数据 // 工具条点击事件
let add = function() { table.on('tool(data-table)', function(obj) {
if (obj.event === 'remove') {
window.remove(obj);
} else if (obj.event === 'edit') {
window.edit(obj);
}
});
// 头工具栏事件
table.on('toolbar(data-table)', function(obj) {
if (obj.event === 'add') {
window.add();
} else if (obj.event === 'refresh') {
window.refreshTable();
} else if (obj.event === 'batchRemove') {
window.batchRemove(obj);
}
});
// 添加
window.add = function() {
layer.open({ layer.open({
type: 2, type: 2,
title: "新增", title: translations.add,
shade: 0.1, shade: 0.1,
maxmin: true, maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"], area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
@@ -203,12 +164,12 @@
}); });
} }
// 表格编辑数据 // 修改
let edit = function(obj) { window.edit = function(obj) {
let value = obj.data[PRIMARY_KEY]; let value = obj.data[PRIMARY_KEY];
layer.open({ layer.open({
type: 2, type: 2,
title: "修改", title: translations.edit,
shade: 0.1, shade: 0.1,
maxmin: true, maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"], area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"],
@@ -217,15 +178,15 @@
} }
// 删除一行 // 删除一行
let remove = function(obj) { window.remove = function(obj) {
return doRemove(obj.data[PRIMARY_KEY]); return doRemove(obj.data[PRIMARY_KEY]);
} }
// 删除多行 // 删除多行
let batchRemove = function(obj) { window.batchRemove = function(obj) {
let checkIds = common.checkField(obj, PRIMARY_KEY); let checkIds = common.checkField(obj, PRIMARY_KEY);
if (checkIds === "") { if (checkIds === "") {
layui.popup.warning("未选中数据"); layui.popup.warning(translations.no_data_selected);
return false; return false;
} }
doRemove(checkIds.split(",")); doRemove(checkIds.split(","));
@@ -235,9 +196,9 @@
let doRemove = function (ids) { let doRemove = function (ids) {
let data = {}; let data = {};
data[PRIMARY_KEY] = ids; data[PRIMARY_KEY] = ids;
layer.confirm("确定删除?", { layer.confirm(translations.confirm_delete, {
icon: 3, icon: 3,
title: "提示" title: translations.title
}, function(index) { }, function(index) {
layer.close(index); layer.close(index);
let loading = layer.load(); let loading = layer.load();
@@ -251,7 +212,7 @@
if (res.code) { if (res.code) {
return layui.popup.failure(res.msg); return layui.popup.failure(res.msg);
} }
return layui.popup.success("操作成功", refreshTable); return layui.popup.success(translations.operation_success, refreshTable);
} }
}) })
}); });
@@ -274,7 +235,6 @@
}); });
} }
}) })
</script> </script>
</body> </body>
</html> </html>
+72 -134
View File
@@ -1,153 +1,91 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="<?= $lang ?>">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<title>新增页面</title> <title><?= $translations['add'] ?? '新增' ?></title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head> </head>
<body> <body class="pear-container">
<form class="layui-form" action="javascript:void(0);">
<form class="layui-form" action=""> <div class="layui-form-item">
<label class="layui-form-label"><?= $translations['name'] ?? '名称' ?></label>
<div class="mainBox"> <div class="layui-input-block">
<div class="main-container mr-5"> <input type="text" name="name" lay-verify="required" placeholder="<?= $translations['name_placeholder'] ?? '请输入名称' ?>" autocomplete="off" class="layui-input">
<div class="layui-form-item">
<label class="layui-form-label required">港口/仓库名称</label>
<div class="layui-input-block">
<input type="text" name="name" value="" required lay-verify="required" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">英文名称</label>
<div class="layui-input-block">
<input type="text" name="name_en" value="" required lay-verify="required" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">详细地址</label>
<div class="layui-input-block">
<input type="text" name="address" value="" required lay-verify="required" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">所在地区</label>
<div class="layui-input-block">
<input type="text" name="area" value="" required lay-verify="required" class="layui-input">
</div>
</div>
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label">类型:港口/仓库</label>-->
<!-- <div class="layui-input-block">-->
<!-- <div name="type" id="type" value="port" ></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- -->
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label">车辆数</label>-->
<!-- <div class="layui-input-block">-->
<!-- <input type="number" name="num" value="" class="layui-input">-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit=""
lay-filter="save">
提交
</button>
<button type="reset" class="pear-btn pear-btn-md">
重置
</button>
</div> </div>
</div> </div>
<div class="layui-form-item">
<label class="layui-form-label"><?= $translations['name_en'] ?? '英文名称' ?></label>
<div class="layui-input-block">
<input type="text" name="name_en" placeholder="<?= $translations['name_en_placeholder'] ?? '请输入英文名称' ?>" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><?= $translations['address'] ?? '地址' ?></label>
<div class="layui-input-block">
<input type="text" name="address" lay-verify="required" placeholder="<?= $translations['address_placeholder'] ?? '请输入地址' ?>" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><?= $translations['area'] ?? '地区' ?></label>
<div class="layui-input-block">
<input type="text" name="area" lay-verify="required" placeholder="<?= $translations['area_placeholder'] ?? '请输入地区' ?>" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><?= $translations['type'] ?? '类型' ?></label>
<div class="layui-input-block">
<input type="checkbox" name="type" value="port" title="<?= $translations['type_port'] ?? '港口' ?>" lay-skin="primary">
<input type="checkbox" name="type" value="warehouse" title="<?= $translations['type_warehouse'] ?? '仓库' ?>" lay-skin="primary">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-submit lay-filter="save">
<i class="layui-icon layui-icon-ok"></i>
<?= $translations['submit'] ?? '提交' ?>
</button>
<button type="reset" class="pear-btn pear-btn-sm">
<i class="layui-icon layui-icon-refresh"></i>
<?= $translations['reset'] ?? '重置' ?>
</button>
</div>
</div>
</form> </form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script> <script src="/app/admin/component/layui/layui.js"></script>
<script src="/app/admin/component/pear/pear.js"></script> <script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<script src="/app/admin/admin/js/permission.js"></script>
<script> <script>
layui.use(['form', 'jquery', 'popup'], function() {
// 相关接口 let form = layui.form;
const INSERT_API = "/app/admin/location/insert"; let $ = layui.jquery;
let popup = layui.popup;
// 字段 类型:港口/仓库 type
layui.use(["jquery", "xmSelect"], function() { form.on('submit(save)', function(data) {
let value = layui.$("#type").attr("value"); $.ajax({
let initValue = value ? value.split(",") : []; url: '/app/admin/location/insert',
layui.xmSelect.render({ data: JSON.stringify(data.field),
el: "#type", dataType: 'json',
name: "type", contentType: 'application/json',
filterable: true, type: 'post',
initValue: initValue, success: function(result) {
value: "port", if (result.code) {
model: {"icon":"hidden","label":{"type":"text"}}, popup.failure(result.msg);
clickClose: true, } else {
radio: true, popup.success("<?= $translations['operation_success'] ?? '操作成功' ?>", function() {
}) parent.layer.close(parent.layer.getFrameIndex(window.name));
}); });
// 字段 创建时间 created_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#created_at",
type: "datetime",
});
})
// 字段 更新时间 updated_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#updated_at",
type: "datetime",
});
})
//提交事件
layui.use(["form", "popup"], function () {
// 字段验证允许为空
layui.form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/,'只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
layui.form.on("submit(save)", function (data) {
layui.$.ajax({
url: INSERT_API,
type: "POST",
dateType: "json",
data: data.field,
success: function (res) {
if (res.code) {
return layui.popup.failure(res.msg);
} }
return layui.popup.success("操作成功", function () {
parent.refreshTable();
parent.layer.close(parent.layer.getFrameIndex(window.name));
});
} }
}); })
return false; return false;
}); });
}); })
</script> </script>
</body> </body>
</html> </html>
+23 -20
View File
@@ -1,52 +1,53 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="<?= $lang ?>">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<title>更新页面</title> <title><?= $translations['edit'] ?? '编辑' ?></title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" /> <link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head> </head>
<body> <body class="pear-container">
<form class="layui-form"> <form class="layui-form" action="javascript:void(0);">
<div class="mainBox"> <div class="mainBox">
<div class="main-container mr-5"> <div class="main-container mr-5">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label required">港口/仓库名称</label> <label class="layui-form-label"><?= $translations['name'] ?? '名称' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="name" value="" required lay-verify="required" class="layui-input"> <input type="text" name="name" lay-verify="required" placeholder="<?= $translations['name_placeholder'] ?? '请输入名称' ?>" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">英文名称</label> <label class="layui-form-label"><?= $translations['name_en'] ?? '英文名称' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="name_en" value="" class="layui-input"> <input type="text" name="name_en" placeholder="<?= $translations['name_en_placeholder'] ?? '请输入英文名称' ?>" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">详细地址</label> <label class="layui-form-label"><?= $translations['address'] ?? '地址' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="address" value="" class="layui-input"> <input type="text" name="address" lay-verify="required" placeholder="<?= $translations['address_placeholder'] ?? '请输入地址' ?>" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label required">所在地区</label> <label class="layui-form-label"><?= $translations['area'] ?? '地区' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="area" value="" required lay-verify="required" class="layui-input"> <input type="text" name="area" lay-verify="required" placeholder="<?= $translations['area_placeholder'] ?? '请输入地区' ?>" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">类型:港口/仓库</label> <label class="layui-form-label"><?= $translations['type'] ?? '类型' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<div name="type" id="type" value="" ></div> <input type="checkbox" name="type" value="port" title="<?= $translations['type_port'] ?? '港口' ?>" lay-skin="primary">
<input type="checkbox" name="type" value="warehouse" title="<?= $translations['type_warehouse'] ?? '仓库' ?>" lay-skin="primary">
</div> </div>
</div> </div>
@@ -76,11 +77,13 @@
<div class="bottom"> <div class="bottom">
<div class="button-container"> <div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="save"> <button class="pear-btn pear-btn-primary pear-btn-sm" lay-submit lay-filter="save">
提交 <i class="layui-icon layui-icon-ok"></i>
<?= $translations['submit'] ?? '提交' ?>
</button> </button>
<button type="reset" class="pear-btn pear-btn-md"> <button type="reset" class="pear-btn pear-btn-sm">
重置 <i class="layui-icon layui-icon-refresh"></i>
<?= $translations['reset'] ?? '重置' ?>
</button> </button>
</div> </div>
</div> </div>
@@ -198,7 +201,7 @@
if (res.code) { if (res.code) {
return layui.popup.failure(res.msg); return layui.popup.failure(res.msg);
} }
return layui.popup.success("操作成功", function () { return layui.popup.success("<?= $translations['operation_success'] ?? '操作成功' ?>", function () {
parent.refreshTable(); parent.refreshTable();
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));
}); });
+26 -74
View File
@@ -1,14 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="<?= $lang ?>">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<title>详情页面</title> <title><?= $translations['detail'] ?? '详情' ?></title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" /> <link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head> </head>
<body> <body class="pear-container">
<form class="layui-form"> <form class="layui-form">
@@ -16,122 +16,74 @@
<div class="main-container mr-5"> <div class="main-container mr-5">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label required">车架号(17位国际标准)</label> <label class="layui-form-label"><?= $translations['name'] ?? '名称' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" readonly name="vin" value="" required lay-verify="required" class="layui-input"> <div class="layui-form-mid"><?= $data['name'] ?? '' ?></div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">classify</label> <label class="layui-form-label"><?= $translations['name_en'] ?? '英文名称' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" readonly name="classify" value="" class="layui-input"> <div class="layui-form-mid"><?= $data['name_en'] ?? '' ?></div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">车辆品牌</label> <label class="layui-form-label"><?= $translations['vin'] ?? 'VIN' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" readonly name="brand" value="" class="layui-input"> <div class="layui-form-mid"><?= $data['vin'] ?? '' ?></div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">车辆型号</label> <label class="layui-form-label"><?= $translations['status'] ?? '状态' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" readonly name="model" value="" class="layui-input"> <div class="layui-form-mid"><?= ($data['status'] ?? '') == '1' ? ($translations['status_1'] ?? '正常') : ($translations['status_0'] ?? '禁用') ?></div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">车辆状态</label> <label class="layui-form-label"><?= $translations['location'] ?? '当前位置' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" readonly name="status" value="" class="layui-input"> <div class="layui-form-mid"><?= $data['location_name'] ?? '' ?></div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">买车地点</label> <label class="layui-form-label"><?= $translations['final_location'] ?? '最终位置' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" readonly name="purchase_location" value="" class="layui-input"> <div class="layui-form-mid"><?= $data['final_location_name'] ?? '' ?></div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">手续办理地</label> <label class="layui-form-label"><?= $translations['fbo_location'] ?? 'FBO位置' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" readonly name="procedure_location" value="" class="layui-input"> <div class="layui-form-mid"><?= $data['fbo_location_name'] ?? '' ?></div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">FBO最终目的地</label> <label class="layui-form-label"><?= $translations['img_url'] ?? '图片' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="fbo_destination" value="" class="layui-input"> <?php if (!empty($data['img_url'])): ?>
<img src="<?= $data['img_url'] ?>" style="max-width:200px;max-height:200px;">
<?php endif; ?>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">fbo目的地id</label> <label class="layui-form-label"><?= $translations['created_at'] ?? '创建时间' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="number" readonly name="fbo_locations_id" value="" class="layui-input"> <div class="layui-form-mid"><?= $data['created_at'] ?? '' ?></div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">车辆所在地</label> <label class="layui-form-label"><?= $translations['updated_at'] ?? '更新时间' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="number" readonly name="locations_id" value="" class="layui-input"> <div class="layui-form-mid"><?= $data['updated_at'] ?? '' ?></div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最终目的地</label>
<div class="layui-input-block">
<input type="number" readonly name="final_locations_id" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">实际发车时间</label>
<div class="layui-input-block">
<input type="text" readonly name="departure_time" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">实际到达时间</label>
<div class="layui-input-block">
<input type="text" readonly name="arrival_time" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">运输周期(天)</label>
<div class="layui-input-block">
<input type="number" readonly name="shipping_cycle" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图片</label>
<div class="layui-input-block">
<!-- <input type="text" name="img_url" value="" class="layui-input">-->
<img name="img_url" src=''></img>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">记录创建时间</label>
<div class="layui-input-block">
<input type="text" readonly name="created_at" id="created_at" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最后更新时间</label>
<div class="layui-input-block">
<input type="text" readonly name="updated_at" id="updated_at" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
+88 -103
View File
@@ -1,16 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="<?= $lang ?>">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>浏览页面</title> <title><?= $translations['title'] ?? '车辆管理' ?></title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
<?php if ($lang === 'ar'): ?>
<style>
body {
direction: rtl;
text-align: right;
}
.layui-table-cell {
text-align: right;
}
</style>
<?php endif; ?>
</head> </head>
<body class="pear-container"> <body class="pear-container">
<!-- 顶部查询表单 -->
<!-- 数据表格 --> <!-- 数据表格 -->
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-body"> <div class="layui-card-body">
@@ -21,18 +28,18 @@
<!-- 表格顶部工具栏 --> <!-- 表格顶部工具栏 -->
<script type="text/html" id="table-toolbar"> <script type="text/html" id="table-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add" permission="app.admin.vehicle.insert"> <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add" permission="app.admin.vehicle.insert">
<i class="layui-icon layui-icon-add-1"></i>新增 <i class="layui-icon layui-icon-add-1"></i><?= $translations['add'] ?? '新增' ?>
</button> </button>
<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove" permission="app.admin.vehicle.delete"> <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove" permission="app.admin.vehicle.delete">
<i class="layui-icon layui-icon-delete"></i>删除 <i class="layui-icon layui-icon-delete"></i><?= $translations['delete'] ?? '删除' ?>
</button> </button>
</script> </script>
<!-- 表格行工具栏 --> <!-- 表格行工具栏 -->
<script type="text/html" id="table-bar"> <script type="text/html" id="table-bar">
<button class="pear-btn pear-btn-xs tool-btn" lay-event="view">查看</button> <button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.vehicle.update"><?= $translations['edit'] ?? '编辑' ?></button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="edit" permission="app.admin.vehicle.update">编辑</button> <button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.vehicle.delete"><?= $translations['remove'] ?? '删除' ?></button>
<button class="pear-btn pear-btn-xs tool-btn" lay-event="remove" permission="app.admin.vehicle.delete">删除</button> <button class="pear-btn pear-btn-xs tool-btn" lay-event="detail" permission="app.admin.vehicle.detail"><?= $translations['detail'] ?? '详情' ?></button>
</script> </script>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script> <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
@@ -41,7 +48,6 @@
<script src="/app/admin/admin/js/common.js"></script> <script src="/app/admin/admin/js/common.js"></script>
<script> <script>
// 相关常量 // 相关常量
const PRIMARY_KEY = "id"; const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/vehicle/select"; const SELECT_API = "/app/admin/vehicle/select";
@@ -49,9 +55,12 @@
const DELETE_API = "/app/admin/vehicle/delete"; const DELETE_API = "/app/admin/vehicle/delete";
const INSERT_URL = "/app/admin/vehicle/insert"; const INSERT_URL = "/app/admin/vehicle/insert";
const UPDATE_URL = "/app/admin/vehicle/update"; const UPDATE_URL = "/app/admin/vehicle/update";
const DETAILE_URL = "/app/admin/vehicle/detail"; const DETAIL_URL = "/app/admin/vehicle/detail";
// 表格渲染 // 翻译文本
const translations = <?= json_encode($translations) ?>;
// 初始化layui
layui.use(["table", "form", "common", "popup", "util"], function() { layui.use(["table", "form", "common", "popup", "util"], function() {
let table = layui.table; let table = layui.table;
let form = layui.form; let form = layui.form;
@@ -59,89 +68,65 @@
let common = layui.common; let common = layui.common;
let util = layui.util; let util = layui.util;
// 表头参数 console.log('Layui initialized');
let cols = [
{ // 更新标签页标题
type: "checkbox", try {
align: "center" if (window.parent && window.parent.layui) {
},{ window.parent.layui.use(['tab'], function() {
title: "ID",align: "center", let tab = window.parent.layui.tab;
field: "id", let currentTab = tab.getCurrentTab();
width: 10, if (currentTab) {
},{ tab.changeTitle(currentTab.id, translations.title);
title: "车架号(17位国际标准)",align: "center", }
field: "vin", });
},{ }
title: "车辆品牌",align: "center", } catch (e) {
field: "brand", console.warn('Failed to update tab title:', e);
},{ }
title: "车辆型号",align: "center",
field: "model", // 表头参数
},{ let cols = [[
title: "车辆状态",align: "center", {type: "checkbox", align: "center"},
field: "status", {title: translations.id, align: "center", field: "id"},
},{ {title: translations.vin, align: "center", field: "vin"},
title: "手续办理地",align: "center", {title: translations.status, align: "center", field: "status"},
field: "procedure_location", {title: translations.location, align: "center", field: "location_name"},
},{ {title: translations.final_location, align: "center", field: "final_location_name"},
title: "FBO港口",align: "center", {title: translations.fbo_location, align: "center", field: "fbo_location_name"},
field: "fbo_location_name", {title: translations.created_at, align: "center", field: "created_at"},
},{ {title: translations.updated_at, align: "center", field: "updated_at"},
title: "车辆所在地",align: "center", {title: translations.operation, toolbar: "#table-bar", align: "center", fixed: "right", width: 150}
field: "location_name", ]];
},{
title: "最终目的地",align: "center", // 渲染表格
field: "final_location_name", table.render({
// },{ elem: "#data-table",
// title: "FBO发车时间",align: "center", url: SELECT_API,
// field: "departure_time", page: true,
// },{ cols: cols,
// title: "FBO到达时间",align: "center", skin: "line",
// field: "arrival_time", size: "lg",
},{ toolbar: "#table-toolbar",
title: "图片",align: "center", autoSort: false,
field: "img_url", defaultToolbar: [{
templet: function (d) { title: translations.refresh,
return '<img src="' + d['img_url'] + '" style="max-width:32px;max-height:32px;" />'; layEvent: "refresh",
} icon: "layui-icon-refresh",
},{ }, translations.filter, translations.print, translations.export],
title: "操作", done: function () {
toolbar: "#table-bar", layer.photos({photos: 'div[lay-id="data-table"]', anim: 5});
align: "center", }
fixed: "right", });
width: 150,
}
];
// 渲染表格
table.render({
elem: "#data-table",
url: SELECT_API,
page: true,
cols: [cols],
skin: "line",
size: "lg",
toolbar: "#table-toolbar",
autoSort: false,
defaultToolbar: [{
title: "刷新",
layEvent: "refresh",
icon: "layui-icon-refresh",
}, "filter", "print", "exports"],
done: function () {
layer.photos({photos: 'div[lay-id="data-table"]', anim: 5});
}
});
// 编辑或删除行事件 // 编辑或删除行事件
table.on("tool(data-table)", function(obj) { table.on("tool(data-table)", function(obj) {
if (obj.event === "remove") { if (obj.event === "remove") {
remove(obj); remove(obj);
} else if (obj.event === "edit") { } else if (obj.event === "edit") {
edit(obj); edit(obj);
} else if (obj.event === "view") { } else if (obj.event === "detail") {
view(obj); detail(obj);
} }
}); });
@@ -200,10 +185,10 @@
let add = function() { let add = function() {
layer.open({ layer.open({
type: 2, type: 2,
title: "新增", title: translations.add,
shade: 0.1, shade: 0.1,
maxmin: true, maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"], area: [common.isModile()?"100%":"800px", common.isModile()?"100%":"600px"],
content: INSERT_URL content: INSERT_URL
}); });
} }
@@ -213,10 +198,10 @@
let value = obj.data[PRIMARY_KEY]; let value = obj.data[PRIMARY_KEY];
layer.open({ layer.open({
type: 2, type: 2,
title: "修改", title: translations.edit,
shade: 0.1, shade: 0.1,
maxmin: true, maxmin: true,
area: [common.isModile()?"100%":"500px", common.isModile()?"100%":"450px"], area: [common.isModile()?"100%":"800px", common.isModile()?"100%":"600px"],
content: UPDATE_URL + "?" + PRIMARY_KEY + "=" + value content: UPDATE_URL + "?" + PRIMARY_KEY + "=" + value
}); });
} }
@@ -230,7 +215,7 @@
let batchRemove = function(obj) { let batchRemove = function(obj) {
let checkIds = common.checkField(obj, PRIMARY_KEY); let checkIds = common.checkField(obj, PRIMARY_KEY);
if (checkIds === "") { if (checkIds === "") {
layui.popup.warning("未选中数据"); layui.popup.warning(translations.no_data_selected);
return false; return false;
} }
doRemove(checkIds.split(",")); doRemove(checkIds.split(","));
@@ -240,9 +225,9 @@
let doRemove = function (ids) { let doRemove = function (ids) {
let data = {}; let data = {};
data[PRIMARY_KEY] = ids; data[PRIMARY_KEY] = ids;
layer.confirm("确定删除?", { layer.confirm(translations.confirm_delete, {
icon: 3, icon: 3,
title: "提示" title: translations.title
}, function(index) { }, function(index) {
layer.close(index); layer.close(index);
let loading = layer.load(); let loading = layer.load();
@@ -256,7 +241,7 @@
if (res.code) { if (res.code) {
return layui.popup.failure(res.msg); return layui.popup.failure(res.msg);
} }
return layui.popup.success("操作成功", refreshTable); return layui.popup.success(translations.operation_success, refreshTable);
} }
}) })
}); });
@@ -280,15 +265,15 @@
} }
// 查看数据 // 查看数据
let view = function(obj) { let detail = function(obj) {
let value = obj.data[PRIMARY_KEY]; let value = obj.data[PRIMARY_KEY];
layer.open({ layer.open({
type: 2, type: 2,
title: "查看详情", title: translations.detail,
shade: 0.1, shade: 0.1,
maxmin: true, maxmin: true,
area: ["100%", "100%"], area: [common.isModile()?"100%":"800px", common.isModile()?"100%":"600px"],
content: DETAILE_URL + "?" + PRIMARY_KEY + "=" + value + "&mode=view" content: DETAIL_URL + "?" + PRIMARY_KEY + "=" + value
}); });
} }
}) })
+118 -188
View File
@@ -1,254 +1,184 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="<?= $lang ?>">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<title>新增页面</title> <title><?= $translations['add'] ?? '新增' ?></title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" /> <link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head> </head>
<body> <body class="pear-container">
<form class="layui-form" action="javascript:void(0);">
<form class="layui-form" action="">
<div class="mainBox"> <div class="mainBox">
<div class="main-container mr-5"> <div class="main-container mr-5">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label required">车架号(17位国际标准)</label> <label class="layui-form-label"><?= $translations['name'] ?? '名称' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="vin" value="" required lay-verify="required" class="layui-input"> <input type="text" name="name" lay-verify="required" placeholder="<?= $translations['name_placeholder'] ?? '请输入名称' ?>" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">分类</label> <label class="layui-form-label"><?= $translations['name_en'] ?? '英文名称' ?></label>
<!-- <div class="layui-input-block">-->
<!-- <input type="text" name="classify" value="" class="layui-input">-->
<!-- </div>-->
<div class="layui-input-block"> <div class="layui-input-block">
<select name="classify" lay-filter="category" id="classify" required> <input type="text" name="name_en" placeholder="<?= $translations['name_en_placeholder'] ?? '请输入英文名称' ?>" autocomplete="off" class="layui-input">
<option value="">请选择分类</option> </div>
<option value="1">自主</option> </div>
<option value="2">代理</option> <div class="layui-form-item">
<label class="layui-form-label"><?= $translations['vin'] ?? 'VIN' ?></label>
<div class="layui-input-block">
<input type="text" name="vin" lay-verify="required" placeholder="<?= $translations['vin_placeholder'] ?? '请输入VIN' ?>" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><?= $translations['status'] ?? '状态' ?></label>
<div class="layui-input-block">
<select name="status" lay-verify="required">
<option value=""><?= $translations['status_placeholder'] ?? '请选择状态' ?></option>
<option value="1"><?= $translations['status_1'] ?? '正常' ?></option>
<option value="0"><?= $translations['status_0'] ?? '禁用' ?></option>
</select> </select>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label required">车辆品牌</label> <label class="layui-form-label"><?= $translations['location'] ?? '当前位置' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="brand" value="" required lay-verify="required" class="layui-input"> <select name="location_id" lay-verify="required">
</div> <option value=""><?= $translations['location_placeholder'] ?? '请选择当前位置' ?></option>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">车辆型号</label>
<div class="layui-input-block">
<input type="text" name="model" value="" required lay-verify="required" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">车辆状态</label>
<!-- <div class="layui-input-block">-->
<!-- <input type="text" name="status" value="" class="layui-input">-->
<!-- </div>-->
<div class="layui-input-block">
<select name="status" lay-filter="category" required lay-verify="required" id="status" required>
<option value="">请选择分类</option>
<option value="1">待发车</option>
<option value="2">在途(发往fbo港口)</option>
<option value="3">抵达发货港口</option>
<option value="4">在途(发往目的地仓库)</option>
<option value="5">抵达仓库</option>
<option value="6">售出</option>
</select> </select>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">买车地点</label> <label class="layui-form-label"><?= $translations['final_location'] ?? '最终位置' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="purchase_location" value="" class="layui-input"> <select name="final_location_id">
</div> <option value=""><?= $translations['final_location_placeholder'] ?? '请选择最终位置' ?></option>
</div>
<div class="layui-form-item">
<label class="layui-form-label">手续办理地</label>
<div class="layui-input-block">
<input type="text" name="procedure_location" value="" class="layui-input">
</div>
</div>
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label">FBO最终目的地</label>-->
<!-- <div class="layui-input-block">-->
<!-- <input type="text" name="fbo_destination" value="" class="layui-input">-->
<!-- </div>-->
<!-- </div>-->
<!-- -->
<!-- <div class="layui-form-item">-->
<!-- <label class="layui-form-label">fbo目的地id</label>-->
<!-- <div class="layui-input-block">-->
<!-- <input type="number" name="fbo_locations_id" value="" class="layui-input">-->
<!-- </div>-->
<!-- </div>-->
<div class="layui-form-item">
<label class="layui-form-label">fbo目的地</label>
<div class="layui-input-block">
<select name="fbo_locations_id" lay-filter="category" id="fbo_locations_id" required>
<option value="">请选择分类</option>
</select> </select>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">车辆所在地</label> <label class="layui-form-label"><?= $translations['fbo_location'] ?? 'FBO位置' ?></label>
<!-- <div class="layui-input-block">-->
<!-- <input type="number" name="locations_id" value="" class="layui-input">-->
<!-- </div>-->
<div class="layui-input-block"> <div class="layui-input-block">
<select name="locations_id" lay-filter="category" id="locations_id" required> <select name="fbo_location_id">
<option value="">请选择分类</option> <option value=""><?= $translations['fbo_location_placeholder'] ?? '请选择FBO位置' ?></option>
</select> </select>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label required">最终目的地</label> <label class="layui-form-label"><?= $translations['img_url'] ?? '图片' ?></label>
<!-- <div class="layui-input-block">-->
<!-- <input type="number" name="final_locations_id" value="" class="layui-input">-->
<!-- </div>-->
<div class="layui-input-block"> <div class="layui-input-block">
<select name="final_locations_id" lay-filter="category" required lay-verify="required" id="final_locations_id" required> <div class="layui-upload">
<option value="">请选择分类</option> <button type="button" class="layui-btn" id="img_url">
</select> <i class="layui-icon layui-icon-upload"></i><?= $translations['upload_image'] ?? '上传图片' ?>
</button>
<div class="layui-upload-list">
<img class="layui-upload-img" id="preview_img" style="max-width: 100px;">
<input type="hidden" name="img_url" id="img_url_input">
</div>
</div>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">FBO发车时间</label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="departure_time" id="departure_time" value="" class="layui-input"> <button class="pear-btn pear-btn-primary" lay-submit lay-filter="save">
</div> <i class="layui-icon layui-icon-ok"></i>
</div> <?= $translations['submit'] ?? '提交' ?>
</button>
<div class="layui-form-item"> <button type="reset" class="pear-btn">
<label class="layui-form-label">FBO到达时间</label> <i class="layui-icon layui-icon-refresh"></i>
<div class="layui-input-block"> <?= $translations['reset'] ?? '重置' ?>
<input type="text" name="arrival_time" id="arrival_time" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">运输周期(天)</label>
<div class="layui-input-block">
<input type="number" name="shipping_cycle" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">图片</label>
<!-- <div class="layui-input-block">-->
<!-- <input type="text" name="img_url" value="" required lay-verify="required" class="layui-input">-->
<!-- </div>-->
<div class="layui-input-block">
<img class="img-3" src=""/>
<input type="text" style="display:none" name="img_url" value="" />
<button type="button" class="pear-btn pear-btn-primary pear-btn-sm" id="img_url" permission="app.admin.upload.avatar">
<i class="layui-icon layui-icon-upload"></i>上传图片
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit=""
lay-filter="save">
提交
</button>
<button type="reset" class="pear-btn pear-btn-md">
重置
</button>
</div>
</div>
</form> </form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script> <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script> <script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/component/jsoneditor/jsoneditor.js"></script> <script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<script src="/app/admin/admin/js/permission.js"></script> <script src="/app/admin/admin/js/permission.js"></script>
<script src="/app/admin/admin/js/common.js"></script>
<script> <script>
layui.use(['form', 'jquery', 'layer'], function(){ // 相关常量
const form = layui.form; const INSERT_API = "/app/admin/vehicle/insert";
const $ = layui.jquery; const LOCATION_API = "/app/admin/location/select";
const layer = layui.layer;
// 翻译文本
function loadOptions() { const translations = <?= json_encode($translations) ?>;
layui.use(['form', 'common', 'popup', 'upload'], function() {
let form = layui.form;
let $ = layui.$;
let common = layui.common;
let upload = layui.upload;
// 图片上传
upload.render({
elem: '#img_url',
url: '/app/admin/upload/uploadImage',
accept: 'images',
acceptMime: 'image/jpeg,image/png',
done: function(res) {
if (res.code !== 0) {
return layui.popup.failure(res.msg);
}
$('#img_url_input').val(res.data.path);
$('#preview_img').attr('src', res.data.image_url);
layui.popup.success(translations.operation_success);
}
});
// 加载位置数据
function loadLocations(select, selectedId = '') {
$.ajax({ $.ajax({
url: '/app/admin/location/getAll', url: LOCATION_API,
type: 'GET',
dataType: 'json', dataType: 'json',
type: 'get',
success: function(res) { success: function(res) {
// 统一先检查状态码 if (res.code) {
if (res.code !== 0) { return layui.popup.failure(res.msg);
layer.msg(res.msg || '加载失败');
return;
} }
let html = '<option value="">' + translations.location_placeholder + '</option>';
const select = $('#fbo_locations_id'); res.data.forEach(function(item) {
const locations_id = $('#locations_id'); html += '<option value="' + item.id + '"' + (item.id == selectedId ? ' selected' : '') + '>' + item.name + '</option>';
const final_locations_id = $('#final_locations_id');
select.empty().append('<option value="">请选择分类</option>');
locations_id.empty().append('<option value="">请选择分类</option>');
$.each(res.data, function(index, item){
select.append(`<option value="${item.id}">${item.name}</option>`);
locations_id.append(`<option value="${item.id}">${item.name}</option>`);
final_locations_id.append(`<option value="${item.id}">${item.name}</option>`);
}); });
select.html(html);
form.render('select'); form.render('select');
},
error: function(xhr) {
layer.msg('请求失败: ' + xhr.status);
} }
}); });
} }
loadOptions(); // 加载所有位置下拉框
loadLocations($('select[name="location_id"]'));
loadLocations($('select[name="final_location_id"]'));
loadLocations($('select[name="fbo_location_id"]'));
// 表单提交
form.on('submit(save)', function(data) {
let loading = layer.load();
$.ajax({
url: INSERT_API,
data: data.field,
dataType: 'json',
type: 'post',
success: function(res) {
layer.close(loading);
if (res.code) {
return layui.popup.failure(res.msg);
}
layui.popup.success(translations.operation_success, function() {
parent.layer.close(parent.layer.getFrameIndex(window.name));
parent.layui.table.reload("data-table");
});
}
});
return false;
});
}); });
</script> </script>
<script> <script>
// 图片上传
layui.use(["upload", "layer"], function() {
let input = layui.$("#img_url").prev();
input.prev().attr("src", input.val());
layui.upload.render({
elem: "#img_url",
url: "/app/admin/upload/uploadImage",
acceptMime: "image/gif,image/jpeg,image/jpg,image/png",
field: "__file__",
done: function (res) {
if (res.code > 0) return layui.layer.msg(res.msg);
this.item.prev().val(res.data.path).prev().attr("src", res.data.image_url);
}
});
});
</script>
<script>
// 相关接口 // 相关接口
const INSERT_API = "/app/admin/vehicle/insert"; const INSERT_API = "/app/admin/vehicle/insert";
+92 -180
View File
@@ -1,249 +1,161 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="<?= $lang ?>">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<title>更新页面</title> <title><?= $translations['edit'] ?? '编辑' ?></title>
<link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" /> <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
<link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" /> <link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css" />
<link rel="stylesheet" href="/app/admin/admin/css/reset.css" /> <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
</head> </head>
<body> <body class="pear-container">
<form class="layui-form" action="javascript:void(0);">
<form class="layui-form"> <input type="hidden" name="id" value="<?= $id ?>">
<div class="mainBox"> <div class="mainBox">
<div class="main-container mr-5"> <div class="main-container mr-5">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label required">车架号(17位国际标准)</label> <label class="layui-form-label"><?= $translations['name'] ?? '名称' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="vin" value="" required lay-verify="required" class="layui-input"> <input type="text" name="name" lay-verify="required" placeholder="<?= $translations['name_placeholder'] ?? '请输入名称' ?>" autocomplete="off" class="layui-input" value="<?= $data['name'] ?? '' ?>">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">classify</label> <label class="layui-form-label"><?= $translations['name_en'] ?? '英文名称' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="classify" value="" class="layui-input"> <input type="text" name="name_en" placeholder="<?= $translations['name_en_placeholder'] ?? '请输入英文名称' ?>" autocomplete="off" class="layui-input" value="<?= $data['name_en'] ?? '' ?>">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">车辆品牌</label> <label class="layui-form-label"><?= $translations['vin'] ?? 'VIN' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="brand" value="" class="layui-input"> <input type="text" name="vin" lay-verify="required" placeholder="<?= $translations['vin_placeholder'] ?? '请输入VIN' ?>" autocomplete="off" class="layui-input" value="<?= $data['vin'] ?? '' ?>">
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">车辆型号</label> <label class="layui-form-label"><?= $translations['status'] ?? '状态' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="model" value="" class="layui-input"> <select name="status" lay-verify="required">
<option value=""><?= $translations['status_placeholder'] ?? '请选择状态' ?></option>
<option value="1" <?= ($data['status'] ?? '') == '1' ? 'selected' : '' ?>><?= $translations['status_1'] ?? '正常' ?></option>
<option value="0" <?= ($data['status'] ?? '') == '0' ? 'selected' : '' ?>><?= $translations['status_0'] ?? '禁用' ?></option>
</select>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">车辆状态(如:待发运/运输中/已到达)</label> <label class="layui-form-label"><?= $translations['location'] ?? '当前位置' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="status" value="" class="layui-input"> <select name="location_id" lay-verify="required">
<option value=""><?= $translations['location_placeholder'] ?? '请选择当前位置' ?></option>
</select>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">买车地点</label> <label class="layui-form-label"><?= $translations['final_location'] ?? '最终位置' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="purchase_location" value="" class="layui-input"> <select name="final_location_id">
<option value=""><?= $translations['final_location_placeholder'] ?? '请选择最终位置' ?></option>
</select>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">手续办理地</label> <label class="layui-form-label"><?= $translations['fbo_location'] ?? 'FBO位置' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="procedure_location" value="" class="layui-input"> <select name="fbo_location_id">
<option value=""><?= $translations['fbo_location_placeholder'] ?? '请选择FBO位置' ?></option>
</select>
</div> </div>
</div> </div>
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">FBO最终目的地</label> <label class="layui-form-label"><?= $translations['img_url'] ?? '图片' ?></label>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="fbo_destination" value="" class="layui-input"> <img class="img-3" src="<?= $data['img_url'] ?? '' ?>"/>
<input type="text" style="display:none" name="img_url" value="<?= $data['img_url'] ?? '' ?>" />
<button type="button" class="pear-btn pear-btn-primary pear-btn-sm" id="img_url" permission="app.admin.upload.avatar">
<i class="layui-icon layui-icon-upload"></i><?= $translations['upload_image'] ?? '上传图片' ?>
</button>
</div> </div>
</div> </div>
<div class="layui-form-item">
<label class="layui-form-label">fbo目的地id</label>
<div class="layui-input-block">
<input type="number" name="fbo_locations_id" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">车辆所在地</label>
<div class="layui-input-block">
<input type="number" name="locations_id" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">最终目的地</label>
<div class="layui-input-block">
<input type="number" name="final_locations_id" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">实际发车时间</label>
<div class="layui-input-block">
<input type="text" name="departure_time" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">实际到达时间</label>
<div class="layui-input-block">
<input type="text" name="arrival_time" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">运输周期(天)</label>
<div class="layui-input-block">
<input type="number" name="shipping_cycle" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图片</label>
<div class="layui-input-block">
<input type="text" name="img_url" value="" class="layui-input">
</div>
</div>
</div> </div>
</div> </div>
<div class="layui-form-item">
<div class="bottom"> <div class="layui-input-block">
<div class="button-container"> <button class="pear-btn pear-btn-primary" lay-submit lay-filter="save">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="save"> <i class="layui-icon layui-icon-ok"></i>
提交 <?= $translations['submit'] ?? '提交' ?>
</button> </button>
<button type="reset" class="pear-btn pear-btn-md"> <button type="reset" class="pear-btn">
重置 <i class="layui-icon layui-icon-refresh"></i>
<?= $translations['reset'] ?? '重置' ?>
</button> </button>
</div> </div>
</div> </div>
</form> </form>
<script src="/app/admin/component/layui/layui.js?v=2.8.12"></script> <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
<script src="/app/admin/component/pear/pear.js"></script> <script src="/app/admin/component/pear/pear.js"></script>
<script src="/app/admin/component/jsoneditor/jsoneditor.js"></script> <script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<script src="/app/admin/admin/js/permission.js"></script> <script src="/app/admin/admin/js/permission.js"></script>
<script src="/app/admin/admin/js/common.js"></script>
<script> <script>
// 相关常量
// 相关接口
const PRIMARY_KEY = "id";
const SELECT_API = "/app/admin/vehicle/select" + location.search;
const UPDATE_API = "/app/admin/vehicle/update"; const UPDATE_API = "/app/admin/vehicle/update";
// 获取数据库记录 const LOCATION_API = "/app/admin/location/select";
layui.use(["form", "util", "popup"], function () {
// 翻译文本
const translations = <?= json_encode($translations) ?>;
layui.use(['form', 'common', 'popup'], function() {
let form = layui.form;
let $ = layui.$; let $ = layui.$;
$.ajax({ let common = layui.common;
url: SELECT_API,
dataType: "json", // 加载位置数据
success: function (res) { function loadLocations(select, selectedId = '') {
$.ajax({
// 给表单初始化数据 url: LOCATION_API,
layui.each(res.data[0], function (key, value) { dataType: 'json',
let obj = $('*[name="'+key+'"]'); type: 'get',
if (key === "password") { success: function(res) {
obj.attr("placeholder", "不更新密码请留空");
return;
}
if (typeof obj[0] === "undefined" || !obj[0].nodeName) return;
if (obj[0].nodeName.toLowerCase() === "textarea") {
obj.val(value);
} else {
obj.attr("value", value);
obj[0].value = value;
}
// 多图渲染
if (obj[0].classList.contains('uploader-list')) {
let multiple_images = value.split(",");
$.each(multiple_images, function(index, value) {
$('#uploader-list-'+ key).append(
'<div class="file-iteme">' +
'<div class="handle"><i class="layui-icon layui-icon-delete"></i></div>' +
'<img src='+value +' alt="'+ value +'" >' +
'</div>'
);
});
}
});
// 字段 记录创建时间 created_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#created_at",
type: "datetime",
});
})
// 字段 最后更新时间 updated_at
layui.use(["laydate"], function() {
layui.laydate.render({
elem: "#updated_at",
type: "datetime",
});
})
// ajax返回失败
if (res.code) {
layui.popup.failure(res.msg);
}
}
});
});
//提交事件
layui.use(["form", "popup"], function () {
// 字段验证允许为空
layui.form.verify({
phone: [/(^$)|^1\d{10}$/, "请输入正确的手机号"],
email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, "邮箱格式不正确"],
url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, "链接格式不正确"],
number: [/(^$)|^\d+$/,'只能填写数字'],
date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, "日期格式不正确"],
identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, "请输入正确的身份证号"]
});
layui.form.on("submit(save)", function (data) {
data.field[PRIMARY_KEY] = layui.url().search[PRIMARY_KEY];
layui.$.ajax({
url: UPDATE_API,
type: "POST",
dateType: "json",
data: data.field,
success: function (res) {
if (res.code) { if (res.code) {
return layui.popup.failure(res.msg); return layui.popup.failure(res.msg);
} }
return layui.popup.success("操作成功", function () { let html = '<option value="">' + translations.location_placeholder + '</option>';
parent.refreshTable(); res.data.forEach(function(item) {
html += '<option value="' + item.id + '"' + (item.id == selectedId ? ' selected' : '') + '>' + item.name + '</option>';
});
select.html(html);
form.render('select');
}
});
}
// 加载所有位置下拉框
loadLocations($('select[name="location_id"]'), '<?= $data['location_id'] ?? '' ?>');
loadLocations($('select[name="final_location_id"]'), '<?= $data['final_location_id'] ?? '' ?>');
loadLocations($('select[name="fbo_location_id"]'), '<?= $data['fbo_location_id'] ?? '' ?>');
// 表单提交
form.on('submit(save)', function(data) {
let loading = layer.load();
$.ajax({
url: UPDATE_API,
data: data.field,
dataType: 'json',
type: 'post',
success: function(res) {
layer.close(loading);
if (res.code) {
return layui.popup.failure(res.msg);
}
layui.popup.success(translations.operation_success, function() {
parent.layer.close(parent.layer.getFrameIndex(window.name)); parent.layer.close(parent.layer.getFrameIndex(window.name));
parent.layui.table.reload("data-table");
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</body> </body>
</html> </html>
+11 -1
View File
@@ -1,4 +1,3 @@
CREATE TABLE IF NOT EXISTS `wa_admin_roles` ( CREATE TABLE IF NOT EXISTS `wa_admin_roles` (
`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键', `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键',
`role_id` int(11) NOT NULL COMMENT '角色id', `role_id` int(11) NOT NULL COMMENT '角色id',
@@ -100,6 +99,17 @@ CREATE TABLE IF NOT EXISTS `wa_rules` (
PRIMARY KEY (`id`) PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci COMMENT='权限规则'; ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci COMMENT='权限规则';
CREATE TABLE IF NOT EXISTS `wa_rule_translations` (
`id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键',
`rule_id` int(10) unsigned NOT NULL COMMENT '规则ID',
`lang` varchar(10) NOT NULL COMMENT '语言代码',
`title` varchar(255) NOT NULL COMMENT '翻译标题',
`created_at` datetime NOT NULL COMMENT '创建时间',
`updated_at` datetime NOT NULL COMMENT '更新时间',
PRIMARY KEY (`id`),
UNIQUE KEY `rule_lang` (`rule_id`, `lang`),
CONSTRAINT `fk_rule_translations_rule` FOREIGN KEY (`rule_id`) REFERENCES `wa_rules` (`id`) ON DELETE CASCADE
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci COMMENT='规则翻译表';
CREATE TABLE IF NOT EXISTS `wa_uploads` ( CREATE TABLE IF NOT EXISTS `wa_uploads` (
`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键', `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键',