添加加载中

assets/main.js

@@ -95,8 +95,12 @@ function getI18N(code) {
 var res=''
 
 
-
 ajax = function(options){
+	
+	// 显示加载动画
+	var loadIndex = layer.load(2, {
+		shade: [0.2, '#000']
+	});
 	var ret = null,token=[];
 	if(isAjaxLock){
 		queue.push(options);
@@ -130,8 +134,10 @@ ajax = function(options){
 					options.failCallBack(result);
 				}
 				ret = result;
+				layer.close(loadIndex);
 			},
 			error: function(XMLHttpRequest, textStatus, errorThrown){
+				layer.close(loadIndex);
 				if(XMLHttpRequest.status == 401){
 					layer.msg('验证失败！用户名或者密码错误', {icon: 5,time: 1000});
 					window.setTimeout(function(){
@@ -151,6 +157,7 @@ ajax = function(options){
 				}
 			},
 			complete: function(XMLHttpRequest, textStatus){
+				layer.close(loadIndex);
 				isAjaxLock = false;
 				if(queue.length >= 1){
 					var options = queue.shift();

page/table/newcarlistedit.html

@@ -249,13 +249,28 @@
             t = layui.tinymce,
 			upload = layui.upload,
             $ = layui.$;
-		brandpresetfn(form,true)
+		
-		energypresetfn(form)
+		// 创建一个函数来加载所有下拉框数据
-		typespresetfn(form)
+		function loadAllDropdowns(callback) {
+			// 加载品牌数据
+			brandpresetfn(form, true);
+			// 加载能源类型数据
+			energypresetfn(form);
+			// 加载车辆类型数据
+			typespresetfn(form);
+			
+			// 使用setTimeout确保DOM更新完成
+			setTimeout(function() {
+				form.render();
+				if (callback) callback();
+			}, 100);
+		}
+
 		form.on('select(brandSelect)', function(data){
 		    var selectedValue = data.value;
-		    modelpresetfn(form,true,selectedValue)
+		    modelpresetfn(form, true, selectedValue);
 		});
+
 		//监听提交
 		form.render();
 		$("#idedt").val(getQueryString('id'))
@@ -274,70 +289,70 @@
 				closeBtn: 1, // 显示关闭按钮
 			});
 		});
-		self.vehiclenewdetail({
-			type:'get',
-			data:{id:getQueryString('id')},
-			successCallBack: function(result){
-				if (result.code == 0) {
-					$(".img-3").attr("src",result.data.cover_full)
-					var datas = result.data
-					$("#cover").val(result.data.cover)
-					modelpresetfn(form,true,datas.brand)
-					form.val('edit', datas)
-					console.log(datas)
 
-					// 回显图册
+		// 先加载所有下拉框数据，然后再获取详情数据
-					if(result.data.album && result.data.album.length > 0) {
+		loadAllDropdowns(function() {
-						result.data.album.forEach(function(item) {
+			self.vehiclenewdetail({
-							var imgId = 'img_' + new Date().getTime() + '_' + Math.random();
+				type:'get',
-							$('#albumList').append(`
+				data:{id:getQueryString('id')},
-								<div class="upload-itemm" style="display: inline-block; margin: 10px;">
+				successCallBack: function(result){
-									<img src="${item.pic_full}" alt="${item.alt || ''}" id="${imgId}" class="img-3" style="cursor: pointer;">
+					if (result.code == 0) {
-									<input type="hidden" name="pic[]" value="${item.pic}">
+						$(".img-3").attr("src",result.data.cover_full)
-									<input type="hidden" name="idimg[]" value="${item.id}" />
+						var datas = result.data
-									<input type="text" class="layui-input" data-i18n-placeholder="brand.image_desc"  
+						$("#cover").val(result.data.cover)
-										style="margin: 5px 0px;height: 30px;" name="alt[]" value="${item.alt || ''}">
+						
-									<button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-img">
+						// 加载model数据并设置表单值
-										<i class="layui-icon">&#xe640;</i><span data-i18n="btn.delete"></span>
+						modelpresetfn(form, true, datas.brand);
-									</button>
+						// 使用setTimeout确保model数据加载完成
-								</div>
+						setTimeout(function() {
-							`);
+							form.val('edit', datas)
-						});
+							console.log(datas)
+							
+							// 回显图册
+							if(result.data.album && result.data.album.length > 0) {
+								result.data.album.forEach(function(item) {
+									var imgId = 'img_' + new Date().getTime() + '_' + Math.random();
+									$('#albumList').append(`
+										<div class="upload-itemm" style="display: inline-block; margin: 10px;">
+											<img src="${item.pic_full}" alt="${item.alt || ''}" id="${imgId}" class="img-3" style="cursor: pointer;">
+											<input type="hidden" name="pic[]" value="${item.pic}">
+											<input type="hidden" name="idimg[]" value="${item.id}" />
+											<input type="text" class="layui-input" data-i18n-placeholder="brand.image_desc"  
+												style="margin: 5px 0px;height: 30px;" name="alt[]" value="${item.alt || ''}">
+											<button type="button" class="layui-btn layui-btn-danger layui-btn-xs delete-img">
+												<i class="layui-icon">&#xe640;</i><span data-i18n="btn.delete"></span>
+											</button>
+										</div>
+									`);
+								});
+							}
+							// 回显介绍
+							if(result.data.content && result.data.content.length > 0) {
+								result.data.content.forEach(function(item) {
+									addIntro('introList',form,'请填写介绍内容', item.content,item.id)
+								});
+							}
+							// 回显特点
+							if(result.data.trait && result.data.trait.length > 0) {
+								result.data.trait.forEach(function(item) {
+									addFeature('featureList',form,'名称','描述', item.title, item.content,item.id)
+								});
+							}
+							// 回显问题
+							if(result.data.asked && result.data.asked.length > 0) {
+								result.data.asked.forEach(function(item) {
+									addFeature1('problem',form,'问题','回答',item.title, item.content,item.id)
+								});
+							}
+							form.render();
+						}, 100);
 					}
-					// 回显介绍
+				},
-					if(result.data.content && result.data.content.length > 0) {
+				failCallBack: function(result){
-					    result.data.content.forEach(function(item) {
+					alert(result.message);
-							addIntro('introList',form,'请填写介绍内容', item.content,item.id)
+				}
-					    });
+			});
-					} else {
+		});
-					    // 如果没有添加一个空的
-						// addIntro('introList',form,'请填写介绍内容')
-					}
-					// 回显特点
-					if(result.data.trait && result.data.trait.length > 0) {
-					    result.data.trait.forEach(function(item) {
-							addFeature('featureList',form,'名称','描述', item.title, item.content,item.id)
-					    });
-					} else {
-					    // 如果没有添加一个空的
-						// addFeature('featureList',form,'名称','描述','','')
-					}
-					// 回显问题
-					if(result.data.asked && result.data.asked.length > 0) {
-					    result.data.asked.forEach(function(item) {
-							addFeature1('problem',form,'问题','回答',item.title, item.content,item.id)
-					    });
-					} else {
-					    // 如果没有添加一个空的
-						// addFeature1('problem',form,'问题','回答','','')
-					}
-					form.render();
-				};
-			},
-			failCallBack: function(result){
-				alert(result.message);
-			}
-		})
 		$('.layui-btnup').each(function(index, item){
 			var $item = $(item).closest('.upload-item');
 			upload.render({