chore(电子名片): 更新add.html 及 edit.html 操作逻辑

src/addon/personnel/shop/view/enterprise/channel/add.html

@@ -141,6 +141,8 @@
         avatarImageType = '{:$info[\'avatar_image_type\'] ? $info[\'avatar_image_type\'] : \'url\'}',
         coverImageType = '{:$info[\'cover_image_type\'] ? $info[\'cover_image_type\'] : \'url\'}';
 
+	var uploadHtml = "<div class='upload-default'><i class='iconfont iconshangchuan'></i><p>点击上传</p></div>"
+
     layui.use(['form', 'upload', 'element'], function() {
 		form = layui.form;
 		repeat_flag = false;
@@ -172,11 +174,11 @@
 		form.on('radio(avatarType)', function(data) {
 			var elem = data.elem;
 			var type = elem.value;
-			var avatarUrlVal = $("input[name='avatar_url']").val();
+			
 			if(type == 'url'){
 				$('#avatarTypeUrl').show();
-				$('#avatarTypeUpload').hide();
 				// 如果已有URL，显示预览
+				var avatarUrlVal = $("input[name='avatar_url']").val();
 				if(avatarUrlVal){
 					$("#avatarImg").html("<img src='" + avatarUrlVal + "' alt='头像' style='width:100%;height:100%;object-fit:contain;'>");
 				}
@@ -184,8 +186,11 @@
 				$('#avatarTypeUrl').hide();
 				$('#avatarTypeUpload').show();
 				// 如果已上传图片，显示预览
+				var avatarUrlVal = $("input[name='avatar_url_upload']").val();
 				if(avatarUrlVal){
 					$("#avatarImg").html("<img src='" + ns.img(avatarUrlVal) + "' alt='头像'>");
+				} else {
+					$("#avatarImg").html(uploadHtml);
 				}
 			}
 		});
@@ -202,7 +207,6 @@
 		// 初始显示状态 - 头像
 		if(avatarImageType == 'url'){
 			$('#avatarTypeUrl').show();
-			$('#avatarTypeUpload').hide();
 			// 如果已有URL，显示预览
 			if(avatarImg){
 				$("#avatarImg").html("<img src='" + avatarImg + "' alt='头像' style='width:100%;height:100%;object-fit:contain;'>");
@@ -213,6 +217,8 @@
 			// 如果已上传图片，显示预览
 			if(avatarImg){
 				$("#avatarImg").html("<img src='" + ns.img(avatarImg) + "' alt='头像'>");
+			} else {
+				$("#avatarImg").html(uploadHtml);
 			}
 		}
 
@@ -223,7 +229,6 @@
 			var coverUrlVal = $("input[name='cover_url']").val();
 			if(type == 'url'){
 				$('#coverTypeUrl').show();
-				$('#coverTypeUpload').hide();
 				// 如果已有URL，显示预览
 				if(coverUrlVal){
 					$("#coverImg").html("<img src='" + coverUrlVal + "' alt='封面' style='width:100%;height:100%;object-fit:contain;'>");
@@ -232,8 +237,11 @@
 				$('#coverTypeUrl').hide();
 				$('#coverTypeUpload').show();
 				// 如果已上传图片，显示预览
+				coverUrlVal = $("input[name='cover_url_upload']").val();
 				if(coverUrlVal){
 					$("#coverImg").html("<img src='" + ns.img(coverUrlVal) + "' alt='封面'>");
+				} else {
+					$("#coverImg").html(uploadHtml);
 				}
 			}
 		});
@@ -250,7 +258,6 @@
 		// 初始显示状态 - 封面
 		if(coverImageType == 'url'){
 			$('#coverTypeUrl').show();
-			$('#coverTypeUpload').hide();
 			// 如果已有URL，显示预览
 			if(coverImg){
 				$("#coverImg").html("<img src='" + coverImg + "' alt='封面' style='width:100%;height:100%;object-fit:contain;'>");
@@ -261,6 +268,8 @@
 			// 如果已上传图片，显示预览
 			if(coverImg){
 				$("#coverImg").html("<img src='" + ns.img(coverImg) + "' alt='封面'>");
+			} else {
+				$("#coverImg").html(uploadHtml);
 			}
 		}
 
@@ -315,8 +324,6 @@
             delete field.avatar_url_upload;
             delete field.cover_url_upload;
             field.status = 1;
-
-			console.log('添加：提交的数据', field)
             formSubmit(field)
         });
     });

