chore(电子名片): 更新add.html 及 edit.html 操作逻辑
This commit is contained in:
@@ -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)
|
||||
});
|
||||
});
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user