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-23 12:22:36 +08:00
parent f83419af50
commit 25a5f17474
3 changed files with 105 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
templates/page/tools.html
View File

@@ -122,6 +122,7 @@
var $ = layui.jquery;
var form = layui.form;
var url_up = 'http://127.0.0.1:8000/'
var upload = layui.upload
// 页面跳转加载函数
@@ -211,83 +212,35 @@
});
}
// 文件上传
function up_file(tools_type, in_data) {
// gen to fa
function gen_to_fa() {
layui.use(['upload'], function () {
var $ = layui.jquery
, upload = layui.upload
, element = layui.element
, layer = layui.layer;
//选完文件后不自动上传["select_file1","select_file1","blast"], {}
upload.render({
elem: '#select_file1'
, url: url_up + 'tools/' + tools_type
elem: '#select_gen'
, url: url_up + 'tools/' + "gen_to_fa"
, auto: false
, accept: 'file'
, field: "file1"
, data: {
csrfmiddlewaretoken: '{{ csrf_token }}'
, file_type: 1
}
, bindAction: '#run'
, done: function (res) {
layer.msg('上传成功');
console.log(res)
, bindAction: '#gen_to_fa_run'
, done: function (res, index, upload) {
layer.closeAll('loading'); //关闭loading
}
});
, error: function (index, upload) {
layer.closeAll('loading'); //关闭loading
}
})
;
})
}
// 两文件上传
function up_file_blast(tools_type, in_data) {
layui.use(['upload'], function () {
var $ = layui.jquery
, upload = layui.upload
, element = layui.element
, layer = layui.layer;
//选完文件后不自动上传
upload.render({
elem: '#select_file2'
, url: url_up + 'tools/blast'
, auto: false
, accept: 'file'
, field: "file2"
, data: {
csrfmiddlewaretoken: '{{ csrf_token }}'
, file_type: 2
, type : $("#quiz1").val()
, e : $("#e").val()
}
, bindAction: '#run'
, done: function (res) {
layer.msg('上传成功');
console.log(res)
}
});
})
layui.use(['upload'], function () {
var $ = layui.jquery
, upload = layui.upload
, element = layui.element
, layer = layui.layer;
//选完文件后不自动上传
upload.render({
elem: '#select_file1'
, url: url_up + 'tools/tools'
, auto: false
, accept: 'file'
, field: "file1"
, data: {csrfmiddlewaretoken: '{{ csrf_token }}'}
, bindAction: '#id_transform_run'
, done: function (res) {
layer.msg('上传成功');
console.log(res)
}
});
})
}
</script>

143
templates/tools/blast.html
View File

@@ -1,24 +1,18 @@
<!-- <div class='layui-row' style="margin: 50px">
<div class='layui-col-md3'>
<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;">
@@ -43,14 +37,18 @@
<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> <!-- 单行输入框 -->
<div class="layui-form-item">
<label class="layui-form-label">单行选择框</label>
<div class="layui-input-block">
@@ -64,8 +62,14 @@
<option value="4">选项E</option>
</select>
</div>
</div>
</div> <!-- 单行选择框 -->
<div class="layui-form-item">
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="test8">选择文件</button>
<button type="button" class="layui-btn" id="test9">开始上传</button>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
@@ -95,7 +99,8 @@
</select>
</div>
</div>
</div>
</div> <!-- 分组选择框 -->
<div class="layui-form-item" pane="">
<label class="layui-form-label">原始复选框</label>
<div class="layui-input-block">
@@ -105,21 +110,23 @@
<input type="checkbox" name="like1[game]" lay-skin="primary" title="选项3"
disabled="">
</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> <!-- 开关-默认关 -->
<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> <!-- 开关-默认开 -->
<div class="layui-form-item">
<label class="layui-form-label">单选框</label>
<div class="layui-input-block">
@@ -127,96 +134,36 @@
<input type="radio" name="sex" value="选项2" title="选项2">
<input type="radio" name="sex" value="禁" title="禁用" disabled="">
</div>
</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> <!-- 短输入框 -->
<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> <!-- 普通文本域 -->
<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>
</div> <!-- 提交/重置 -->
<button type="button" class="layui-btn layui-btn-radius">运行</button>
<button type="button" class="layui-btn layui-btn-radius">下载</button>
</form>
</div>
<div class="layui-tab-item">
<div class='layui-row' style="margin-top: 80px; margin-left: 80px">
<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>
</div>
</div>
<div class='layui-row' style="margin-left: 80px">
<div class='layui-col-md9'>
<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>
@@ -224,32 +171,22 @@
</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>
<li class="layui-this">function</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>

72
templates/tools/genbank_to_fasta.html
View File

@@ -1,34 +1,60 @@
<div class='layui-row' style="margin: 50px">
<div class='layui-col-md3'>
<h1 style="font-size: 50px">genbank to fasta</h1>
</div>
<div class='layui-col-md9'>
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
</div>
</div>
<div class="layui-panel">
<div style="padding: 20px 30px;">
<div class='layui-row' style="margin-top: 80px; margin-left: 80px">
{# 选项#}
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
<div class='layui-col-md9 layui-form-pane'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>fasta 文件</legend>
</fieldset>
<div class="layui-btn-container" style="display: inline-block">
<button type="button" class="layui-btn layui-btn-normal" id="select_file">选择文件</button>
{# 选项卡#}
<li>genbank to fasta</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_gen">select file
</button>
<div>
<button type="button" class="layui-btn" id="gen_to_fa_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;">
{# 功能#}
</div>
</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" style="margin-top: 20px;">
<legend>运行</legend>
</fieldset>
<div class="layui-btn-container">
<button type="button" class="layui-btn" id="run">RUN</button>
</div>
</div>
</div>
</div>