131 lines
5.0 KiB
HTML
131 lines
5.0 KiB
HTML
<row class="qtask-debug">
|
|
<div class="col-md-12">
|
|
<h3>QTask - [测试用例]</h3>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="input-group">
|
|
<span class="input-group-btn">
|
|
<a href="javascript:;" class="btn" type="button"> 选择QTask任务</a>
|
|
</span>
|
|
<select class="form-control" v-model="row">
|
|
<option v-for="item in qtasks" :value="item" v-text="item.name"></option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="modal-body">
|
|
<form class="form-horizontal">
|
|
<div class="form-group">
|
|
<label class="col-sm-2">查询ID</label>
|
|
<div class="col-md-6 col-sm-10" v-text="row.queryId" style="padding-top: 5px"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2">业务名称</label>
|
|
<div class="col-md-6 col-sm-10" v-text="row.name" style="padding-top: 5px"></div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2">说明</label>
|
|
<div class="col-md-6 col-sm-10" v-text="row.remark" style="padding-top: 5px"></div>
|
|
</div>
|
|
<div class="form-group" style="margin-bottom: 0">
|
|
<label for="sql" class="col-md-2">SQL</label>
|
|
<div class="col-md-10">
|
|
<textarea v-model="row.sql" class="form-control layui-code" rows="10" id="sql" placeholder="请输入 SQL (支持jfinal-enjoy模板语法)" > </textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="para" class="col-sm-2">查询参数</label>
|
|
<div class="col-md-6 col-sm-10">
|
|
<input v-model="row.para" class="form-control" id="para" placeholder="请输入 默认查询参数格式: {k:v}">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="para" class="col-sm-2">数据平台</label>
|
|
<div class="col-md-6">
|
|
<select v-model="row.platId" class="form-control">
|
|
<option></option>
|
|
<option v-for="item in dbPlats" :value="item.key" v-text="item.name"></option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<select v-model="row.catalog" class="form-control">
|
|
<option></option>
|
|
<option v-for="item in catalogs()" :value="item" v-text="item"></option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button @click="query(row)" type="button" class="btn btn-primary">RUN</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h5>查询结果：</h5>
|
|
<pre class="layui-code" v-show="result" v-text="result"></pre>
|
|
</div>
|
|
</row>
|
|
<script src="http://www.1216.top/res/layui/layui.js"></script>
|
|
<script>
|
|
var vm = new Vue({
|
|
el: ".qtask-debug",
|
|
data: {
|
|
qtasks: [],
|
|
row: {},
|
|
list: {rows:[], total: 0},
|
|
dbPlats: [],
|
|
result: ""
|
|
},
|
|
watch: {
|
|
qtask: function () {
|
|
console.log(this.qtask)
|
|
},
|
|
"row.key": function () {
|
|
//vm.query();
|
|
}
|
|
},
|
|
methods: {
|
|
catalogs: function () {
|
|
var dbPlats = this.dbPlats;
|
|
for (i in dbPlats) {
|
|
if (dbPlats[i].key == this.row.platId) {
|
|
return dbPlats[i]["catalogs"]
|
|
}
|
|
}
|
|
},
|
|
query: function () {
|
|
vm.result = "";
|
|
red.post("/qtask/test", {qtask: JSON.stringify(vm.row)}, function (json) {
|
|
vm.result = json;
|
|
red.showMsg({msg: "查询成功"});
|
|
});
|
|
}
|
|
},
|
|
mounted: function () {
|
|
|
|
//qtask 列表初始化
|
|
var para = {
|
|
pn:1,
|
|
ps:120,
|
|
doc:"qtask",
|
|
clazz:"net.tccn.common.qtask.Qtask",
|
|
filter: JSON.stringify([{col:"status",type:"==",value:1},{col:"sysPlatId",type:"==",value:red.getPlatId()}])
|
|
};
|
|
red.getJSON("/meta/find", para, function (json) {
|
|
vm.qtasks = json.rows;
|
|
vm.row = vm.qtasks[0];
|
|
});
|
|
|
|
//dbPlats 列表初始化
|
|
red.dbPlats(function (json) {
|
|
vm.dbPlats = json;
|
|
});
|
|
|
|
setTimeout(function () {
|
|
layui.use('code', function(){ //加载code模块
|
|
layui.code({title:"",about: false, height: "500"}); //引用code方法
|
|
});
|
|
}, 200)
|
|
}
|
|
});
|
|
</script> |