| | |
| | | <!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> |