{include file="public/header" /}
<link href="__PUBLIC__/css/jquery.json-viewer.css__VERSION__" type="text/css" rel="stylesheet" />
<script src="__PUBLIC__/js/jquery.json-viewer.js__VERSION__"></script>

<script src="__PUBLIC__/js/echarts-4.2.1.min.js__VERSION__"></script>
<script src="__PUBLIC__/js/echarts-option.js__VERSION__"></script>
<script src="__PUBLIC__/js/echarts-box.js__VERSION__"></script>

<script type="text/javascript" src="__PUBLIC__/ace/src-noconflict/ace.js__VERSION__"></script>
<script type="text/javascript" src="__PUBLIC__/ace/src-noconflict/ext-settings_menu.js__VERSION__"></script>
<script type="text/javascript" src="__PUBLIC__/ace/src-noconflict/ext-language_tools.js__VERSION__"></script>
<script src="__PUBLIC__/js/ace_run.js__VERSION__"></script>
<script src="__PUBLIC__/js/api/test.js__VERSION__"></script>

<style>
#api-tab-div .selected,#api-tab-div li:hover,#add-duty .selected,#add-duty li:hover{color:#59a85c;background:#474b4e}
.item-from .ma-api-info label{width:85px}
.ma-dialog-content li{height:32px;line-height:32px}
#header-add-div .ma-dialog-content li{height:28px;line-height:28px}
.btn{border:0}
.btn-primary:focus,.btn-primary:active{outline:none;background:none;border:0}
.ma-api-info .btn-primary{background:none;color:#007bff}
.ma-api-info .btn-primary:hover{background:none;color:#007bff}
.btn-error{background:none;color:#ff0057}
.btn-bottom{background:none;color:#59a85c}
.ma-tree-wrapper .ma-tree-toolbar .ma-icon-run, .magic-contextmenu-item .magic-contextmenu-item-icon .ma-icon-run{color: #59a869;}
.form-control{color:#ccc;background-color:#3c3f41;border:1px solid #393c3e}
.form-control:disabled,.form-control[readonly]{background-color:#4b5052;border:1px solid #3f4244;color:#fff}
.row{margin:4px 0 0 0}
.ma-api-info{padding: 5px 5px 8px 0;}
.form-control::-webkit-input-placeholder{color:#fff}
.form-control:-moz-placeholder{color:#fff}
.form-control::-moz-placeholder{color:#fff}
.form-control:-ms-input-placeholder{color:#fff}
.form-control::-ms-input-placeholder{color:#fff}
.form-control:focus{background:none;border:1px solid #4e5a69;color:#fff}
.ma-api-info .form-control {
    border: 1px solid #646464;
    background: #45494a;
    color: #bbb;
}
.ma-api-info .form-control:focus {border: 1px solid #5a7d96; color:#fff}

#api-list .ma-tree-sub-items>* , #usecase-list .ma-tree-sub-items>* {
    height: 25px;
    line-height: 23px;
    text-indent: 0;
}
#api-list svg{margin-top: -5px;}
#api-list .ma-tree-hover{padding: 0;}
#api-list span{font-family: JetBrainsMono,Consolas,Courier New,monospace,微软雅黑;}
#fun-list span {
    height: 34px;
    line-height: 34px;
}
.test-content{width: calc(100% - 622px);  min-width: 498px;}
.var-content{width: calc(100%);  min-width: 100%;}
.word_left{float: left;width: 340px;color:var(--HoverColorFF)}/*2022-2-10*/
.word_right{float: left;}
.word_right{width: calc(100% - 340px);height: 100%;}
.layui-select-disabled .layui-disabled, .layui-checkbox-disbaled, .layui-checkbox-disbaled i{
    border-color: #3c3f41!important;
}
#usecase-ut-div .ma-dialog-content li{
    height: 28px;
    line-height: 28px;
}
#usecase-ut-div .item-from .ma-api-info label{width: 120px;margin-right: 20px;color: var(--HoverColorFF);}/*2022-2-10*/
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{border-color: #595d61;text-align: center;}
.layui-table tbody tr{background: #fff;cursor: pointer;}
.layui-table tbody tr td{border-color:#b7b7b7;font-size: 13px;color: #333;}
.layui-table tbody tr:nth-child(even){
    background: #e6e6e6;color:var(--HoverColorFF)/*2022-2-10*/
}
.layui-table .no, .layui-table .page{background: #fff;color: var(--HoverColorFF);}/*2022-2-10*/
.layui-table .min{color: #00a770;}
.layui-table .max{color: red;}
.layui-table .avg{color: #3e8df5;}
.layui-table .num{color: #ed8936;font-weight: 600;font-size: 14px;}
.layui-table .sue{color: #a388f1;font-weight: 600;font-size: 14px;}
.layui-table .er{color: #de6783;font-weight: 600;font-size: 14px;}
.layui-table .lve{color: #583d44;font-weight: 600;font-size: 14px;}
option:disabled {
    background: #fff;
}
.layui-table tbody tr td{padding: 5px 10px;}
#at_list .ma-icon-run{color:#00a770}
#at_list .ma-icon-update, #at_log_list .ma-icon-push{color:#3e8df5}
#at_list .ma-icon-delete{color:#583d44}
#at_list .ma-icon-history{color:#de6783}
#at_list .ma-icon-log{color:#ed8936}
#at_list .ma-icon-parameter{color:#583d44}

</style>


<header class="f w100 bg bc">
    {include file="public/logo" /}
    
    <div class="cl main-title">
        用例
    </div>

    <span title="保存（Ctrl+S）"><i class="ma-icon ma-icon-save"></i></span>
    {include file="public/button" /}
</header>

<ul class="ma-toolbar-container not-select">
    {if (in_array('/test/usecase/showlist', $auth_menu))}<li data-id="api2" class="selected">用例<i class="ma-icon ma-icon-list"></i></li>{/if}
    {if (in_array('/test/vars/showlist', $auth_menu))}<li data-id="var">变量<i class="ma-icon ma-icon-list"></i></li>{/if}
    {if (in_array('/test/fun/showlist', $auth_menu))}<li data-id="fun">函数<i class="ma-icon ma-icon-list"></i></li>{/if}
    {if (in_array('/test/usecase/ab_list', $auth_menu))}<li data-id="ce">压力测试<i class="ma-icon ma-icon-list"></i></li>{/if}
    {if (in_array('/test/usecase/ut_list', $auth_menu))}<li data-id="ut">单元测试<i class="ma-icon ma-icon-list"></i></li>{/if}
    {if (in_array('/test/usecase/at_list', $auth_menu))}<li data-id="at">集成测试<i class="ma-icon ma-icon-list"></i></li>{/if}
</ul>

<div class="ma-main-container">
    <div class="ma-middle-container">

        <div class="main-body api2-main">
            <div  class="ma-tree-wrapper not-select">
                <div class="ma-tree-toolbar" style="font-size: 12px;">
                    <div title="选择项目" class="ma-tree-toolbar-btn" style="float: left;position: relative;">
                        选择项目：<span style="color: #59a869;" data-id="{$item_test}" id="api-tab-item">演示项目</span>
                    </div>
                </div>
                <div class="ma-tree-toolbar">
                    <div class="ma-tree-toolbar-search">
                        <i class="ma-icon ma-icon-search"></i>
                        <input id="api-sou" placeholder="输入关键字搜索">
                    </div>
                    <div>
                        <div title="刷新接口" class="ma-tree-toolbar-btn">
                            <i data-type="1" class="ma-icon ma-icon-refresh"></i>
                        </div>
                        <div title="折叠" class="ma-tree-toolbar-btn folding1">
                            <i class="ma-icon ma-icon-folding"></i>
                        </div>
                    </div>
                </div>
                <div class="ma-tree-container" style="height: calc(100% - 57px);">
                    <div id="api-list" class="ma-tree-item"></div>
                    <div class="no-data" style="display: none;">
                        无数据
                    </div>
                </div>
            </div>
        </div>
        <div class="main-body api2-main">
            <div  class="ma-tree-wrapper not-select">
                <div class="ma-tree-toolbar">
                    <div class="ma-tree-toolbar-btn" style="text-align:center;">
                        <span>用例列表</span>
                    </div>
                </div>
                <div class="ma-tree-toolbar">
                    <div class="ma-tree-toolbar-search">
                        <i class="ma-icon ma-icon-search"></i>
                        <input id="usecase-sou" placeholder="输入关键字搜索">
                    </div>
                    <div>
                        <div title="全部运行（单元测试）" class="ma-tree-toolbar-btn" id="ut-btn">
                            <i class="ma-icon ma-icon-run"></i>
                        </div>
                        <div title="新建用例分组" class="ma-tree-toolbar-btn" id="ut-group-btn">
                            <i class="ma-icon ma-icon-group-add"></i>
                        </div>
                        <!-- <div title="新建用例" class="ma-tree-toolbar-btn">
                            <i class="ma-icon ma-icon-plus"></i>
                        </div> -->
                        <div title="刷新接口" class="ma-tree-toolbar-btn">
                            <i data-type="2" class="ma-icon ma-icon-refresh"></i>
                        </div>
                        <div title="折叠" class="ma-tree-toolbar-btn folding2">
                            <i class="ma-icon ma-icon-folding"></i>
                        </div>
                    </div>
                </div>
                <div class="ma-tree-container" style="height: calc(100% - 57px);">
                    <div id="usecase-list" class="ma-tree-item"></div>
                    <div class="no-data">
                        无数据
                    </div>
                </div>
            </div>
        </div>
        <div class="main-body ma-bottom-container test-content api2-main" style="min-width: 912px;">
            
            <div class="main-body api2-main">
                <ul class="ma-bottom-tab not-select">
                    <li class="selected" data-id="api-if">
                        <i class="ma-icon ma-icon-parameter"></i>
                        结果判断
                    </li>
                    <li data-id="api-body">
                        <i class="ma-icon ma-icon-settings"></i>
                        请求body
                    </li>
                    <li data-id="api-header">
                        <i class="ma-icon ma-icon-settings"></i>
                        请求header
                    </li>

                    
                    <li class="float-right event-log">
                        <i class="ma-icon ma-icon-event"></i>
                        事件
                    </li>
                    <li class="float-right help-btn">
                        <i class="ma-icon ma-icon-help"></i>
                        关于用例参数值
                    </li>
                    <li class="float-right header-add-btn">
                        <i class="ma-icon ma-icon-plus"></i>
                        设置默认请求头
                    </li>
                </ul>
                <form id="api-ajax">
                <div class="menu-list api-if">
                    <div class="ma-api-info">
                        <label style="width: 90px;">
                            运行环境
                        </label>
                        <div style="flex: 1 1 0%;">
                            <select name="domain_id" class="input domain_id">
                            </select>
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label style="width: 90px;">
                            用例名称
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input name="title" class="input" type="text" >
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label style="width: 90px;">
                            备注说明
                        </label>
                        <div style="flex: 1 1 0%;">
                            <textarea name="des" class="input" style="height: 100px;"></textarea>
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label style="width: 90px;">
                            HTTP响应码
                        </label>
                        <div style="flex: 1 1 0%;">
                            <select id="http_code" name="http_code" class="input">
                                {foreach $code_list as $k=>$v}
                                <option value="{$v}">{$v}</option>
                                {/foreach}
                            </select>
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label style="width: 90px;">
                            接口Code条件
                        </label>
                        <div style="flex: 1 1 0%;">
                            <div class="row">
                                <div class="col2" style="padding: 0;"><input class="form-control" placeholder="Code" disabled=""></div>
                                <div class="col2" style="padding: 0;"><input class="form-control" placeholder="Msg" disabled=""></div>
                                <div class="col2" style="padding: 0;width:66px"><input class="form-control" placeholder="报告" disabled=""></div>
                                <div class="col2" style="padding: 0;width:90px"><input class="form-control" placeholder="自动化控制" disabled=""></div>
                            </div>
                            <div class="row" id="code_list"></div>
                        </div>
                    </div>
                </div>
                <div class="menu-list api-body" style="display:none">
                    <div class="layui-form">
                        <div class="ma-api-info">
                            <div style="flex: 1 1 0%;margin-top: 15px;">
                                <div class="row">
                                    <div class="col2" style="padding: 0;padding-left: 15px;width: calc(100% - 715px);"><input class="form-control" placeholder="参数名" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 130px;"><input class="form-control" placeholder="用例测试值" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 130px;"><input class="form-control" placeholder="集成测试值" disabled=""></div>
                                    <div class="col2" style="padding: 0;"><input class="form-control" placeholder="说明" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 80px;"><input class="form-control" placeholder="默认值" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 80px;"><input class="form-control" placeholder="数据类型" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 45px;"><input class="form-control" placeholder="长度" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 45px;"><input class="form-control" placeholder="必填" disabled=""></div>
                                </div>
                                <div class="row" id="param_list"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--header-->
                
                <div class="menu-list api-header" style="display:none">
                    <div class="layui-form">
                        <div class="ma-api-info">
                            <div style="flex: 1 1 0%;margin-top: 15px;">
                                <div class="row">
                                    <div class="col2" style="padding: 0;padding-left: 15px;width: 200px;"><input class="form-control" placeholder="参数名" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 170px;"><input class="form-control" placeholder="用例测试值" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 170px;"><input class="form-control" placeholder="集成测试值" disabled=""></div>
                                    <div class="col2" style="padding: 0;"><input class="form-control" placeholder="说明" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 80px;"><input class="form-control" placeholder="数据类型" disabled=""></div>
                                    <div class="col2" style="padding: 0;width: 45px;"><input class="form-control" placeholder="必填" disabled=""></div>
                                </div>
                                <div class="row" id="request_list"></div>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
            <!---->
        </div>

        <div class="main-body fun-main" style="display: none;">
            <div  class="ma-tree-wrapper not-select" style="width: auto;">
                <div class="ma-tree-toolbar">
                    <div class="ma-tree-toolbar-search">
                        <i class="ma-icon ma-icon-search"></i>
                        <input id="fun-sou" placeholder="输入关键字搜索">
                    </div>
                    <div>
                        <div title="新建函数" class="ma-tree-toolbar-btn">
                            <i class="ma-icon ma-icon-plus"></i>
                        </div>
                        <div title="刷新接口" class="ma-tree-toolbar-btn">
                            <i class="ma-icon ma-icon-refresh"></i>
                        </div>
                    </div>
                </div>
                <div class="ma-tree-container">
                    <div id="fun-list" class="ma-tree-item"></div>
                    <div class="no-data" style="display: none;">
                        无数据
                    </div>
                </div>
            </div>
        </div>

        <div class="main-body ma-bottom-container var-content var-main" style="display: none;">
            
            <div class="main-body var-main">
                <ul class="ma-bottom-tab not-select">
                    <li class="selected">
                        <i class="ma-icon ma-icon-options"></i>
                        变量列表
                    </li>
                    <li class="float-right event-log">
                        <i class="ma-icon ma-icon-event"></i>
                        事件
                    </li>
                </ul>
                <div class="var-list">
                    <div class="layui-form">
                        <div class="ma-api-info">
                            <div style="flex: 1 1 0%;margin: 5px;">
                                <div class="row">
                                    <div style="margin: 0 auto;">
                                        <div class="row">
                                            <div class="col2" style="padding: 0;width: 200px;margin-left: 6px;"><input class="form-control" placeholder="变量名" disabled=""></div>
                                            <div class="col2" style="padding: 0;width: 200px;"><input class="form-control" placeholder="参数值" disabled=""></div>
                                            <div class="col2" style="padding: 0;width: 400px;"><input class="form-control" placeholder="备注" disabled=""></div>
                                            <div class="col2" style="padding: 0;"><div title="添加节点" style="padding: 1.5px 7px;" class="btn-sm btn-primary" onclick="var_adds(null)">
                                                <i class="ma-icon ma-icon-plus"></i>
                                            </div></div>
                                        </div>
                                    </div>
                                </div>
                                <form id="var-ajax" style="width: 100%;">
                                    <div class="row" id="var_list"></div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!---->
        </div>

        <div class="main-body ma-bottom-container fun-main" style="display: none;">
            
            <div class="main-body fun-main" style="height: 100%;">
                <ul class="ma-bottom-tab not-select">
                    <li class="selected">
                        <i class="ma-icon ma-icon-options"></i>
                        函数信息
                    </li>
                    <li class="float-right event-log">
                        <i class="ma-icon ma-icon-event"></i>
                        事件
                    </li>
                </ul>
                <div class="fun-list" style="height: calc(100% - 28px);">
                    <div class="word_left">
                        <div class="ma-api-info">
                            <label>
                                描述
                            </label>
                            <div style="flex: 1 1 0%;">
                                <input class="input title" name="title" type="text">
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label>
                                函数名
                            </label>
                            <div style="flex: 1 1 0%;">
                                <input placeholder="末尾不需要带()符号" class="input name" name="name" type="text">
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label>
                                固定接参
                            </label>
                            <div style="flex: 1 1 0%;">
                                <input class="input" disabled type="text" value="function ($api_info, $curl_data, $header_data) {">
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label>
                                提示：
                            </label>
                        </div>
                        <div class="ma-api-info">
                            <label style="width: 35px;"></label>
                            <div style="flex: 1 1 0%;color:#ccc">
                                1、<code>$api_info</code>，当前接口的API数据集
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label style="width: 35px;"></label>
                            <div style="flex: 1 1 0%;color:#ccc">
                                2、<code>$curl_data</code>，当前接口将要请求的表单数据集
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label style="width: 35px;"></label>
                            <div style="flex: 1 1 0%;color:#ccc">
                                3、<code>$header_data</code>，当前接口将要发送的请求头
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label style="width: 35px;"></label>
                            <div style="flex: 1 1 0%;color:#ccc">
                                4、如果需要在函数中使用<strong>变量列表</strong>中的自定义变量，则需要使用<code>{$变量名}</code>的方式进行引用。
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label style="width: 35px;"></label>
                            <div style="flex: 1 1 0%;color:#ccc">
                                5、代码块使用的<code>PHP</code>语法，首行<code>&lt;?php</code>标签请勿删除。
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label style="width: 35px;"></label>
                            <div style="flex: 1 1 0%;color:#ccc">
                                6、代码块最终一定要<code>return</code>结果返回，否则获取到的结果将会是空。
                            </div>
                        </div>
                        <div class="ma-api-info">
                            <label style="width: 35px;"></label>
                            <div style="flex: 1 1 0%;color:#ccc">
                                7、自定义函数的解析，依赖<code>eval()</code>函数，需要在<code>php.ini</code>开启该方法。
                            </div>
                        </div>
                    </div>
                    <div class="word_right" id="html">
                        <pre id="file_area" style="height: 100%;width: 100%;margin:0px auto 0 auto;border-radius:0px; padding:0px;"></pre>
                    </div>
                </div>
            </div>
            <!---->
        </div>

        <div class="main-body ma-bottom-container var-content ut-main" style="display: none;">
            
            <div class="main-body ut-main">
                <ul class="ma-bottom-tab not-select">
                    <li class="selected" data-id="ut-log">
                        <i class="ma-icon ma-icon-options"></i>
                        任务记录
                    </li>
                    <li class="float-right event-log">
                        <i class="ma-icon ma-icon-event"></i>
                        事件
                    </li>
                </ul>
                <div class="menu-list ut-log">
                    <div class="ma-api-info">
                        <label>
                            项目
                        </label>
                        <div style="flex: 1 1 0%;">
                            <select id="ut_item_id" class="input tes_item_list">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <label>
                            接口
                        </label>
                        <div style="flex: 1 1 0%;">
                            <select id="ut_api_id" class="input">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <div style="flex: 1 1 0%;"></div>
                        <div style="flex: 1 1 0%;"></div>
                    </div>
                    <table class="layui-table" style="margin: 10px; width: calc(100% - 20px);">
                        <thead>
                          <tr style="background: #3c3f41;color: #fff;">
                            <th>
                                任务ID
                            </th>
                            <th>
                                所属项目
                            </th>
                            <th>
                                所属接口
                            </th>
                            <th>
                                任务名称
                            </th>
                            <th>
                                开始时间
                            </th>
                            <th>
                                结束时间
                            </th>
                            <th>
                                最小耗时
                            </th>
                            <th>
                                最大耗时
                            </th>
                            <th>
                                平均耗时
                            </th>
                            <th>
                                用例总数
                            </th>
                            <th>
                                Success数
                            </th>
                            <th>
                                Error数
                            </th>
                            <th>
                                通过率
                            </th>
                            <th width=60><!--2022-06-22-->
                                操作
                            </th>
                          </tr> 
                        </thead>
                        <tbody id="ut_list"></tbody>
                    </table>

                </div>
            </div>
            <!---->
        </div>

        <div class="main-body ma-bottom-container var-content ce-main" style="display: none;">
            
            <div class="main-body ce-main">
                <ul class="ma-bottom-tab not-select">
                    <li class="selected" data-id="ce-log">
                        <i class="ma-icon ma-icon-options"></i>
                        任务记录
                    </li>
                    <li class="float-right event-log">
                        <i class="ma-icon ma-icon-event"></i>
                        事件
                    </li>
                </ul>
                <div class="menu-list ce-log">
                    <div class="ma-api-info">
                        <label>
                            项目
                        </label>
                        <div style="flex: 1 1 0%;">
                            <select id="ce_item_id" class="input tes_item_list">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <label>
                            接口
                        </label>
                        <div style="flex: 1 1 0%;">
                            <select id="ce_api_id" class="input">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <div style="flex: 1 1 0%;"></div>
                        <div style="flex: 1 1 0%;"></div>
                    </div>
                    <table class="layui-table" style="margin: 10px; width: calc(100% - 20px);">
                        <thead>
                          <tr style="background: #3c3f41;color: #fff;">
                            <th>
                                任务ID
                            </th>
                            <th>
                                所属项目
                            </th>
                            <th>
                                所属接口
                            </th>
                            <th>
                                用例名称
                            </th>
                            <th>
                                任务名称
                            </th>
                            <th>
                                并发数
                            </th>
                            <th>
                                Ramp_up
                            </th>
                            <th>
                                循环次数
                            </th>
                            <th>
                                压测持续时间
                            </th>
                            <th>
                                设置启动时间
                            </th>
                            <th>
                                开始时间
                            </th>
                            <th>
                                结束时间
                            </th>
                            <th>
                                实际循环次数
                            </th>
                            <th>
                                最小耗时
                            </th>
                            <th>
                                最大耗时
                            </th>
                            <th>
                                平均耗时
                            </th>
                            <th>
                                创建者
                            </th>
                            <th width=60> <!--2022-06-22-->
                                操作
                            </th>
                          </tr> 
                        </thead>
                        <tbody id="ce_list"></tbody>
                    </table>

                </div>
            </div>
            <!---->
        </div>

        <div class="main-body ma-bottom-container var-content at-main" style="display: none;">
            
            <div class="main-body at-main">
                <ul class="ma-bottom-tab not-select">
                    <li class="selected" data-id="at-log">
                        <i class="ma-icon ma-icon-options"></i>
                        集成测试
                    </li>
                    <li class="float-right event-log">
                        <i class="ma-icon ma-icon-event"></i>
                        事件
                    </li>
                </ul>
                <div class="menu-list at-log">
                    <div class="ma-api-info">
                        <label style="width: 10px;"></label>
                        <div style="flex: 1 1 0%;">
                            <button id="at_go" class="layui-btn layui-btn-sm" style="background: #249c47!important;">创建模板</button>
                        </div>
                    </div>
                    <table class="layui-table" style="margin: 10px; width: calc(100% - 20px);">
                        <thead>
                          <tr style="background: #3c3f41;color: #fff;">
                            <th width=80>
                                任务ID
                            </th>
                            <th width=300>
                                模板名称
                            </th>
                            <th>
                                备注
                            </th>
                            <th width=120>
                                任务树深度
                            </th>
                            <th width=170>
                                创建日期
                            </th>
                            <th width=170>
                                编辑日期
                            </th>
                            <th width=140>
                                操作
                            </th>
                          </tr> 
                        </thead>
                        <tbody id="at_list"></tbody>
                    </table>

                </div>
            </div>
            <!---->
        </div>


        <!---->
    </div>
</div>

<div class="ma-dialog-wrapper" id="usecase-at-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top: 300px; left: 619px; width: auto; height: auto;">
        <div class="ma-dialog-header not-select">
			集成测试
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
        <div class="ma-dialog-content" style="padding: 5px 10px; overflow: auto;">
            <div class="ma-api-info">
                <label>
                    模板名称
                </label>
                <div style="width: 300px;">
                    <input id="at_title" class="input" type="text">
                </div>
            </div>
            <div class="ma-api-info">
                <label>
                    备注
                </label>
                <div style="width: 300px;">
                    <textarea id="at_des" class="input" style="height: 60px;"></textarea>
                </div>
            </div>
            <div class="ma-api-info">
                <label style="width: 64px;"></label>
                <div style="width: 300px;">
                    <button style="margin-left: 90px;" id="post-at" data-id="" class="ma-button active">提交创建</button>
                </div>
            </div>
		</div>
	</div>
</div>

<div class="ma-dialog-wrapper" id="usecase-at-log-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top:200px; left:400px; width: 1100px;max-width: 1100px; height: 500px;">
		<div class="ma-dialog-header not-select">
			集成测试-任务报告
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
		<div class="ma-dialog-content" style="overflow: auto;height: 90%;">
			<table class="layui-table" style="margin: 10px; width: calc(100% - 20px);">
                <thead>
                  <tr style="background: #3c3f41;color: #fff;">
                    <th>
                        任务ID
                    </th>
                    <th>
                        模板名称
                    </th>
                    <th>
                        状态
                    </th>
                    <th>
                        Success深度
                    </th>
                    <th>
                        是否定时启动
                    </th>
                    <th>
                        启动时间
                    </th>
                    <th>
                        开始时间
                    </th>
                    <th>
                        结束时间
                    </th>
                    <th>
                        添加时间
                    </th>
                    <th>
                        操作
                    </th>
                  </tr> 
                </thead>
                <tbody id="at_log_list"></tbody>
            </table>
		</div>
	</div>
</div>

<div class="ma-dialog-wrapper" id="usecase-at-time-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top:280px; left:640px; width: 350px; height: 110px;">
		<div class="ma-dialog-header not-select">
			集成测试-创建定时任务
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
		<div class="ma-dialog-content" style="overflow: auto;height: 90%;">
            <div class="ma-api-info">
                <label style="width: 100px;margin-right: 10px;">
                    任务开始时间：
                </label>
                <div style="flex: 1 1 0%;">
                    <input placeholder="选择日期" id="at_go_time" class="input" type="text" autocomplete="off">
                </div>
            </div>
            <div class="ma-api-info">
                <div style="flex: 1 1 0%;">
                    <button style="margin-left: 110px;" id="post-at-time" data-id="" class="ma-button active">提交</button>
                </div>
            </div>
		</div>
	</div>
</div>

<div class="ma-dialog-wrapper" id="usecase-ce-chat-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top:20%; left:5%; width: 90%; max-width: 90%;height: 60%;">
		<div class="ma-dialog-header not-select">
			压测图表
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
        <div class="ma-dialog-content" style="width: 100%;height: 90%;position: relative;">
            <div style="float: left;" class="eb" id="ab_chat"></div>
        </div>
	</div>
</div>


<div class="ma-dialog-wrapper" id="usecase-ce-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top:280px; left:640px; width: 500px; height: 330px;">
		<div class="ma-dialog-header not-select">
			压力测试-参数设置
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
		<div class="ma-dialog-content" style="overflow: auto;height: 90%;">
			<div class="ma-api-info">
                <label style="width: 100px;margin-right: 10px;">
                    任务名称：
                </label>
                <div style="flex: 1 1 0%;">
                    <input placeholder="可不填" id="ce_title" class="input" type="text">
                </div>
            </div>
            <div class="ma-api-info">
                <label style="width: 100px;margin-right: 10px;">
                    并发数：
                </label>
                <div style="flex: 1 1 0%;">
                    <input id="ce_thread_num" class="input" type="number">
                </div>
            </div>
            <div class="ma-api-info">
                <label style="width: 100px;margin-right: 10px;">
                    Ramp-up：
                </label>
                <div style="flex: 1 1 0%;">
                    <input placeholder="单位：秒，为空表示同时并发" id="ce_ramp_up" class="input" type="number" value="0">
                </div>
            </div>
            <div class="ma-api-info">
                <label style="width: 100px;margin-right: 10px;">
                    循环次数：
                </label>
                <div style="flex: 1 1 0%;">
                    <input placeholder="为空，不循环" id="ce_for_num" class="input" type="number" value="">
                </div>
            </div>
            <div class="ma-api-info">
                <label style="width: 100px;margin-right: 10px;">
                    持续多久(秒)：
                </label>
                <div style="flex: 1 1 0%;">
                    <input placeholder="为空，不设置持续时间" id="ce_duration" class="input" type="number">
                </div>
            </div>
            <div class="ma-api-info">
                <label style="width: 100px;margin-right: 10px;">
                    任务开始时间：
                </label>
                <div style="flex: 1 1 0%;">
                    <input placeholder="为空，立刻开始" id="ce_go_time" class="input" type="text">
                </div>
            </div>
            <div class="ma-api-info">
                <div style="flex: 1 1 0%;">
                    <button style="margin-left: 110px;" id="post-ce" class="ma-button active">提交</button>
                </div>
            </div>
		</div>
	</div>
</div>


<div class="ma-dialog-wrapper" id="usecase-ut-log-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top:200px; left:400px; width: 800px; height: 500px;">
		<div class="ma-dialog-header not-select">
			任务记录
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
		<div class="ma-dialog-content" style="overflow: auto;height: 90%;">
			<table class="layui-table" style="margin: 10px; width: calc(100% - 20px);">
                <thead>
                  <tr style="background: #3c3f41;color: #fff;">
                    <th>
                        用例名称
                    </th>
                    <th>
                        响应状态码
                    </th>
                    <th>
                        结果
                    </th>
                    <th>
                        说明
                    </th>
                  </tr> 
                </thead>
                <tbody id="ut_log_list"></tbody>
            </table>
		</div>
	</div>
</div>

<div class="ma-dialog-wrapper" id="usecase-ut-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top:200px; left:400px; width: 800px; height: 600px;">
		<div class="ma-dialog-header not-select">
            执行结果
            <button style="height: 20px;line-height: 20px;background: #007bff;color: #fff;border: 0;border-radius: 5px;margin-left: 5px;font-size: 12px;padding: 0 5px;" id="curl_send" class="input">再次执行</button>
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
		<div class="ma-dialog-content" style="overflow: auto;height: 100%;">
			<div class="main-body" style="height: 100%;">
                <ul class="ma-bottom-tab not-select">
                    <li class="selected" data-id="ut-from">
                        <i class="ma-icon ma-icon-options"></i>
                        基本信息
                    </li>
                    <li data-id="ut-return">
                        <i class="ma-icon ma-icon-options"></i>
                        响应结果
                    </li>
                    <li data-id="ut-body">
                        <i class="ma-icon ma-icon-options"></i>
                        请求数据
                    </li>
                    <li data-id="ut-return-header">
                        <i class="ma-icon ma-icon-options"></i>
                        响应头
                    </li>
                    <li data-id="ut-header">
                        <i class="ma-icon ma-icon-options"></i>
                        请求头
                    </li>
                </ul>
                <div class="menu-list item-from ut-from">
                    <div class="ma-api-info" style="margin-top: 12px;">
                        <label>
                            接口名：
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input id="usecase_ut_title" class="input" disabled type="text">
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label>
                            Request URL：
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input id="usecase_ut_url" class="input" disabled type="text">
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label>
                            Request Method：
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input id="usecase_ut_method" class="input" disabled type="text">
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label>
                            Body Type：
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input id="usecase_ut_type" class="input" disabled type="text">
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label>
                            Status Code：
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input id="usecase_ut_code" class="input" disabled type="text">
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label>
                            耗时(ms)：
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input id="usecase_ut_run_time" class="input" disabled type="text">
                        </div>
                    </div>
                    <div class="ma-api-info">
                        <label>
                            结果判断：
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input id="usecase_ut_yes" class="input" disabled type="text" style="background: #fff;font-size: 14px;">
                        </div>
                    </div>
                    <div class="ma-api-info" id="usecase_ut_yes_div">
                        <label>
                            判断原因：
                        </label>
                        <div style="flex: 1 1 0%;">
                            <input id="usecase_ut_yes_des" class="input" disabled type="text">
                        </div>
                    </div>
                </div>
                <div class="menu-list item-from ut-return" style="display: none;height: 90%;">
                    <pre id="usecase-ut-return-json" style="width: 100%;height: 100%;overflow: auto;background: #eaeaea;padding: 20px;"></pre>
                </div>
                <div class="menu-list item-from ut-return-header" style="display: none;height: 90%;">
                    <pre id="usecase-ut-return-header-json" style="width: 100%;height: 100%;overflow: auto;background: #eaeaea;padding: 20px;"></pre>
                </div>
                <div class="menu-list item-from ut-body" style="display: none;height: 90%;">
                    <pre id="usecase-ut-body-json" style="width: 100%;height: 100%;overflow: auto;background: #eaeaea;padding: 20px;"></pre>
                </div>
                <div class="menu-list item-from ut-header" style="display: none;height: 90%;">
                    <pre id="usecase-ut-header-json" style="width: 100%;height: 100%;overflow: auto;background: #eaeaea;padding: 20px;"></pre>
                </div>
            </div>
		</div>
	</div>
</div>


<div class="ma-dialog-wrapper" id="header-add-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top: 320px; left: 679px; max-width: 1000px; width: auto; height: auto;">
		<div class="ma-dialog-header not-select">
			设置默认全局的请求头用例支持
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
		<div class="ma-dialog-content" style="padding: 5px 10px; overflow: auto;">
			<div class="main-body api-main" id="header-add-conetnt">
                
            </div>
		</div>
	</div>
</div>
<div class="ma-dialog-wrapper" id="add-group" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top: 300px; left: 619px; width: auto; height: 400px;overflow-y: auto;">
        <div class="ma-dialog-header not-select">
			用例分组管理
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
        <div class="ma-dialog-content" style="padding: 5px 10px; overflow: auto;">
            <div class="ma-api-info">
                <label>
                    分组名称
                </label>
                <div style="width: 300px;">
                    <input id="add_group_name" class="input" type="text">
                </div>
            </div>
            <div class="ma-api-info">
                <label>
                    排序
                </label>
                <div style="width: 300px;">
                    <input id="add_group_sort" placeholder="整数，越大越靠前" class="input" type="text" value="0">
                </div>
            </div>
            <div class="ma-api-info">
                <label style="width: 64px;"></label>
                <div style="width: 300px;">
                    <button style="margin-left: 90px;" id="post-group" class="ma-button active">提交创建</button>
                </div>
            </div>
		</div>
	</div>
</div>
<div class="ma-dialog-wrapper" id="copy-api" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top: 300px; left: 719px; width: auto; height: auto;">
        <div class="ma-dialog-header not-select">
			复制用例到分组
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
        <div class="ma-dialog-content" style="padding: 5px 10px; overflow: auto;">
            <div class="ma-tree-container" style="overflow: auto; height: 250px; max-height: 250px;" id="copy-api-group-list"></div>

            <div class="ma-api-info">
                <label style="width: 64px;"></label>
                <button style="margin-left: 105px;" id="post-api-copy-group" class="ma-button active">提交</button>
            </div>
		</div>
	</div>
</div>
<div class="ma-dialog-wrapper" id="save-env" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top: 300px; left: 719px; width: auto; height: auto;">
        <div class="ma-dialog-header not-select">
			全组变更环境
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
        <div class="ma-dialog-content" style="padding: 5px 10px; overflow: auto;">
            <div class="ma-tree-container" style="overflow: auto; height: 90px; max-height: 90px;">
                <div class="ma-api-info">
                    <select name="domain_id" id="env_domain_id" class="input domain_id"></select>
                </div>
            </div>
            <div class="ma-api-info">
                <label style="width: 64px;"></label>
                <button style="margin-left: 105px;" id="post-env-save" class="ma-button active">提交</button>
            </div>
		</div>
	</div>
</div>
<div class="magic-contextmenu" id="group-which" style="display: none; min-width: 150px; z-index: 9999999;">
	<div class="magic-contextmenu-body">
        <div class="magic-contextmenu-item magic-contextmenu-item-available magic-contextmenu-item-divided create">
			<div class="magic-contextmenu-item-icon">
				<i class="ma-icon ma-icon-plus"></i>
			</div>
			<span class="magic-contextmenu-item-label">
				创建用例
			</span>
			<div class="magic-contextmenu-item-expand-icon"></div>
        </div>
        <div class="magic-contextmenu-item magic-contextmenu-item-available copy">
            <div class="magic-contextmenu-item-icon"><i class="ma-icon ma-icon-copy"></i></div>
            <span class="magic-contextmenu-item-label">复制分组</span>
            <div class="magic-contextmenu-item-expand-icon"></div>
        </div>
        <div class="magic-contextmenu-item magic-contextmenu-item-available env_save">
            <div class="magic-contextmenu-item-icon"><i class="ma-icon ma-icon-update"></i></div>
            <span class="magic-contextmenu-item-label">全组变更环境</span>
            <div class="magic-contextmenu-item-expand-icon"></div>
        </div>
        <div class="magic-contextmenu-item magic-contextmenu-item-available magic-contextmenu-item-divided update">
			<div class="magic-contextmenu-item-icon">
				<i class="ma-icon ma-icon-update"></i>
			</div>
			<span class="magic-contextmenu-item-label">
				编辑
			</span>
			<div class="magic-contextmenu-item-expand-icon"></div>
		</div>
		<div class="magic-contextmenu-item magic-contextmenu-item-available magic-contextmenu-item-divided delete">
			<div class="magic-contextmenu-item-icon">
				<i class="ma-icon ma-icon-delete"></i>
			</div>
			<span class="magic-contextmenu-item-label">
				删除
			</span>
			<div class="magic-contextmenu-item-expand-icon">
			</div>
		</div>
	</div>
</div>

<div class="ma-dialog-wrapper" id="help-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top: 320px; left: 679px; width: auto; height: auto;">
		<div class="ma-dialog-header not-select">
			用例参数说明
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
		<div class="ma-dialog-content" style="padding: 5px 10px; overflow: auto;">
			<div class="ma-api-info">
                <div style="flex: 1 1 0%;color:#ccc">
                    1、使用<strong>自定义变量</strong>时，格式为：<code>{$变量名}</code> 的方式进行传递
                </div>
            </div>
            <div class="ma-api-info">
                <div style="flex: 1 1 0%;color:#ccc">
                    2、使用<strong>自定义函数</strong>时，格式为：<code>函数名()</code> 的方式进行传递
                </div>
            </div>
            <div class="ma-api-info">
                <div style="flex: 1 1 0%;color:#ccc">
                    3、使用<strong>全局返回值</strong>时，格式为：<code>[$变量名]</code> 的方式进行传递，如果是多级数组，使用<code>[$变量名.下级变量命.下级变量命.N]</code> 的方式声明。
                </div>
            </div>
            <div class="ma-api-info">
                <div style="flex: 1 1 0%;color:#ccc">
                    注意：全局返回值只对<code>集成测试值</code>有效，切勿在<code>用例测试值</code>栏位中使用。系统会把所有请求的返回值统一合并到一个全局变量中存储起来，如果流程中有相同字段名的返回值，则会覆盖上一个请求。
                </div>
            </div>
		</div>
	</div>
</div>

<div class="ma-dialog-wrapper" id="api-tab-div" style="display: none;">
	<div class="ma-dialog" style="position: absolute; top: 300px; left: 619px; width: auto; height: auto;">
		<div class="ma-dialog-header not-select">
			切换项目
			<span>
				<i class="ma-icon ma-icon-close"></i>
			</span>
		</div>
		<div class="ma-dialog-content" style="padding: 5px 10px; overflow: auto;">
			<ul></ul>
		</div>
	</div>
</div>


<div class="magic-contextmenu" id="fun-which" style="display: none; min-width: 150px; z-index: 9999999;">
	<div class="magic-contextmenu-body">
		<div class="magic-contextmenu-item magic-contextmenu-item-available magic-contextmenu-item-divided delete">
			<div class="magic-contextmenu-item-icon">
				<i class="ma-icon ma-icon-delete"></i>
			</div>
			<span class="magic-contextmenu-item-label">
				删除
			</span>
			<div class="magic-contextmenu-item-expand-icon">
			</div>
		</div>
	</div>
</div>

<div class="magic-contextmenu" id="usecase-which" style="display: none; min-width: 150px; z-index: 9999999;">
	<div class="magic-contextmenu-body">
        <div class="magic-contextmenu-item magic-contextmenu-item-available copy">
            <div class="magic-contextmenu-item-icon"><i class="ma-icon ma-icon-copy"></i></div>
            <span class="magic-contextmenu-item-label">复制用例</span>
            <div class="magic-contextmenu-item-expand-icon"></div>
        </div>
        <div class="magic-contextmenu-item magic-contextmenu-item-available magic-contextmenu-item-divided copy-group">
            <div class="magic-contextmenu-item-icon"><i class="ma-icon ma-icon-copy"></i></div>
            <span class="magic-contextmenu-item-label">复制到...</span>
            <div class="magic-contextmenu-item-expand-icon"></div>
        </div>
        <div class="magic-contextmenu-item magic-contextmenu-item-available run-ut">
			<div class="magic-contextmenu-item-icon">
				<i class="ma-icon ma-icon-run"></i>
			</div>
			<span class="magic-contextmenu-item-label">
				运行-单元测试
			</span>
			<div class="magic-contextmenu-item-expand-icon">
			</div>
		</div>
		<div class="magic-contextmenu-item magic-contextmenu-item-available magic-contextmenu-item-divided run-ce">
			<div class="magic-contextmenu-item-icon">
				<i class="ma-icon ma-icon-run"></i>
			</div>
			<span class="magic-contextmenu-item-label">
				运行-压力测试
			</span>
			<div class="magic-contextmenu-item-expand-icon">
			</div>
		</div>
		<div class="magic-contextmenu-item magic-contextmenu-item-available magic-contextmenu-item-divided delete">
			<div class="magic-contextmenu-item-icon">
				<i class="ma-icon ma-icon-delete"></i>
			</div>
			<span class="magic-contextmenu-item-label">
				删除
			</span>
			<div class="magic-contextmenu-item-expand-icon">
			</div>
		</div>
	</div>
</div>

<select class="type_list" style="display: none;">
    {foreach $type_list as $k=>$v}
    <option value="{$k}">{$v}</option>
    {/foreach}
</select>
{include file="public/footer" /}