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 @@
<title>站点商品</title>
#parse("sys/header.html")
<style>
#ImgBox{
#ImgBox {
display: none;
position: fixed;
width: 400px;
......@@ -13,9 +13,11 @@
left: 300px;
/*background: red;*/
}
#ImgBox img{
#ImgBox img {
width: 100%;
}
ul > li {
list-style: none;
}
......@@ -108,6 +110,16 @@
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 {
margin-left: 5px;
display: flex;
......@@ -528,13 +540,13 @@
<i-option value="2">已下架</i-option>
</i-select>
</span>
<!-- <span>-->
<!-- 商品序号互换：-->
<!-- <i-input v-model="q.code" @on-enter="query" placeholder="商品编号" style="width:80px">-->
<!-- </i-input>-->
<!-- <i-input v-model="q.code" @on-enter="query" placeholder="商品编号" style="width:80px">-->
<!-- </i-input>-->
<!-- </span>-->
<!-- <span>-->
<!-- 商品序号互换：-->
<!-- <i-input v-model="q.code" @on-enter="query" placeholder="商品编号" style="width:80px">-->
<!-- </i-input>-->
<!-- <i-input v-model="q.code" @on-enter="query" placeholder="商品编号" style="width:80px">-->
<!-- </i-input>-->
<!-- </span>-->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
......@@ -587,7 +599,8 @@
#if($shiro.hasPermission("tbcfstationitem:delete"))
<i-button type="error" @click="changeItemStatus(0)"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
#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>
......
platform-admin/src/main/webapp/js/sys/tbcfstationitem.js
浏览文件 @ 171082cb
......@@ -4,9 +4,13 @@ $(function () {
colModel: [
{label: 'itemId', name: 'itemId', index: 'item_id', key: true, hidden: true},
{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) {
return '<span class="label label-info pointer" id="big" onmouseover="vm.Bigimg(\'' + rows.itemImg + '\')" onmouseout="vm.noneImg()">放大<div id="ImgBox"></div></span>&nbsp;&nbsp;'
{
label: '商品图片', name: 'itemImg', index: 'item_img', width: 80, formatter: function (value, grid, rows) {
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},
......@@ -24,38 +28,43 @@ $(function () {
{label: '商品一级分类', name: 'goodtype', index: 'goodtype', width: 80},
{label: '商品二级分类', name: 'title', index: 'title', 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: 'uname', index: 'uname', width: 80},
{
label: '操作', index: 'operate', width: 120, formatter: function (value, grid, rows) {
if (rows.itemTop === 1) {
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'
}
return ''
}
},
{
label: '操作', index: 'operate', width: 120, formatter: function (value, grid, rows) {
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' +
'<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;'
// '<span class="label label-info pointer" id="big" onmouseover="vm.Bigimg(\'' + rows.itemImg + '\')" onmouseout="vm.noneImg()">放大<div id="ImgBox"></div></span>&nbsp;&nbsp;'
}
return ''
}
}
]
},
// {
// label: '操作', index: 'operate', width: 120, formatter: function (value, grid, rows) {
// 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' +
// ' 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" id="big" onmouseover="vm.Bigimg(\'' + rows.itemImg + '\')" onmouseout="vm.noneImg()">放大<div id="ImgBox"></div></span>&nbsp;&nbsp;'
// }
// return ''
// }
// }
],
height: 200
});
});
let vm = new Vue({
el: '#rrapp',
data: {
itemsortTwo:'',
itemsortTwo: '',
templateList: [],
modal: false,
showList: true,
......@@ -132,7 +141,7 @@ let vm = new Vue({
handleProductAttr_Batch: [],
},
methods: {
itemOn(e,sort){
itemOn(e, sort) {
this.itemsortTwo = e.value
// if(e.value==sort){
// alert("不能相同序号")
......@@ -146,26 +155,20 @@ let vm = new Vue({
// }
},
//放大镜
Bigimg(img){
// alert(img)
var i = img.indexOf(";");
if(i>0){
var itemImg = img.slice(0,i)
}else {
var itemImg = img
}
$("#ImgBox").html(`<img src="${itemImg}" alt="">`).css('display','block')
bigImg(img) {
console.log('img', img)
$("#itemImg").attr("src").css({"width": "500px"});
},
noneImg(){
$("#ImgBox").css('display','none')
noneImg() {
$("#itemImg").css('display', 'none')
},
//商品位置置换
itemToptwo(id,sort) {
itemToptwo(id, sort) {
// console.log(this.itemsortTwo)
// let itemsortTwo = $("input#itemsortTwo").val();
if(sort == this.itemsortTwo){
if (sort == this.itemsortTwo) {
alert("不能相同序号")
}else {
} else {
Ajax.request({
url: `../tbcfstationitem/exchangeItemSort?itemId=${id}&sort=${this.itemsortTwo}`,
type: "GET",
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论