Initial commit
This commit is contained in:
Your Name
@@ -0,0 +1,229 @@
|
||||
{% load static %}
|
||||
<!doctype html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="{% static '/css/layui.css' %}">
|
||||
<link rel="stylesheet" href="{% static '/css/mycss.css' %}">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<input oninput = "value=value.replace(/[^\d]/g,'').slice(0,3)">
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="test">
|
||||
|
||||
<li class="layui-nav-item">
|
||||
<button type="button" class="layui-btn" id="up_file" style="background-color: #393d49;">
|
||||
<i class="layui-icon"></i>up_file
|
||||
</button>
|
||||
<button type="button" class="layui-btn" id="up_file" style="background-color: #393d49;">
|
||||
<i class="layui-icon layui-icon-refresh-3" style="font-size: 20px; color: rgba(255,255,255,.7)"
|
||||
onclick=run()></i>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:">text</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg" style="font-size: 20px">title </label>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg" style="font-size: 20px">a </label>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg">3 </label>
|
||||
<div class="layui-input-inline" style="float: right">
|
||||
<input type="text" id="3" lay-verify="required" value="3"
|
||||
autocomplete="off" class="layui-input"
|
||||
style="height: 25px; width:100px;margin-top: 6px">
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg">fsafa </label>
|
||||
<div class="layui-input-inline" style="float: right">
|
||||
<input type="text" id="fsafa" lay-verify="required" value="fafa"
|
||||
autocomplete="off" class="layui-input"
|
||||
style="height: 25px; width:100px;margin-top: 6px">
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg" style="font-size: 20px">4 </label>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg">fsafa </label>
|
||||
<div class="layui-input-inline" style="float: right">
|
||||
<input type="text" id="fsafa" lay-verify="required" value="fafa"
|
||||
autocomplete="off" class="layui-input"
|
||||
style="height: 25px; width:100px;margin-top: 6px">
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
|
||||
进程已结束，退出代码为 0
|
||||
|
||||
|
||||
<dd style="overflow: hidden;">
|
||||
<div class="color">
|
||||
<div class="layui-input-inline" style="width: 90px; height: 20px">
|
||||
<input type="text" value="" placeholder="请选择颜色" class="layui-input" id="test-form-input">
|
||||
</div>
|
||||
<div class="layui-inline ">
|
||||
<div id="test-form"></div>
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg">size </label>
|
||||
<div class="layui-input-inline" style="float: right">
|
||||
<input type="text" id="title_size" lay-verify="required" value="12"
|
||||
autocomplete="off" class="layui-input"
|
||||
style="height: 25px; width:100px;margin-top: 6px">
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:">downlode</a>
|
||||
<dl class="layui-nav-child">
|
||||
|
||||
<dd>
|
||||
<div class="layui-form-item color" style="margin-left: 0">
|
||||
<label class="layui-form-label" style="float: left; margin-left: 0">Download
|
||||
format</label>
|
||||
<div class="layui-input-block">
|
||||
<select class="layui-bg-black" id="file_downlode_type" lay-filter="aihao">
|
||||
<option value="svg">SVG</option>
|
||||
<option value="png">PNG</option>
|
||||
<option value="pdf">PDF</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
<dd style="text-align: center">
|
||||
<button type="button" class="layui-btn layui-btn-radius">
|
||||
<i class="layui-icon layui-icon-download-circle"
|
||||
style="width: 100px;font-size: 28px;left: 5px" onclick=down_file()></i>
|
||||
</button>
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:">X-axis</a>
|
||||
<dl class="layui-nav-child">
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg">x ticks </label>
|
||||
<div class="layui-input-inline" style="float: right">
|
||||
<input type="text" id="xticks" lay-verify="required" value="100"
|
||||
autocomplete="off" class="layui-input"
|
||||
style="height: 25px; width:100px;margin-top: 6px">
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg">x label </label>
|
||||
<div class="layui-input-inline" style="float: right">
|
||||
<input type="text" id="xlabel" lay-verify="required" value="x_name"
|
||||
autocomplete="off" class="layui-input"
|
||||
style="height: 25px; width:100px;margin-top: 6px">
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:">Y-axis</a>
|
||||
<dl class="layui-nav-child">
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg">y ticks </label>
|
||||
<div class="layui-input-inline" style="float: right">
|
||||
<input type="text" id="yticks" lay-verify="required" value="15"
|
||||
autocomplete="off" class="layui-input"
|
||||
style="height: 25px; width:100px;margin-top: 6px">
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
<dd style="overflow: hidden">
|
||||
<div class="color">
|
||||
<label class="label_meg">y label </label>
|
||||
<div class="layui-input-inline" style="float: right">
|
||||
<input type="text" id="ylabel" lay-verify="required" value="y_name"
|
||||
autocomplete="off" class="layui-input "
|
||||
style="height: 25px; width:100px;margin-top: 6px">
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
|
||||
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="layui-nav-item NO "><a href="http://127.0.0.1:8000/chart/down?name={{ name }}.csv">downlode
|
||||
eg
|
||||
file</a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
<script src="{% static 'layui.js' %}"></script>
|
||||
|
||||
<script>
|
||||
layui.use('colorpicker', function () {
|
||||
var $ = layui.$
|
||||
, colorpicker = layui.colorpicker;
|
||||
|
||||
colorpicker.render({
|
||||
elem: '#test-form'
|
||||
, color: '#1c97f5'
|
||||
, size: 'xs'
|
||||
, done: function (color) {
|
||||
$('#test-form-input').val(color);
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
</script>
|
||||
</html>
|
||||
Reference in New Issue
Block a user