<!DOCTYPE html>

<html>

<head>
    <title>页面预览</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/design.css">
    <link rel="stylesheet" href="./css/font-awesome/css/font-awesome.css" media="all" />
    <style>
        html {
            background-color: #f2f2f2;
            color: #666;
        }

        html,
        body {
            height: 100%;
            overflow: hidden;
        }
    </style>
</head>

<body style="min-height: 660px">
    <div class="yhdesigner" id="yhdesignerid"></div>
    <input id="model" type="hidden" value=''>
    <script type="text/javascript" src="./libs/jquery.js"></script>
    <!-- <script type="text/javascript" src="./libs/echarts/dist/echarts.min.js"></script> -->
    <script type="text/javascript" src="./libs/layui/layui.js"></script>
    <script type="text/javascript" src="./libs/ztree/js/jquery.ztree.all.min.js"></script>
    <script type="text/javascript" src="./libs/ztree/js/jquery.ztree.exhide.min.js"></script>
    <script type="text/javascript" src="./libs/lodash.min.js"></script>

    <!-- <script type="text/javascript" src="./libs/mintui/vue.js"></script> -->
    <!-- <script type="text/javascript" src="/libs//mintui/index.js"></script> -->

    <script>
        window['yh_config'] = {
            rootDir: '',
            supperFormula: false,
            supperSqlDataSource: false,
            supperRight: false,
            DesignerPageBase: {
                previewUrl: '/preview.html',
                saveUrl: '/save.html',
                processModelUrl: null
            },
            CodeEditor: {
                typesFile: function () { return './types.txt' }
            }
        }
        $(function () {
            var dependencies = [
                'layedit'
                , 'table'
                , 'colorpicker'
            ]

            layui.define(dependencies, function (exports) {
                $.getJSON("./page.json", function (data) {
                    window.yhdesigner.render('yhdesignerid', data);
                })
            });
        })
    </script>
<script src="designer.js"></script></body>

</html>