优化

懒羊羊

2023-11-14 ee4d94defe7cc7f36f87aebf2e9efed38ba93a40

优化

 guns-vip-main/src/main/webapp/assets/modular/kb/formula/formulaView.js

@@ -28,6 +28,36 @@
            {field: 'operationType', sort: true, title: '类型'},
        ]];
    };
    $('#imgs').click(function (){
        console.log("11111111111111");
        var img = new Image();
        img.src = "http://localhost:8081/img/9f2f070828381f30fdf1be0da9014c086f06f0ad.jpg";
        // var height = img.height; //获取图片高度
        // var width = img.width; //获取图片宽度
        var height = 500; //获取图片高度
        var width = 800; //获取图片宽度
        if (height > 1000 || width > 800) {
            height = height / 1.5;
            width = width / 1.5;
        }
        var imgHtml = "<img src='http://localhost:8081/img/9f2f070828381f30fdf1be0da9014c086f06f0ad.jpg' style='width: " + width + "px;height:" + height + "px'/>";
        layer.open({
            type: 1,
            offset: 'auto',
            area: [width + 'px', height + 'px'],
            shadeClose: true,//点击外围关闭弹窗
            scrollbar: true,//不现实滚动条
            title: false, //不显示标题
            content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
            cancel: function () {

            }
        });
        console.log(height);
        console.log(width);

    });



    initLineInfo();

 guns-vip-main/src/main/webapp/pages/modular/kb/formula/formulaView.html

@@ -115,14 +115,15 @@
                    <i class="layui-icon layui-icon-rate-solid"></i>图片
                </div>
                <div class="layui-card-body">
                    <img id="imgs" width="320px" height="270px">
<!--                    <img id="imgs" width="320px" height="270px">-->
                    <img id="imgs" class="img-thumbnail">
                    <button type="button" class="layui-btn layui-btn-primary" id="clear">入站</button>
                </div>
            </div>

        </div>
</div>
<!--    <img id="imgs" width="400px" height="380px">-->

    <style>
    .orderInfo {
        margin-bottom: 5px;  /* 设置换行后的下边距 */
@@ -131,5 +132,10 @@
        display: flex; /* 使用 Flex 布局 */
        align-items: center; /* 将子元素垂直居中对齐 */
    }
    .img-thumbnail {
        width: 320px;
        height: auto;
        transition: all 0.3s ease;
    }
</style>
@}