优化细粒度价格操作功能

platform-admin/src/main/webapp/WEB-INF/page/sys/tbcfstationitem.html

@@ -4,6 +4,22 @@
     <title>站点商品</title>
     #parse("sys/header.html")
     <style>
+        #big:hover #ImgBox{
+            display: block;
+        }
+        #ImgBox{
+            display: none;
+            position: fixed;
+            width: 400px;
+            height: 400px;
+            top: 0;left: 0;
+            bottom: 0;right: 0;
+            margin: auto;
+            /*background: red;*/
+        }
+        #ImgBox img{
+            width: 100%;
+        }
         ul > li {
             list-style: none;
         }

platform-admin/src/main/webapp/js/sys/tbcfstationitem.js

@@ -38,9 +38,10 @@ $(function () {
                     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"  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  ''
+                    return  '<span class="label label-info pointer" id="big" onmouseover="vm.Bigimg(\'' + rows.itemImg + '\' onmouseout="vm.noneImg()")">放大</span>&nbsp;&nbsp;'
                 }
             }
         ]
@@ -140,6 +141,20 @@ let vm = new Vue({
             //     return false;
             // }
         },
+        //放大镜
+        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')
+        },
+        noneImg(){
+            $("#ImgBox").css('display','none')
+        },
         //商品位置置换
         itemToptwo(id,sort) {
             // console.log(this.itemsortTwo)