tools
This commit is contained in:
XXAY
@@ -123,6 +123,7 @@
|
||||
var url_up = "{{ url }}"
|
||||
var upload = layui.upload
|
||||
var element = layui.element
|
||||
var isss = "{{ id }}"
|
||||
|
||||
|
||||
// 页面跳转加载函数
|
||||
@@ -201,7 +202,61 @@
|
||||
|
||||
// blast
|
||||
function blast_run() {
|
||||
layui.use('upload', function () {
|
||||
var upload = layui.upload;
|
||||
//执行实例
|
||||
var uploadInst = upload.render({
|
||||
elem: '#select_blast_seq' //绑定元素
|
||||
, url: url_up + '/tools/' + "blast"
|
||||
, data: {
|
||||
csrfmiddlewaretoken: '{{ csrf_token }}',
|
||||
fl: 1,
|
||||
id: isss,
|
||||
}
|
||||
, accept: 'file'
|
||||
, before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
|
||||
layer.load(1); //上传loading
|
||||
}
|
||||
, done: function (res, index) {
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
}
|
||||
, error: function (index, upload) {
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
layui.use(['upload'], function () {
|
||||
var $ = layui.jquery
|
||||
, layer = layui.layer;
|
||||
upload.render({
|
||||
elem: '#select_blast_seq'
|
||||
, url: url_up + '/tools/' + "blast"
|
||||
, auto: false
|
||||
, accept: 'file'
|
||||
, data: {
|
||||
csrfmiddlewaretoken: '{{ csrf_token }}',
|
||||
outfmt: document.getElementById("outfmt").value,
|
||||
evalue: document.getElementById("evalue").value,
|
||||
num_descriptions: document.getElementById("num_descriptions").value,
|
||||
type: document.getElementById("type").value,
|
||||
id: isss,
|
||||
}
|
||||
, before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
|
||||
layer.load(1); //上传loading
|
||||
}
|
||||
, bindAction: '#blast_run'
|
||||
, done: function (res, index) {
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
ab = '<a href= "' + url_up + '/chart/down?file_id=' + res.id + "&file_downlode_type=blast&ee=1" + '">' + ' <button type="button" class="layui-btn">downlode</button></a>'
|
||||
$("#down").append(ab)
|
||||
}
|
||||
, error: function (index, upload) {
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
}
|
||||
})
|
||||
;
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -9,168 +9,93 @@
|
||||
<ul class="layui-tab-title">
|
||||
|
||||
{# 选项卡#}
|
||||
<li>blast</li>
|
||||
<li>BLAST</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content" style="height: 100px;">
|
||||
<form class="layui-form" action="">
|
||||
|
||||
<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">
|
||||
<div class="layui-form-item">
|
||||
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-btn-container">
|
||||
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="select_blast_seq">select
|
||||
seq file
|
||||
</button>
|
||||
|
||||
<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-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>
|
||||
|
||||
<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 class="layui-form-item">
|
||||
|
||||
<div class="layui-btn-container">
|
||||
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="select_blast_db">select db
|
||||
file
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">outfmt</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="username" id="outfmt" placeholder="请输入"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">evalue</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="username" id="evalue" placeholder="请输入"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">num_descriptions</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="username" id="num_descriptions" placeholder="请输入"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">Software type</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="username" id="type" placeholder="请输入"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-form-item">
|
||||
|
||||
<div class="layui-btn-container">
|
||||
|
||||
<div id="down">
|
||||
|
||||
<button type="button" class="layui-btn" id="blast_run">run</button>
|
||||
{# <button type="button" class="layui-btn" id="gen_to_fa_down">downlode</button>#}
|
||||
</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>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</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 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> <!-- 开关-默认关 -->
|
||||
</form>
|
||||
|
||||
<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>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
|
||||
@@ -184,7 +109,13 @@
|
||||
<div class="layui-tab-content">
|
||||
<div class="layui-tab-item layui-show">
|
||||
<div style="margin-left: 30px;">
|
||||
{# 功能#}
|
||||
<p style="font-size: 20px">
|
||||
Blast, the full name of basic local alignment search tool, namely "search tool based on
|
||||
local alignment algorithm", is a common tool software in bioinformatics. It can compare
|
||||
the input nucleic acid or protein sequence with the known sequence in the database to
|
||||
obtain sequence similarity and other information, so as to judge the source or evolution
|
||||
relationship of the sequence.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user