添加加载中

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,6 +289,9 @@
 				closeBtn: 1, // 显示关闭按钮
 			});
 		});
+
+		// 先加载所有下拉框数据，然后再获取详情数据
+		loadAllDropdowns(function() {
 			self.vehiclenewdetail({
 				type:'get',
 				data:{id:getQueryString('id')},
@@ -282,7 +300,11 @@
 						$(".img-3").attr("src",result.data.cover_full)
 						var datas = result.data
 						$("#cover").val(result.data.cover)
-					modelpresetfn(form,true,datas.brand)
+						
+						// 加载model数据并设置表单值
+						modelpresetfn(form, true, datas.brand);
+						// 使用setTimeout确保model数据加载完成
+						setTimeout(function() {
 							form.val('edit', datas)
 							console.log(datas)
 							
@@ -309,35 +331,28 @@
 								result.data.content.forEach(function(item) {
 									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();
-				};
+						}, 100);
+					}
 				},
 				failCallBack: function(result){
 					alert(result.message);
 				}
-		})
+			});
+		});
 		$('.layui-btnup').each(function(index, item){
 			var $item = $(item).closest('.upload-item');
 			upload.render({