#
Junjie
2024-01-11 901b2ab3e0e7c592602848cfa256f34c5b0c7bb8
zy-asrs-openapi/src/main/webapp/views/index.html
@@ -4,108 +4,54 @@
    <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>
    <style>
        #content {
            width: 80%;
            margin-left: 10%;
        }
        #content table {
            background: #fff;
            border: solid 1px #ddd;
            margin-bottom: 1.25rem;
            table-layout: auto
        }
        #content table caption {
            background: transparent;
            color: #222;
            font-size: 1rem;
            font-weight: bold
        }
        #content table thead {
            background: #F5F5F5
        }
        #content table thead tr th,#content table thead tr td {
            color: #222;
            font-size: 0.875rem;
            font-weight: bold;
            padding: 0.5rem 0.625rem 0.625rem
        }
        #content table tfoot {
            background: #F5F5F5
        }
        #content table tfoot tr th,#content table tfoot tr td {
            color: #222;
            font-size: 0.875rem;
            font-weight: bold;
            padding: 0.5rem 0.625rem 0.625rem
        }
        #content table tr th,#content table tr td {
            color: #222;
            font-size: 0.875rem;
            padding: 0.5625rem 0.625rem;
            text-align: left
        }
        #content table tr.even,#content table tr.alt,#content table tr:nth-of-type(even) {
            background: #F9F9F9
        }
        #content table thead tr th,#content table tfoot tr th,#content table tfoot tr td,#content table tbody tr th,#content table tbody tr td,#content table tr td {
            display: table-cell;
            line-height: 1.125rem
        }
        #content pre {
            white-space: pre-wrap;       /* css-3 */
            white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
            white-space: -o-pre-wrap;    /* Opera 7 */
            word-wrap: break-word;       /* Internet Explorer 5.5+ */
            background-color: #f8f8f8;
            border: 1px solid #dfdfdf;
            margin-top: 1.5em;
            margin-bottom: 1.5em;
            padding: 0.125rem 0.3125rem 0.0625rem;
        }
        #content pre code {
            background-color: transparent;
            border: 0;
            padding: 0;
        }
        .el-dropdown-link {
            cursor: pointer;
            color: #409EFF;
        }
        .el-icon-arrow-down {
            font-size: 12px;
        }
    </style>
</head>
<body>
    <div id="app">
        <div id="content"></div>
        <div style="position: fixed;top: 20px;right: 20px;width: 100px;">
            <el-menu default-active="1">
                <el-menu-item index="1">
                    <span slot="title" @click="introduceClick()">规范说明</span>
                </el-menu-item>
                <el-menu-item index="2">
                    <span slot="title" @click="keyList()">密钥管理</span>
                </el-menu-item>
            </el-menu>
        <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>
                    <img src="../static/images/createMat.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>
            <div><el-button type="text" @click="switchPage('default.html')">规范说明</el-button></div>
            <el-divider></el-divider>
            <div><el-button type="text" @click="switchPage('reportCompleted.html')">订单完成上报</el-button></div>
            <div><el-button type="text" @click="switchPage('reportCancel.html')">订单取消上报</el-button></div>
            <div><el-button type="text" @click="switchPage('reportStock.html')">库存上报</el-button></div>
            <div><el-button type="text" @click="switchPage('reportApiManage.html')">上报API管理</el-button></div>
            <el-divider></el-divider>
            <div><el-button type="text" @click="switchPage('getOrderType.html')">获取订单类型</el-button></div>
            <div><el-button type="text" @click="switchPage('getOrderStatus.html')">获取订单状态列表</el-button></div>
            <div><el-button type="text" @click="switchPage('getOrderList.html')">获取订单列表</el-button></div>
            <div><el-button type="text" @click="switchPage('generateOrderPakIn.html')">生成入库订单</el-button></div>
            <div><el-button type="text" @click="switchPage('generateOrderPakOut.html')">生成出库订单</el-button></div>
            <div><el-button type="text" @click="switchPage('createMat.html')">添加物料信息</el-button></div>
            <el-divider></el-divider>
            <div><el-button type="text" @click="keyList()">密钥管理</el-button></div>
        </div>
        <el-dialog title="密钥管理" :visible.sync="keyTableVisible">
@@ -139,7 +85,8 @@
            data: {
                keyTableVisible: false,
                keyTableData: [],
                loading: true
                loading: true,
                activeIndex: '1'
            },
            created() {
                this.init()
@@ -149,16 +96,16 @@
                    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))
                        }
                    });
                    // $.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))
                    //     }
                    // });
                },
                keyList() {
                    let that = this
@@ -288,6 +235,9 @@
                            }
                        }
                    });
                },
                switchPage(url) {
                    location.href = url
                }
            }
        })