147 lines
6.4 KiB
HTML
147 lines
6.4 KiB
HTML
<link href="/static/css/pictures.css" rel="stylesheet"/>
|
|
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
|
|
|
|
<div class="layui-panel">
|
|
<div style="padding: 20px 30px;">
|
|
|
|
|
|
{# 选项#}
|
|
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
|
|
<ul class="layui-tab-title">
|
|
|
|
{# 选项卡#}
|
|
<li>Basics</li>
|
|
</ul>
|
|
<div class="layui-tab-content" style="height: 100px;">
|
|
<form class="layui-form" lay-filter="basics_name" action="">
|
|
|
|
<div class="layui-form-item">
|
|
|
|
<div class="layui-btn-container">
|
|
|
|
<button type="button" class="layui-btn layui-btn-normal" id="select_fa">select file
|
|
</button>
|
|
|
|
<div type="button" class="example_box" style="float: right;margin-top: 14px;" id="example_blast_seq">
|
|
<a href="#">
|
|
<span>example seq file</span>
|
|
<img src="/static/img_eg/ex_img/fasta.png" style="z-index: 999;" alt="Can't Display">
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">Sequence cleaning</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" name="Sequence_cleaning" lay-skin="switch"
|
|
lay-text="ON|OFF">
|
|
</div>
|
|
</div> <!-- 开关-默认关 -->
|
|
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">Sequence length</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" name="Sequence_length" lay-skin="switch"
|
|
lay-text="ON|OFF">
|
|
</div>
|
|
</div> <!-- 开关-默认关 -->
|
|
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">GC content</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" name="GC_content" lay-skin="switch" lay-text="ON|OFF">
|
|
</div>
|
|
</div> <!-- 开关-默认关 -->
|
|
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">Sequence flip</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" name="Sequence_flip" lay-skin="switch"
|
|
lay-text="ON|OFF">
|
|
</div>
|
|
</div> <!-- 开关-默认关 -->
|
|
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">Reverse complementarity</label>
|
|
<div class="layui-input-block">
|
|
<input type="checkbox" name="Reverse_complementarity" lay-filter="test"
|
|
lay-skin="switch"
|
|
lay-text="ON|OFF">
|
|
</div>
|
|
</div> <!-- 开关-默认关 -->
|
|
|
|
|
|
{# <div class="layui-form-item">#}
|
|
{# <label class="layui-form-label">Codon preference</label>#}
|
|
{# <div class="layui-input-block">#}
|
|
{# <input type="checkbox" id="Codon_preference" lay-skin="switch"#}
|
|
{# lay-text="ON|OFF">#}
|
|
{# </div>#}
|
|
{# </div> <!-- 开关-默认关 -->#}
|
|
{##}
|
|
{##}
|
|
{# <div class="layui-form-item">#}
|
|
{# <label class="layui-form-label">Codon frequency</label>#}
|
|
{# <div class="layui-input-block">#}
|
|
{# <input type="checkbox" id="Codon_frequency" lay-skin="switch"#}
|
|
{# lay-text="ON|OFF">#}
|
|
{# </div>#}
|
|
{# </div> <!-- 开关-默认关 -->#}
|
|
|
|
<div class="layui-form-item">
|
|
|
|
<div class="layui-btn-container">
|
|
|
|
<div id="down">
|
|
|
|
<button type="button" class="layui-btn" id="basics_run">run</button>
|
|
{# <button type="button" class="layui-btn" id="gen_to_fa_down">downlode</button>#}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
|
|
<div class="layui-panel">
|
|
<div style="padding: 20px 30px;">
|
|
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
|
|
<ul class="layui-tab-title">
|
|
<li class="layui-this">function</li>
|
|
</ul>
|
|
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div style="margin-left: 30px;">
|
|
<p style="font-size: 20px">
|
|
Basic file processing tools
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|