#
Junjie
2024-06-13 f720994745274e8596689200110b734859de78ea
#
1个文件已修改
159 ■■■■ 已修改文件
zy-asrs-wcs/src/main/webapp/views/index.html 159 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
zy-asrs-wcs/src/main/webapp/views/index.html
@@ -1,97 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>自动仓库WCS系统</title>
    <link rel="stylesheet" href="../static/css/index.css">
    <link rel="stylesheet" href="../static/css/layx.min.css" type="text/css" />
    <script src="../static/js/jquery/jquery-3.3.1.min.js"></script>
    <script src="../static/js/tools/layx.min.js"></script>
    <style>
        .layx-window.layx-skin-news .layx-control-bar {
            background-color: #333333;
        }
    </style>
    <meta charset="UTF-8">
    <title>API开放平台</title>
    <link rel="stylesheet" href="../static/css/element.css">
    <link rel="stylesheet" href="../static/css/common.css">
    <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../static/js/vue.min.js"></script>
    <script type="text/javascript" src="../static/js/showdown.min.js"></script>
    <script type="text/javascript" src="../static/js/common.js"></script>
    <script type="text/javascript" src="../static/js/element.js"></script>
</head>
<body>
<!-- 导航栏 -->
<div class="sidebar">
    <div class="nav">
        <ul class="cl-effect-4">
            <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">主控图</a></li>
            <li><a id="pipeline" onclick="nav(this.id)" class="nav-unselect" href="#">输送设备</a></li>
            <li><a id="lift" onclick="nav(this.id)" class="nav-unselect" href="#">提升机</a></li>
<!--            <li><a id="ste" onclick="nav(this.id)" class="nav-unselect" href="#">穿梭车</a></li>-->
            <li><a id="shuttle" onclick="nav(this.id)" class="nav-unselect" href="#">四向穿梭车</a></li>
        </ul>
    <div id="app">
        <div id="content">
            <div class="content-header">
                <div><img src="../static/images/zy-logo.png" class="header-logo"></div>
                <h1>API开放平台v1.0</h1>
            </div>
            <div class="content-body">
<!--                <div>-->
<!--                    <div>-->
<!--                        <img src="../static/images/generateOrderPakIn.png" style="width: 640px;height: 740px;">-->
<!--                    </div>-->
<!--                    <div class="content-desc">生成入库订单</div>-->
<!--                </div>-->
<!--                <div>-->
<!--                    <img src="../static/images/generateOrderPakOut.png" style="width: 640px;height: 740px;">-->
<!--                    <div class="content-desc">生成出库订单</div>-->
<!--                </div>-->
            </div>
        </div>
        <div class="slider">
            <div><el-button type="text" @click="switchPage('index.html')">简介</el-button></div>
            <el-divider></el-divider>
            <div><el-button type="text" @click="switchPage('createInTask.html')">生成入库任务</el-button></div>
            <div><el-button type="text" @click="switchPage('createOutTask.html')">生成出库任务</el-button></div>
            <div><el-button type="text" @click="switchPage('createManualTakeTask.html')">生成手动取放货任务</el-button></div>
            <div><el-button type="text" @click="switchPage('createMoveTask.html')">生成小车移动任务</el-button></div>
        </div>
    </div>
</div>
<!-- 主体内容 -->
<iframe id="content" src="console.html"></iframe>
<!-- 尾部 -->
<footer class="footer">
    Copyright © 2015~2023 All Rights Reserved. 浙江中扬立库技术有限公司  保留所有权利
</footer>
</body>
<script>
    // 导航栏
    function nav(id) {
        $('.nav-select').attr("class", "nav-unselect");
        $('#'+id).attr("class", "nav-select");
        $('#content').attr("src", id+".html");
    }
    // 系统运行状态
    var systemRunning = true;
    <script>
        showdown.setOption('tables', true);
        var converter = new showdown.Converter()
    // news by http://chuange.gitee.io/vue-layx/
    news();layx.min('wcs-news');
    function news() {
        layx.iframe(
              'wcs-news' // id
            , '系统分析报告'
            , "news.html"
            , {
                  shadow:false
                , storeStatus:false
                // , skin: 'news'
                , width:800
                , height:600
                , position:'rb'
                // , control:false
                , opacity:0.9
                , border:false
                , icon:'<img src="../static/images/favicon.ico" style="height:22px;display:block;"  alt=""/>'
                , stickMenu:true
                , maxMenu:false
                , closeMenu:false
                , moveLimit:{
                    leftOut: false,
                    rightOut: false,
                    topOut: false,
                    bottomOut: false,
                }
                , minWidth:300
                , minHeight:300
                , borderRadius: '8px'
                , shadeDestroy:true
                , escKey: false
                , event:{
                    onmin: {
                        after: function () {
                            $('.layx-min-statu').css("left", "inherit").css("right", "10px")
                        }
                    }
                    , onrestore:{
                        after: function () {
                            let win = layx.getFrameContext('wcs-news');
                            win.autoScroll = true
                        }
                    }
        var app = new Vue({
            el: '#app',
            data: {
                keyTableVisible: false,
                keyTableData: [],
                loading: true,
                activeIndex: '1'
            },
            created() {
                this.init()
            },
            methods: {
                init() {
                    this.introduceClick()
                },
                introduceClick() {
                    // $.ajax({
                    //     url: "md/introduce.md",
                    //     headers: {'token': localStorage.getItem('token')},
                    //     method: 'GET',
                    //     success: function (res) {
                    //         // $("#content").html(marked.parse(res))
                    //         // console.log(converter.makeHtml(res))
                    //         $("#content").html(converter.makeHtml(res))
                    //     }
                    // });
                },
                switchPage(url) {
                    location.href = url
                }
            }
        );
    }
</script>
</html>
        })
    </script>
</body>
</html>