From f83419af50348650f4909909775aa755b3caceb2 Mon Sep 17 00:00:00 2001
From: XXAY <2606432452@qq.com>
Date: Wed, 22 Sep 2021 13:19:48 +0800
Subject: [PATCH] tools

---
 templates/page/tools.html  |  11 +-
 templates/tools/blast.html | 283 +++++++++++++++++++++++++++++++------
 2 files changed, 244 insertions(+), 50 deletions(-)

diff --git a/templates/page/tools.html b/templates/page/tools.html
index e6b3a91..a7cbbe5 100644
--- a/templates/page/tools.html
+++ b/templates/page/tools.html
@@ -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() {
diff --git a/templates/tools/blast.html b/templates/tools/blast.html
index 40f9e20..515a173 100644
--- a/templates/tools/blast.html
+++ b/templates/tools/blast.html
@@ -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>
\ No newline at end of file