src/addon/personnel/shop/view/enterprise/channel/edit.html

@@ -141,6 +141,8 @@
         avatarImageType = '{:$info[\'avatar_image_type\'] ? $info[\'avatar_image_type\'] : \'url\'}',
         coverImageType = '{:$info[\'cover_image_type\'] ? $info[\'cover_image_type\'] : \'url\'}';
 
+	var uploadHtml = "<div class='upload-default'><i class='iconfont iconshangchuan'></i><p>点击上传</p></div>"
+
     layui.use(['form', 'upload', 'element'], function() {
 		form = layui.form;
 		repeat_flag = false;
@@ -172,11 +174,11 @@
 		form.on('radio(avatarType)', function(data) {
 			var elem = data.elem;
 			var type = elem.value;
-			var avatarUrlVal = $("input[name='avatar_url']").val();
+			
 			if(type == 'url'){
 				$('#avatarTypeUrl').show();
-				$('#avatarTypeUpload').hide();
 				// 如果已有URL，显示预览
+				var avatarUrlVal = $("input[name='avatar_url']").val();
 				if(avatarUrlVal){
 					$("#avatarImg").html("<img src='" + avatarUrlVal + "' alt='头像' style='width:100%;height:100%;object-fit:contain;'>");
 				}
@@ -184,8 +186,11 @@
 				$('#avatarTypeUrl').hide();
 				$('#avatarTypeUpload').show();
 				// 如果已上传图片，显示预览
+				var avatarUrlVal = $("input[name='avatar_url_upload']").val();
 				if(avatarUrlVal){
 					$("#avatarImg").html("<img src='" + ns.img(avatarUrlVal) + "' alt='头像'>");
+				} else {
+					$("#avatarImg").html(uploadHtml);
 				}
 			}
 		});
@@ -202,7 +207,6 @@
 		// 初始显示状态 - 头像
 		if(avatarImageType == 'url'){
 			$('#avatarTypeUrl').show();
-			$('#avatarTypeUpload').hide();
 			// 如果已有URL，显示预览
 			if(avatarImg){
 				$("#avatarImg").html("<img src='" + avatarImg + "' alt='头像' style='width:100%;height:100%;object-fit:contain;'>");
@@ -213,6 +217,8 @@
 			// 如果已上传图片，显示预览
 			if(avatarImg){
 				$("#avatarImg").html("<img src='" + ns.img(avatarImg) + "' alt='头像'>");
+			} else {
+				$("#avatarImg").html(uploadHtml);
 			}
 		}
 
@@ -223,7 +229,6 @@
 			var coverUrlVal = $("input[name='cover_url']").val();
 			if(type == 'url'){
 				$('#coverTypeUrl').show();
-				$('#coverTypeUpload').hide();
 				// 如果已有URL，显示预览
 				if(coverUrlVal){
 					$("#coverImg").html("<img src='" + coverUrlVal + "' alt='封面' style='width:100%;height:100%;object-fit:contain;'>");
@@ -232,8 +237,11 @@
 				$('#coverTypeUrl').hide();
 				$('#coverTypeUpload').show();
 				// 如果已上传图片，显示预览
+				coverUrlVal = $("input[name='cover_url_upload']").val();
 				if(coverUrlVal){
 					$("#coverImg").html("<img src='" + ns.img(coverUrlVal) + "' alt='封面'>");
+				} else {
+					$("#coverImg").html(uploadHtml);
 				}
 			}
 		});
@@ -250,7 +258,6 @@
 		// 初始显示状态 - 封面
 		if(coverImageType == 'url'){
 			$('#coverTypeUrl').show();
-			$('#coverTypeUpload').hide();
 			// 如果已有URL，显示预览
 			if(coverImg){
 				$("#coverImg").html("<img src='" + coverImg + "' alt='封面' style='width:100%;height:100%;object-fit:contain;'>");
@@ -261,6 +268,8 @@
 			// 如果已上传图片，显示预览
 			if(coverImg){
 				$("#coverImg").html("<img src='" + ns.img(coverImg) + "' alt='封面'>");
+			} else {
+				$("#coverImg").html(uploadHtml);
 			}
 		}