229 lines
8.4 KiB
HTML
229 lines
8.4 KiB
HTML
{% 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> |