Skip to content

C
chinafrica
提交 171082cb authored 作者: 吴德鹏's avatar 吴德鹏
浏览文件
操作

商品管理优化

上级 768c9291
隐藏空白字符变更
内嵌 并排
正在显示 包含 60 行增加 和 44 行删除
platform-admin/src/main/webapp/WEB-INF/page/sys/tbcfstationitem.html
浏览文件 @ 171082cb
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>站点商品</title> <title>站点商品</title>
#parse("sys/header.html") #parse("sys/header.html")
<style> <style>
#ImgBox{ #ImgBox {
display: none; display: none;
position: fixed; position: fixed;
width: 400px; width: 400px;
...@@ -13,9 +13,11 @@ ...@@ -13,9 +13,11 @@
left: 300px; left: 300px;
/*background: red;*/ /*background: red;*/
} }
#ImgBox img{
#ImgBox img {
width: 100%; width: 100%;
} }
ul > li { ul > li {
list-style: none; list-style: none;
} }
...@@ -108,6 +110,16 @@ ...@@ -108,6 +110,16 @@
padding: 2px 8px; padding: 2px 8px;
} }
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
overflow: hidden;
white-space: pre;
padding-right: 2px;
height: 100px;
}
#itemImg:hover {
transform: scale(3);
}
.container .prev-li > div { .container .prev-li > div {
margin-left: 5px; margin-left: 5px;
display: flex; display: flex;
...@@ -528,13 +540,13 @@ ...@@ -528,13 +540,13 @@
<i-option value="2">已下架</i-option> <i-option value="2">已下架</i-option>
</i-select> </i-select>
</span> </span>
<!-- <span>--> <!-- <span>-->
<!-- 商品序号互换：--> <!-- 商品序号互换：-->
<!-- <i-input v-model="q.code" @on-enter="query" placeholder="商品编号" style="width:80px">--> <!-- <i-input v-model="q.code" @on-enter="query" placeholder="商品编号" style="width:80px">-->
<!-- </i-input>--> <!-- </i-input>-->
<!-- <i-input v-model="q.code" @on-enter="query" placeholder="商品编号" style="width:80px">--> <!-- <i-input v-model="q.code" @on-enter="query" placeholder="商品编号" style="width:80px">-->
<!-- </i-input>--> <!-- </i-input>-->
<!-- </span>--> <!-- </span>-->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
...@@ -587,7 +599,8 @@ ...@@ -587,7 +599,8 @@
#if($shiro.hasPermission("tbcfstationitem:delete")) #if($shiro.hasPermission("tbcfstationitem:delete"))
<i-button type="error" @click="changeItemStatus(0)"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button> <i-button type="error" @click="changeItemStatus(0)"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
#end #end
<i-button type="warning" @click="changeItemsTop"><i class="fa fa-arrow-down"></i>&nbsp;取消置顶</i-button> <i-button type="warning" @click="changeItemsTop"><i class="fa fa-arrow-down"></i>&nbsp;取消置顶
</i-button>
<i-button type="success" @click="changeItemsunTop"><i class="fa fa-arrow-up"></i>批量置顶</i-button> <i-button type="success" @click="changeItemsunTop"><i class="fa fa-arrow-up"></i>批量置顶</i-button>
...@@ -615,7 +628,7 @@ ...@@ -615,7 +628,7 @@
</div> </div>
<p slot="title">{{title}}</p> <p slot="title">{{title}}</p>
<i-form ref="formValidate" :model="tbCfStationItem" :rules="ruleValidate" :label-width="80"> <i-form ref="formValidate" :model="tbCfStationItem" :rules="ruleValidate" :label-width="80">
<Form-item label="序号" prop="sort" style="width: 800px"> <Form-item label="序号" prop="sort" style="width: 800px">
<i-input v-model="tbCfStationItem.sort" placeholder="置顶商品序号"/> <i-input v-model="tbCfStationItem.sort" placeholder="置顶商品序号"/>
</Form-item> </Form-item>
<Form-item label="商品编号" prop="itemCode" style="width: 800px"> <Form-item label="商品编号" prop="itemCode" style="width: 800px">
......
platform-admin/src/main/webapp/js/sys/tbcfstationitem.js
浏览文件 @ 171082cb
...@@ -4,9 +4,13 @@ $(function () { ...@@ -4,9 +4,13 @@ $(function () {
colModel: [ colModel: [
{label: 'itemId', name: 'itemId', index: 'item_id', key: true, hidden: true}, {label: 'itemId', name: 'itemId', index: 'item_id', key: true, hidden: true},
{label: '序号', name: 'sort', index: 'sort', width: 40}, {label: '序号', name: 'sort', index: 'sort', width: 40},
{label: '商品图片', name: 'itemImg', index: 'item_img', width: 40, formatter: imageFormat}, {
{label: '放大', name: 'itemBig', index: 'item_big', width: 40,formatter: function (value, grid, rows) { label: '商品图片', name: 'itemImg', index: 'item_img', width: 80, formatter: function (value, grid, rows) {
return '<span class="label label-info pointer" id="big" onmouseover="vm.Bigimg(\'' + rows.itemImg + '\')" onmouseout="vm.noneImg()">放大<div id="ImgBox"></div></span>&nbsp;&nbsp;' if (value.indexOf(';')) {
let firstImg = value.split(';')[0];
return '<img src="' + firstImg + '" style="width:50px;height:50px;" id="itemImg" />'
}
return '<img src="' + value + '" style="width:50px;height:50px;" id="itemImg" //>'
} }
}, },
{label: '商品编号', name: 'itemCode', index: 'item_code', width: 60}, {label: '商品编号', name: 'itemCode', index: 'item_code', width: 60},
...@@ -24,38 +28,43 @@ $(function () { ...@@ -24,38 +28,43 @@ $(function () {
{label: '商品一级分类', name: 'goodtype', index: 'goodtype', width: 80}, {label: '商品一级分类', name: 'goodtype', index: 'goodtype', width: 80},
{label: '商品二级分类', name: 'title', index: 'title', width: 80}, {label: '商品二级分类', name: 'title', index: 'title', width: 80},
{label: '商品三级分类', name: 'dname', index: 'itemDescritionId', width: 80}, {label: '商品三级分类', name: 'dname', index: 'itemDescritionId', width: 80},
{label: '状态', name: 'enableFlag', index: 'enable_flag', width: 60, formatter: itemStatusFormat}, {label: '状态', name: 'enableFlag', index: 'enable_flag', width: 80, formatter: itemStatusFormat},
{label: '创建日期', name: 'createTime', index: 'create_time', width: 80}, {label: '创建日期', name: 'createTime', index: 'create_time', width: 80},
{label: '创建人', name: 'uname', index: 'uname', width: 80}, {label: '创建人', name: 'uname', index: 'uname', width: 80},
{ {
label: '操作', index: 'operate', width: 120, formatter: function (value, grid, rows) { label: '操作', index: 'operate', width: 120, formatter: function (value, grid, rows) {
if (rows.itemTop === 1) { if (rows.itemTop === 1) {
return '<span class="label label-primary pointer" onclick="vm.itemUpward(\'' + rows.itemId + '\')" ">上移</span>&nbsp;&nbsp;' + return '<span class="label label-primary pointer" onclick="vm.itemUpward(\'' + rows.itemId + '\')" ">上移</span>&nbsp;&nbsp;' +
'<span class="label label-success pointer" onclick="vm.itemDownward(\'' + rows.itemId + '\')" ">下移</span>&nbsp;&nbsp' '<span class="label label-success pointer" onclick="vm.itemDownward(\'' + rows.itemId + '\')" ">下移</span>&nbsp;&nbsp;' +
'<input type="text" oninput="vm.itemOn(this)" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}" \n' +
' onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'0\')}else{this.value=this.value.replace(/\\D/g,\'\')}" style="width:30px">&nbsp;&nbsp;' +
'<span class="label label-info pointer" onclick="vm.itemToptwo(\'' + rows.itemId + '\',\'' + rows.sort + '\')">置换</span>&nbsp;&nbsp;'
} }
return '' return ''
} }
}, },
{ // {
label: '操作', index: 'operate', width: 120, formatter: function (value, grid, rows) { // label: '操作', index: 'operate', width: 120, formatter: function (value, grid, rows) {
if (rows.itemTop === 1) { // if (rows.itemTop === 1) {
return '<input type="text" oninput="vm.itemOn(this)" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}" \n' + // return '<input type="text" oninput="vm.itemOn(this)" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}" \n' +
' onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'0\')}else{this.value=this.value.replace(/\\D/g,\'\')}" style="width:30px">&nbsp;&nbsp;' + // ' onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'0\')}else{this.value=this.value.replace(/\\D/g,\'\')}" style="width:30px">&nbsp;&nbsp;' +
'<span class="label label-info pointer" onclick="vm.itemToptwo(\'' + rows.itemId + '\',\'' + rows.sort + '\')">置换</span>&nbsp;&nbsp;' // '<span class="label label-info pointer" onclick="vm.itemToptwo(\'' + rows.itemId + '\',\'' + rows.sort + '\')">置换</span>&nbsp;&nbsp;'
// '<span class="label label-info pointer" id="big" onmouseover="vm.Bigimg(\'' + rows.itemImg + '\')" onmouseout="vm.noneImg()">放大<div id="ImgBox"></div></span>&nbsp;&nbsp;' // // '<span class="label label-info pointer" id="big" onmouseover="vm.Bigimg(\'' + rows.itemImg + '\')" onmouseout="vm.noneImg()">放大<div id="ImgBox"></div></span>&nbsp;&nbsp;'
} // }
return '' // return ''
} // }
} // }
] ],
height: 200
}); });
}); });
let vm = new Vue({ let vm = new Vue({
el: '#rrapp', el: '#rrapp',
data: { data: {
itemsortTwo:'', itemsortTwo: '',
templateList: [], templateList: [],
modal: false, modal: false,
showList: true, showList: true,
...@@ -132,7 +141,7 @@ let vm = new Vue({ ...@@ -132,7 +141,7 @@ let vm = new Vue({
handleProductAttr_Batch: [], handleProductAttr_Batch: [],
}, },
methods: { methods: {
itemOn(e,sort){ itemOn(e, sort) {
this.itemsortTwo = e.value this.itemsortTwo = e.value
// if(e.value==sort){ // if(e.value==sort){
// alert("不能相同序号") // alert("不能相同序号")
...@@ -146,26 +155,20 @@ let vm = new Vue({ ...@@ -146,26 +155,20 @@ let vm = new Vue({
// } // }
}, },
//放大镜 //放大镜
Bigimg(img){ bigImg(img) {
// alert(img) console.log('img', img)
var i = img.indexOf(";"); $("#itemImg").attr("src").css({"width": "500px"});
if(i>0){
var itemImg = img.slice(0,i)
}else {
var itemImg = img
}
$("#ImgBox").html(`<img src="${itemImg}" alt="">`).css('display','block')
}, },
noneImg(){ noneImg() {
$("#ImgBox").css('display','none') $("#itemImg").css('display', 'none')
}, },
//商品位置置换 //商品位置置换
itemToptwo(id,sort) { itemToptwo(id, sort) {
// console.log(this.itemsortTwo) // console.log(this.itemsortTwo)
// let itemsortTwo = $("input#itemsortTwo").val(); // let itemsortTwo = $("input#itemsortTwo").val();
if(sort == this.itemsortTwo){ if (sort == this.itemsortTwo) {
alert("不能相同序号") alert("不能相同序号")
}else { } else {
Ajax.request({ Ajax.request({
url: `../tbcfstationitem/exchangeItemSort?itemId=${id}&sort=${this.itemsortTwo}`, url: `../tbcfstationitem/exchangeItemSort?itemId=${id}&sort=${this.itemsortTwo}`,
type: "GET", type: "GET",
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论