xxay/Simple_Drawing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tools

Browse Source
This commit is contained in:
XXAY
2021-09-22 13:19:48 +08:00
parent d2af403d83
commit f83419af50
2 changed files with 244 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
templates/page/tools.html
View File

@@ -17,7 +17,7 @@
<!-- 头部区域（可配合layui 已有的水平导航） -->
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><a href="{{ url }}">Home</a></li>
<li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><a href="index.html">Home</a></li>
<li class="layui-nav-item layui-hide-xs layui-this" style="margin-left: 200px"><a
href="tools.html">Tools</a></li>
<li class="layui-nav-item layui-hide-xs " style="margin-left: 200px"><a href="about.html">About us</a></li>
@@ -70,12 +70,12 @@
</div>
<div class="layui-body" style="background-color: rgb(242, 242, 242);">
<div class="layui-body" id="main_show" style="background-color: rgb(250, 250, 250);">
<div class="declare_box" id="main_show">
<!--<div class="declare_box">
</div>
</div>-->
<div class="layui-footer">
@@ -87,6 +87,8 @@
</div>
</div>
<script src="{% static 'layui.js' %}"></script>
<script>
//JS
layui.use(['element', 'layer', 'util'], function () {
@@ -130,6 +132,7 @@
temp.append(String.raw`{% include 'tools/blast.html' %}`)
up_file_blast()
form.render();
}
function genbank_to_fasta() {

283
templates/tools/blast.html
View File

@@ -1,68 +1,259 @@
<div class='layui-row' style="margin: 50px">
<!-- <div class='layui-row' style="margin: 50px">
<div class='layui-col-md3'>
<h1 style="font-size: 50px">Blast</h1>
<h1 style="font-size: 50px">Blast</h1>
</div>
<div class='layui-col-md9'>
</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">可选择的</li>
<li>blast</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<div class="layui-upload">
<button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
<div class="layui-upload-list" style="max-width: 1000px;">
<table class="layui-table">
<colgroup>
<col>
<col width="150">
<col width="260">
<col width="150">
</colgroup>
<thead>
<tr>
<th>文件名</th>
<th>大小</th>
<th>上传进度</th>
<th>操作</th>
</tr>
</thead>
<tbody id="demoList"></tbody>
</table>
</div>
<button type="button" class="layui-btn" id="testListAction">开始上传</button>
</div>
<div class="layui-tab-item layui-show">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">单行输入框</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="title" autocomplete="off"
placeholder="请输入标题" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">单行选择框</label>
<div class="layui-input-block">
<select name="interest" lay-filter="aihao">
<option value=""></option>
<option value="0">选项A</option>
<option value="1" selected="">选项B（初始选择）</option>
//初始选择
<option value="2">选项C</option>
<option value="3">选项D</option>
<option value="4">选项E</option>
</select>
</div>
</div>
<div class='layui-row' style="margin-top: 80px; margin-left: 80px">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">分组选择框</label>
<div class="layui-input-inline">
<select name="quiz">
<option value="">请选择问题</option>
<optgroup label="选项组1">
<option value="选项">选项</option>
</optgroup>
<optgroup label="选项组2">
<option value="选项1">选项1</option>
<option value="选项2">选项2</option>
</optgroup>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">搜索选择框</label>
<div class="layui-input-inline">
<select name="modules" lay-verify="required" lay-search="">
<option value="">直接选择或搜索选择</option>
<option value="1">layer</option>
<option value="2">form</option>
<option value="3">layim</option>
<div class='layui-col-md9 layui-form-pane'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>建库文件</legend>
</fieldset>
<div class="layui-btn-container" style="display: inline-block">
<button type="button" class="layui-btn layui-btn-normal" id="select_file1">选择文件</button>
</div>
</select>
</div>
</div>
</div>
<div class="layui-form-item" pane="">
<label class="layui-form-label">原始复选框</label>
<div class="layui-input-block">
<input type="checkbox" name="like1[write]" lay-skin="primary" title="选项1"
checked="">
<input type="checkbox" name="like1[read]" lay-skin="primary" title="选项2">
<input type="checkbox" name="like1[game]" lay-skin="primary" title="选项3"
disabled="">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开关-默认关</label>
<div class="layui-input-block">
<input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开关-默认开</label>
<div class="layui-input-block">
<input type="checkbox" checked="" name="open" lay-skin="switch"
lay-filter="switchTest" lay-text="ON|OFF">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">单选框</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="选项1" title="选项1" checked="">
<input type="radio" name="sex" value="选项2" title="选项2">
<input type="radio" name="sex" value="禁" title="禁用" disabled="">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">短输入框</label>
<div class="layui-input-inline">
<input type="text" name="username" lay-verify="required" placeholder="请输入"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">普通文本域</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交
</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
<button type="button" class="layui-btn layui-btn-radius">运行</button>
<button type="button" class="layui-btn layui-btn-radius">下载</button>
</div>
<div class="layui-tab-item">
<div class='layui-row' style="margin-top: 80px; margin-left: 80px">
<div class='layui-row' style="margin-left: 80px">
<div class='layui-col-md9'>
<div class='layui-col-md9 layui-form-pane'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>建库文件</legend>
</fieldset>
<div class="layui-btn-container" style="display: inline-block">
<button type="button" class="layui-btn layui-btn-normal" id="select_file1">选择文件
</button>
</div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>对比文件</legend>
</fieldset>
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_file2">选择文件</button>
</div>
</div>
</div>
</div>
</div>
<div class='layui-row' style="margin-left: 80px">
<div class='layui-col-md9'>
<div class='layui-row' style="margin-left: 80px; margin-top: 20px">
<div class='layui-col-md9'>
<fieldset class="layui-elem-field layui-field-title">
<legend>参数</legend>
</fieldset>
<div class="layui-form-item layui-form layui-form-pane" pane>
<label class="layui-form-label">类型</label>
<div class="layui-input-inline">
<select name="quiz1">
<option value="blastp" selected>blastp</option>
<option value="blastn">blastn</option>
</select>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>对比文件</legend>
</fieldset>
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_file2">选择文件
</button>
</div>
</div>
</div>
<div class='layui-row' style="margin-left: 80px; margin-top: 20px">
<div class='layui-col-md9'>
<fieldset class="layui-elem-field layui-field-title">
<legend>参数</legend>
</fieldset>
<div class="layui-form-item layui-form layui-form-pane" pane>
<label class="layui-form-label">类型</label>
<div class="layui-input-inline">
<select name="quiz1">
<option value="blastp" selected>blastp</option>
<option value="blastn">blastn</option>
</select>
</div>
<label class="layui-form-label">e value</label>
<div class="layui-input-inline">
<input type="text" name="username" id="e" lay-verify="required"
placeholder="请输入" autocomplete="off"
class="layui-input">
</div>
</div>
</div>
</div>
<div class='layui-row' style="margin-left:80px; margin-top: 20px">
<div class='layui-col-md9'>
<div class="layui-btn-container">
<button type="button" class="layui-btn" id="run">RUN</button>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">3</div>
<div class="layui-tab-item">4</div>
<div class="layui-tab-item">5</div>
<div class="layui-tab-item">6</div>
</div>
</div>
<label class="layui-form-label">e value</label>
<div class="layui-input-inline">
<input type="text" name="username" id = "e" lay-verify="required" placeholder="请输入" autocomplete="off"
class="layui-input">
</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">功能</li>
<li>示例</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div style="margin-left: 30px;">
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-input-inline" style="width: 120px;">
<input type="text" value="" placeholder="请选择颜色" class="layui-input"
id="test-form-input">
</div>
<div class="layui-inline" style="left: -11px;">
<div id="test-form"></div>
</div>
</div>
</form>
</div>
</div>
<div class="layui-tab-item">3</div>
</div>
</div>
</div>
</div>
</div>
<div class='layui-row' style="margin-left:80px; margin-top: 20px">
<div class='layui-col-md9'>
<div class="layui-btn-container">
<button type="button" class="layui-btn" id="run">RUN</button>
</div>
</div>
</div>