开发 - 设置简单模式弹窗

This commit is contained in:
suwings 2018-08-10 11:12:34 +08:00
parent df93d225aa
commit 84fa742234
3 changed files with 50 additions and 21 deletions

View File

@ -29,6 +29,9 @@
<div class="row">
<hr>
<div class="col-sm-12 PanelItemF">
<div class="PanelItem" v-on:click="toPopWindForTime()">
<span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 使用简单模式填写
</div>
<div class="PanelItem" v-on:click="toSave()">
<span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 新建/重构
</div>
@ -119,6 +122,18 @@
servername: this.servername
}));
this.toBack();
},
toPopWindForTime: function () {
TOOLS.popWind({
style: {
maxWidth: "400px"
},
title: "计划任务简单模式",
template: "template/dialog/time_bulider.html",
callback: function (result) {
console.log("得到结果", result)
}
});
}
}
});

View File

@ -53,16 +53,6 @@
<script>
TOOLS.popWind({
style: {
maxWidth: "400px"
},
title: "时间表达式生成器",
template: "template/dialog/time_bulider.html",
callback: function (result) {
console.log("得到结果", result)
}
});
MI.rListener('onload', function () {
MCSERVER.website.schedule = {};

View File

@ -1,24 +1,48 @@
<p>
这是计划任务时间表达式生成器</p>
<samll>旨在简化计划任务时间表达式的书写,十分简单</samll>
<hr>
<div>
<div id="DialogTimeBulider">
<p>
这是计划任务时间表达式生成器</p>
<samll>旨在简化计划任务时间表达式的书写,十分简单</samll>
<hr>
<div class="input-group input-group-sm">
<span class="input-group-addon" id="sizing-addon3">每隔秒数</span>
<input type="text" class="form-control" placeholder="单位秒" aria-describedby="sizing-addon3">
<input id="DialogSec" type="text" class="form-control" placeholder="单位秒" aria-describedby="sizing-addon3" v-model="sec">
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon" id="sizing-addon3">执行次数</span>
<input type="text" class="form-control" placeholder="0 代表无限,其他正整数代表次数" aria-describedby="sizing-addon3">
<input id="DialogCount" type="text" class="form-control" placeholder="0 代表无限,其他正整数代表次数" v-model="count" aria-describedby="sizing-addon3">
</div>
<div class="input-group input-group-sm">
<span class="input-group-addon" id="sizing-addon3">执行指令</span>
<input type="text" class="form-control" placeholder="与服务器命令一样,不要加 \ 符号" aria-describedby="sizing-addon3">
<input id="DialogCommand" type="text" class="form-control" placeholder="与服务器命令一样,不要加 \ 符号" v-model="command" aria-describedby="sizing-addon3">
</div>
<button class="btn btn-success">
<button class="btn btn-success" v-on:click="ok()">
确认并生成
</button>
<button class="btn btn-danger">
<button class="btn btn-danger" v-on:click="no()">
取消
</button>
</div>
</div>
<script>
new Vue({
el: "#DialogTimeBulider",
data: {
sec: "",
count: "",
command: ""
},
methods: {
ok: function () {
TOOLS.popWindClose({
time: this.sec,
count: this.count,
command: this.command
});
},
no: function () {
TOOLS.popWindClose(null);
}
}
});
</script>