记得上下班打卡 | git大法好，push需谨慎

Skip to content

L
liquidnet-bus-v1
Commit 994ea8bc authored by dongchun's avatar dongchun
Browse files
Options

修改首页排版金刚位和魔方无法修改问题

parent f5c98313
Hide whitespace changes
Inline Side-by-side
Showing with 174 additions and 83 deletions
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/store/homeSet/RubikArea.html
View file @ 994ea8bc
...@@ -253,7 +253,72 @@ ...@@ -253,7 +253,72 @@
$("input[name=optionsRadios]").change(function(e){ $("input[name=optionsRadios]").change(function(e){
$("#bannerList").empty(); $("#bannerList").empty();
count = e.target.value; count = e.target.value;
addItem (count); promiseMethods('/goblin-front-cube/list', 'post').then(res => {
let { data } = res;
if (data && data.length > 0) {
let arr = data[0].spuId.split(',');
if (count == data[0].rowType) {
for (var i = 0; i < data.length; i++) {
let str = '';
str += `<div class="items" data-id="${data[i].mid}">
<div class="first_content">
<div class="hot_title">
页面属性：
</div>
<div class="tags">
<label>
<input type="radio" checked value="1" id="pageAttribute${i}" name="pageAttribute${i}"><span>单商品</span></label>
</div>
</div>
<div class="first_content" style="align-items: flex-start;">
<div class="hot_title">
选择商品：
</div>
<div class="tags_content" style="width: 553px;">
<div class="input-group">
<input id="goodsName${i}" data-id="${arr[i]}" type="text" class="form-control storeList" placeholder="${data[i].goblinGoods.name}">
<div class="input-group-btn">
<ul class="dropdown-menu dropdown-menu-right" role="menu">
</ul>
</div>
</div>
<div class="img_box">
<img id="goodsImg${i}" src="${data[i].goblinGoods.coverPic}" alt="" style="max-height: 180px;max-width:180px;margin: 12px 0;">
<p id="goodsTitle${i}" style="width:180px;">${data[i].goblinGoods.name}</p>
<p id="goodsPrice${i}">${data[i].goblinGoods.priceLe}</p>
</div>
<button id="del${i}" type="button" class="btn btn-danger" style="width: 60px;" onclick="del('${i}')">删除</button>
</div>
</div>
<div class="first_content" style="align-items: flex-start;">
<div class="hot_title">
推荐文案：
</div>
<div class="tags">`;
if (i == 0) {
str+= `<textarea id="text${i}" class="form-control txtIpt" value="" name="" style="width: 553px;height: 150px;">${data[i].informationA}</textarea>`
} else if (i == 1) {
str+= `<textarea id="text${i}" class="form-control txtIpt" value="" name="" style="width: 553px;height: 150px;">${data[i].informationB}</textarea>`
} else if (i == 2) {
str+= `<textarea id="text${i}" class="form-control txtIpt" value="" name="" style="width: 553px;height: 150px;">${data[i].informationC}</textarea>`
} else {
str+= `<textarea id="text${i}" class="form-control txtIpt" value="" name="" style="width: 553px;height: 150px;">${data[i].informationD}</textarea>`
}
str+=`</div>
</div>
</div>`
$("#bannerList").append(str);
common(i)
}
} else {
addItem (count);
}
} else {
addItem (count);
}
// refreshItem()
})
}) })
function addItem (num) { function addItem (num) {
let str = ''; let str = '';
......
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/store/homeSet/kingArea.html
View file @ 994ea8bc
...@@ -158,6 +158,7 @@ ...@@ -158,6 +158,7 @@
let num = 0; let num = 0;
let jumpType = 1; let jumpType = 1;
let hang = 1; let hang = 1;
let returnData = [];
$(function() { $(function() {
let url = window.location.hostname; let url = window.location.hostname;
if (url.includes('test')) { if (url.includes('test')) {
...@@ -167,119 +168,142 @@ ...@@ -167,119 +168,142 @@
} else { } else {
} }
showDetail (1)
})
function showDetail (numType) {
promiseMethods('/navigation/list', 'post').then(res => { promiseMethods('/navigation/list', 'post').then(res => {
let { data } = res; let { data } = res;
if (data&&data.length>0) { if (data&&data.length>0) {
if (data[0].displayType == 1) { if (numType == 1) {
$('#optionsRadios1').attr('checked', true) if (data[0].displayType == 1) {
$('#optionsRadios2').removeAttr('checked') $('#optionsRadios1').attr('checked', true)
} else { $('#optionsRadios2').removeAttr('checked')
$('#optionsRadios2').attr('checked', true) } else {
$('#optionsRadios1').removeAttr('checked') $('#optionsRadios2').attr('checked', true)
$('#optionsRadios1').removeAttr('checked')
}
} }
if (hang == data[0].displayType) {
for (var i = 0; i < data.length; i++) { for (var i = 0; i < data.length; i++) {
let str = ''; let str = '';
str += `<div class="banner_item" data-id="${data[i].mid}"> str += `<div class="banner_item" data-id="${data[i].mid}">
<div class="img_show"> <div class="img_show">
<div class="title">
图片展示：
</div>
<div class="ibox-content" style="border: none;">
<img id="viewImg${i}" class="imgBox" src="${data[i].picUrl}" alt="">
<div class="form-group">
<div class="file-loading">
<input id="fileinput${i}" type="file" name="file" data-browse-on-zone-click="true" data-theme="fas">
</div>
</div>
</div>
</div>
<div class="set_method" style="margin-bottom: 20px;">
<div class="jump">
<div class="title"> <div class="title">
类型： 图片展示：
</div> </div>
<div class="iptOrSelect" style="margin-right: 12px;"> <div class="ibox-content" style="border: none;">
<select id="jumpType${i}" onchange="changeJump(this)" value="${data[i].navigationType}" class="typeSelect type form-control" data-first-title="请选择"> <img id="viewImg${i}" class="imgBox" src="${data[i].picUrl}" alt="">
<option value="1">分类</option> <div class="form-group">
<option value="2">专题页</option> <div class="file-loading">
<option value="3">商品单品</option> <input id="fileinput${i}" type="file" name="file" data-browse-on-zone-click="true" data-theme="fas">
</select> </div>
</div>
</div> </div>
</div> </div>
<div class="ticket_name"> <div class="set_method" style="margin-bottom: 20px;">
<div class="title titleDiv${i}"> <div class="jump">
选择分类： <div class="title">
</div> 类型：
<div class="typeSelect${i}" style="display:flex;flex:1">
<div class="iptOrSelect">
<select id="jumpSelectOne${i}" onchange="selectFirst(this)" class="type1 form-control" data-first-title="请选择">
<option value="">请选择</option>
</select>
</div> </div>
<div class="iptOrSelect"> <div class="iptOrSelect" style="margin-right: 12px;">
<select id="jumpSelectTwo${i}" class="type2 form-control" data-first-title="请选择"> <select id="jumpType${i}" onchange="changeJump(this)" value="${data[i].navigationType}" class="typeSelect type form-control" data-first-title="请选择">
<option value="">请选择</option> <option value="1">分类</option>
<option value="2">专题页</option>
<option value="3">商品单品</option>
</select> </select>
</div> </div>
</div>` </div>
if (data[i].goblinGoods) { <div class="ticket_name">
str+= `<div class="input-group iptOrSelect shwoSelect${i}" style="display:none;"> <div class="title titleDiv${i}">
<input id="searchIpt${i}" type="text" class="form-control storeList" onFocus="focusMethod(this)" value="${data[i].goblinGoods.spuId}" placeholder="${data[i].goblinGoods.name}"> 选择分类：
</div>
<div class="typeSelect${i}" style="display:flex;flex:1">
<div class="iptOrSelect">
<select id="jumpSelectOne${i}" onchange="selectFirst(this)" class="type1 form-control" data-first-title="请选择">
<option value="">请选择</option>
</select>
</div>
<div class="iptOrSelect">
<select id="jumpSelectTwo${i}" class="type2 form-control" data-first-title="请选择">
<option value="">请选择</option>
</select>
</div>
</div>`
if (data[i].goblinGoods) {
str+= `<div class="input-group iptOrSelect shwoSelect${i}" style="display:none;">
<input id="searchIpt${i}" type="text" class="form-control storeList" onFocus="focusMethod(this)" data-id="${data[i].goblinGoods.spuId}" value="${data[i].goblinGoods.name}" placeholder="">
<div class="input-group-btn">
<ul class="dropdown-menu dropdown-menu-right" role="menu">
</ul>
</div>
</div>`
} else {
str+=`<div class="input-group iptOrSelect shwoSelect${i}" style="display:none;">
<input id="searchIpt${i}" type="text" class="form-control storeList" onFocus="focusMethod(this)" value="" placeholder="">
<div class="input-group-btn"> <div class="input-group-btn">
<ul class="dropdown-menu dropdown-menu-right" role="menu"> <ul class="dropdown-menu dropdown-menu-right" role="menu">
</ul> </ul>
</div> </div>
</div>` </div>`
} else { }
str+=`<div class="input-group iptOrSelect shwoSelect${i}" style="display:none;">
<input id="searchIpt${i}" type="text" class="form-control storeList" onFocus="focusMethod(this)" value="" placeholder=""> str+= `<div class="link${i}" style="display:none;">
<div class="input-group-btn"> <input id="linkUrl${i}" type="text" class="layui-input form-control linkUrl" value="${data[i].activityUrl}" placeholder="请输入活动链接">
<ul class="dropdown-menu dropdown-menu-right" role="menu"> </div>
</ul>
</div>
</div>`
}
str+= `<div class="link${i}" style="display:none;">
<input id="linkUrl${i}" type="text" class="layui-input form-control linkUrl" value="${data[i].activityUrl}" placeholder="请输入活动链接">
</div> </div>
</div> </div>
</div> <div class="set_function">
<div class="set_function"> <div class="set_function_time">
<div class="set_function_time"> <div class="title">
<div class="title"> 标题：
标题： </div>
</div> <div class="select_tiem">
<div class="select_tiem"> <input type="text" class="layui-input form-control titleIpt" id="startTime${i}" value="${data[i].title}" autocomplete="off" placeholder="请输入标题">
<input type="text" class="layui-input form-control titleIpt" id="startTime${i}" value="${data[i].title}" autocomplete="off" placeholder="请输入标题"> </div>
</div> </div>
</div> </div>
</div> </div>`
</div>` $("#bannerList").append(str);
$("#bannerList").append(str); common(i)
common(i) // setTimeout(() => {
// setTimeout(() => { let type = data[i].navigationType;
let type = data[i].navigationType; showOrhide (type, i, data[i].categoryType)
showOrhide (type, i, data[i].categoryType)
$("#jumpType"+i+" option[value="+type+"]").attr('selected','selected');
$("#jumpType"+i+" option[value="+type+"]").attr('selected','selected'); returnData = [];
// }, 500); // }, 500);
}
} else {
returnData = data.map((item, index) => {
item.delTag = 1;
return {...item}
})
console.log(returnData, 'returnData')
if (hang == 1) {
addItem (4);
} else {
addItem (8);
}
} }
} else { } else {
console.log('?') console.log('?')
addItem (4); if (hang == 1) {
addItem (4);
} else {
addItem (8);
}
} }
}) })
}) }
$("input[name=optionsRadios]").change(function(e){ $("input[name=optionsRadios]").change(function(e){
$("#bannerList").empty(); $("#bannerList").empty();
if (e.target.value == 2) { if (e.target.value == 2) {
hang = 2; hang = 2;
addItem (8); // addItem (8);
showDetail (2)
} else { } else {
hang = 1; hang = 1;
addItem (4); showDetail (2)
} }
}) })
function addItem (num) { function addItem (num) {
...@@ -388,6 +412,8 @@ ...@@ -388,6 +412,8 @@
obj['updateTime'] = ''; obj['updateTime'] = '';
arr.push({...obj}) arr.push({...obj})
});//foreach js6章封装的方法 });//foreach js6章封装的方法
arr = arr.concat(returnData);
console.log(arr,returnData, 'arr')
promiseMethods('/navigation/createOrUpdate', 'post', JSON.stringify(arr), 'application/json').then(() => { promiseMethods('/navigation/createOrUpdate', 'post', JSON.stringify(arr), 'application/json').then(() => {
let data = { let data = {
"mid": 2, "mid": 2,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment