tools

templates/page/tools.html

@@ -123,6 +123,7 @@
     var form = layui.form;
     var url_up = "{{ url }}"
     var upload = layui.upload
+    var element = layui.element
 
 
     // 页面跳转加载函数
@@ -164,6 +165,7 @@
         temp = $('#main_show')
         temp.empty()
         temp.append(String.raw`{% include 'tools/Basics.html' %}`)
+        basics_run()
         form.render();
     }
 
@@ -172,6 +174,7 @@
         temp = $('#main_show')
         temp.empty()
         temp.append(String.raw`{% include 'tools/pfam.html' %}`)
+        pfam_run()
         form.render();
 
 
@@ -183,6 +186,7 @@
         temp = $('#main_show')
         temp.empty()
         temp.append(String.raw`{% include 'tools/Differential_expression_analysis.html' %}`)
+        Differential_expression_analysis_run()
         form.render();
     }
 
@@ -338,6 +342,124 @@
             ;
         })
     }
+
+
+    function pfam_run() {
+        layui.use(['upload'], function () {
+            var $ = layui.jquery
+                , layer = layui.layer;
+            upload.render({
+                elem: '#select_pfam'
+                , url: url_up + '/tools/' + "pfam"
+                , auto: false
+                , accept: 'file'
+                , data: {
+                    csrfmiddlewaretoken: '{{ csrf_token }}',
+                    b_dom: document.getElementById("b_dom").value,
+                    b_seq: document.getElementById("b_seq").value,
+                    e_dom: document.getElementById("e_dom").value,
+                    e_seq: document.getElementById("e_seq").value,
+                    align: document.getElementById("align").value,
+                    clan_overlap: document.getElementById("clan_overlap").value,
+                }
+                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
+                    layer.load(1); //上传loading
+                }
+                , bindAction: '#pfam_run'
+                , done: function (res, index) {
+                    layer.closeAll('loading'); //关闭loading
+                    ab = '<a href= "' + url_up + '/chart/down?file_id=' + res.id + "&file_downlode_type=txt&ee=1" + '">' + ' <button type="button" class="layui-btn">downlode</button></a>'
+                    $("#down").append(ab)
+                }
+                , error: function (index, upload) {
+                    layer.closeAll('loading'); //关闭loading
+                }
+            })
+            ;
+        })
+    }
+
+
+    function Differential_expression_analysis_run() {
+
+        var uploadListIns = upload.render({
+            elem: '#testList'
+            , elemList: $('#demoList') //列表元素对象
+            , url: url_up + '/tools/' + "Differential_expression_analysis" //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+            , accept: 'file'
+            , multiple: true
+            , number: 10
+            , auto: false
+            , bindAction: '#testListAction'
+            , choose: function (obj) {
+                var that = this;
+                var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
+                //读取本地文件
+                obj.preview(function (index, file, result) {
+                    var tr = $(['<tr id="upload-' + index + '">'
+                        , '<td>' + file.name + '</td>'
+                        , '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>'
+                        , '<td><div class="layui-progress" lay-filter="progress-demo-' + index + '"><div class="layui-progress-bar" lay-percent=""></div></div></td>'
+                        , '<td>'
+                        , '<button class="layui-btn layui-btn-xs demo-reload layui-hide">Re</button>'
+                        , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">del</button>'
+                        , '</td>'
+                        , '</tr>'].join(''));
+
+                    //单个重传
+                    tr.find('.demo-reload').on('click', function () {
+                        obj.upload(index, file);
+                    });
+
+                    //删除
+                    tr.find('.demo-delete').on('click', function () {
+                        delete files[index]; //删除对应的文件
+                        tr.remove();
+                        uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
+                    });
+
+                    that.elemList.append(tr);
+                    element.render('progress'); //渲染新加的进度条组件
+                });
+            }
+            , data: {
+                csrfmiddlewaretoken: '{{ csrf_token }}',
+                {#b_dom: document.getElementById("b_dom").value,#}
+                {#b_seq: document.getElementById("b_seq").value,#}
+                {#e_dom: document.getElementById("e_dom").value,#}
+                {#e_seq: document.getElementById("e_seq").value,#}
+                {#align: document.getElementById("align").value,#}
+                {#clan_overlap: document.getElementById("clan_overlap").value,#}
+            }
+
+            , done: function (res, index, upload) { //成功的回调
+                var that = this;
+                //if(res.code == 0){ //上传成功
+                var tr = that.elemList.find('tr#upload-' + index)
+                    , tds = tr.children();
+                tds.eq(3).html(''); //清空操作
+                delete this.files[index]; //删除文件队列已经上传成功的文件
+                return;
+                //}
+                this.error(index, upload);
+            }
+            , allDone: function (obj) { //多文件上传完毕后的状态回调
+                console.log(obj)
+            }
+            , error: function (index, upload) { //错误回调
+                var that = this;
+                var tr = that.elemList.find('tr#upload-' + index)
+                    , tds = tr.children();
+                tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
+            }
+            , progress: function (n, elem, e, index) {
+                element.progress('progress-demo-' + index, n + '%');
+            }
+        });
+
+
+    }
+
 </script>