-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
164 lines (144 loc) · 5.26 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Cloudflare DNS</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="layui/css/layui.css" rel="stylesheet">
<style>
form {
margin: 0 5%;
}
.ban {
color: red;
}
.rights {
margin-left: 3%;
}
.submit {
text-align: center;
}
</style>
</head>
<body>
<div style="margin: 0 auto">
<blockquote class="layui-elem-quote">批量操作 Cloudflare DNS </blockquote>
<div class="layui-row">
<!-- 内容 -->
<form class="layui-form layui-form-pane" action="" id="form1">
<!-- 模块1 -->
<div class="layui-col-md6 ">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">批量输入域名<span style="color: red;">(默认操作 <b>www</b>
记录,其他记录需要自行操作)</span></label>
<div class="layui-input-block">
<textarea placeholder="例如:
baidu.com
google.com
test.com
" class="layui-textarea" name="domains" style="min-height:1100px;"></textarea>
</div>
</div>
</div>
<!-- 模块1 -->
<!-- 模块2 -->
<div class="layui-col-md5 rights">
<!-- 列 1 -->
<div class="layui-form-item" pane="">
<label class="layui-form-label">DNS 操作</label>
<div class="layui-input-block">
<input type="radio" name="dns_act" lay-filter="dns_act" value="create" title="新增 DNS 记录" checked="">
<input type="radio" name="dns_act" lay-filter="dns_act" value="update" title="更新 DNS 记录">
<input type="radio" name="dns_act" lay-filter="dns_act" value="delete" title="删除网站">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">账号邮箱</label>
<div class="layui-input-block">
<input type="text" name="email" autocomplete="off" placeholder="请输入账号邮箱" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">API 密钥</label>
<div class="layui-input-block">
<input type="text" name="apikey" autocomplete="off" placeholder="请输入 API 密钥" class="layui-input">
</div>
</div>
<div class="layui-form-item ip_address">
<label class="layui-form-label">IP 地址</label>
<div class="layui-input-block">
<input type="text" name="ip" autocomplete="off" placeholder="请输入 IP 地址" class="layui-input">
</div>
</div>
<div class="layui-form-item daili" pane="">
<label class="layui-form-label">代理状态</label>
<div class="layui-input-block">
<input type="radio" name="proxied" value="1" title="代理" checked="">
<input type="radio" name="proxied" value="2" title="不代理">
</div>
</div>
<div class="layui-form-item submit">
<button class="layui-btn" lay-submit="" lay-filter="submit">提交</button>
</div>
<!-- 列 1 -->
<!-- 列 2 -->
<div class="layui-row">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">返回信息</label>
<div class="layui-input-block">
<textarea readonly placeholder="" class="layui-textarea msgs" name="msgs"
style="min-height:782px;"></textarea>
</div>
</div>
</div>
<!-- 列 2 -->
</div>
<!-- 模块2 -->
</form>
<!-- 内容 -->
</div>
</div>
<script src="layui/layui.js"></script>
<script src="js/jquery.min.js"></script>
<script>
layui.use(['form', 'util', 'laydate'], function () {
var form = layui.form;
var layer = layui.layer;
// 选择 DNS 操作
form.on('radio(dns_act)', function (data) {
if (data.value == 'delete') {
return $('.daili,.ip_address').hide();
} else {
return $('.daili,.ip_address').show();
}
});
//提交事件
form.on('submit(submit)', function (data) {
var index = layer.load(2, { time: 100 * 1000 });
var data = JSON.stringify(data.field);
$.ajax({
type: 'POST',
url: 'do.php',
data: { data: data },
success: function (e) {
var e = eval("(" + e + ")")
if (e.code == 0) {
layer.closeAll('loading');
layer.msg(e.msg, function () {
})
} else {
layer.closeAll('loading');
$.each(e.msg, function (index, value) {
$('.msgs').append(value + '\n');
});
}
}
});
return false;
});
});
</script>
</body>
</html>