lxy/meta-kit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
lxy
2020-05-10 23:18:59 +08:00
parent 707e9ee680
commit 68eea7b27d
42 changed files with 5969 additions and 361 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
root/content/create.html Normal file
View File

@@ -0,0 +1,176 @@
<row class="content-create">
<div class="modal-body" style="text-align: left">
<form class="form-horizontal">
<div class="form-group">
<label for="queryId" class="col-sm-1 required">内容类型</label>
<div class="col-md-2 col-sm-11">
<select class="form-control" v-model="row.type">
<option value="1">微动态</option>
<option value="2">游戏说</option>
</select>
</div>
</div>
<div class="form-group" v-show="row.type == 2">
<label for="queryId" class="col-sm-1 required">游戏说标题</label>
<div class="col-md-6 col-sm-5">
<input v-model="row.name" class="form-control" id="queryId" placeholder="请输入 游戏说标题">
</div>
</div>
<div class="form-group" v-show="row.type == 2">
<label for="queryId" class="col-sm-1 required">关联的游戏ID</label>
<div class="col-md-6 col-sm-5">
<input v-model="row.gameids" class="form-control" id="gameids" placeholder="请输入 关联的游戏ID">
</div>
</div>
<div class="form-group" v-show="row.type == 2">
<label for="editor" class="col-md-1">游戏说内容</label>
<div class="col-md-11">
<div id="editor">
</div>
</div>
</div>
<div class="form-group" v-show="row.type == 1">
<label for="editor" class="col-md-1">微动态内容</label>
<div class="col-md-11">
<textarea v-model="row.content" class="form-control layui-code" rows="10" id="content" placeholder="请输入 微动态内容" > </textarea>
</div>
</div>
<div class="form-group">
<div class="col-md-11">
<div id='myUploader' class="uploader"><!--data-ride="uploader"-->
<div class="uploader-message text-center">
<div class="content"></div>
<button type="button" class="close">×</button>
</div>
<div class="uploader-files file-list file-list-grid"></div>
<div>
<hr class="divider">
<div class="uploader-status pull-right text-muted"></div>
<button type="button" class="btn btn-link uploader-btn-browse" v-show="row.type == 1"><i class="icon icon-plus"></i> 选择微动态图片</button>
<button type="button" class="btn btn-link uploader-btn-browse" v-show="row.type == 2"><i class="icon icon-plus"></i> 选择封面</button>
<button type="button" class="btn btn-link uploader-btn-start"><i class="icon icon-cloud-upload"></i> 上传图片 </button>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button @click="saveTable()" type="button" class="btn btn-primary">确定</button>
</div>
</row>
<link href="/res/zui/lib/uploader/zui.uploader.min.css" rel="stylesheet">
<script src="/res/zui/lib/uploader/zui.uploader.min.js"></script>
<script src="/res/wangEditor/wangEditor.min.js"></script>
<script>
let {saveData} = tmp
let vm = new Vue({
el: ".content-create",
data: {
row: {
type:2,
files: [],
cover: ""
},
vediter : {}
},
watch: {
},
methods: {
saveTable() {
let html = this.vediter.txt.html()
if(vm.row['type'] == 2) {
this.row['content'] = html
}
saveData({bean: this.row}).then(res => {
if (res.retcode == 0) {
red.showOk("保存成功");
setTimeout(function () {
location.reload();
}, 600)
} else {
red.showError(res.retinfo);
}
})
},
buildEditer(key){
let E = window.wangEditor
let editor = new E('#editor')
editor.customConfig.uploadImgServer = '/upload/editor?cate=editor'
let cache_key = key+"_" + $("input[name='contentid']").val()
let html = localStorage.getItem(cache_key)
editor.customConfig.onblur = function (html) {
localStorage.setItem(cache_key, html)
}
editor.create()
//if (html) editor.txt.html(html)//缓存的内容
return editor
}
},
mounted: function () {
this.vediter = this.buildEditer("11");
$('#myUploader').uploader({
url: '/upload/x',
responseHandler: function (res, f) {
let file = JSON.parse(res.response)["body"][0];
let filepath = file["filePath"]
console.log(file)
if (vm.row['type'] == 2) {
vm.row['cover'] = filepath
} else {
vm.row.files.push(filepath)
}
},
lang: 'zh_cn'
/*filters: {
mime_types: [
{title: 'Excel文件', extensions: ''},
],
prevent_duplicates: true
}*/
});
}
});
/*function buildEditer(key){
let E = window.wangEditor
let editor = new E('#editor')
editor.customConfig.uploadImgServer = '/upload/img'
let cache_key = key+"_" + $("input[name='contentid']").val()
let html = localStorage.getItem(cache_key)
editor.customConfig.onblur = function (html) {
localStorage.setItem(cache_key, html)
}
editor.create()
if (html) editor.txt.html(html)//缓存的内容
return editor
}*/
</script>
</body>
</html>

163
root/content/funs.html Normal file
View File

@@ -0,0 +1,163 @@
<row class="funs">
<div class="col-md-12">
<h3 >平台功能</h3>
</div>
<div class="col-md-12" style="padding-top: 10px;overflow:auto;">
<table class="table table-bordered table-hover" style="width: 100%">
<!--<thead>
<tr>
<th v-for="field in cfg.cols" v-text="field.label"></th>
<th>操作</th>
</tr>
</thead>-->
<tbody>
<tr>
<td>用户</td>
</tr>
<tr>
<td>文章</td>
</tr>
<tr>
<td>游戏</td>
</tr>
<tr>
<td>全文检索</td>
</tr>
<tr>
<td>IM</td>
</tr>
<tr>
<td>通知</td>
</tr>
<!--<tr v-for="row in list.rows">
<td v-for="field in cfg.cols" v-title="row[field.col]" v-text="row[field.col]"></td>
<td>
<a @click="openDia(row)" href="javascript:;">编辑</a>|
<a @click="row['status']=1;qsave(row);" v-show="row.status != 1" href="javascript:;">启用</a>
<a @click="row['status']=0;qsave(row);" v-show="row.status == 1" href="javascript:;">不启用</a> |
<a @click="row['status']=-1;comfirmDel(row);" href="javascript:;">删除</a>
</td>
</tr>-->
</tbody>
</table>
<div v-show="!row || list.rows == 0" style="text-align: center">
<img src="../res/img/none.png">
<p>暂无数据</p>
</div>
</div>
<!-- modal-tpl -->
<!--<div class="col-md-12">
&lt;!&ndash; 对话框触发按钮 &ndash;&gt;
&lt;!&ndash; 对话框HTML &ndash;&gt;
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
<h4 class="modal-title">QTask编辑</h4>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 required">任务名称</label>
<div class="col-md-6 col-sm-10">
<input v-model="row.title" class="form-control" placeholder="请输入 业务名称">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 required">任务标识码</label>
<div class="col-md-6 col-sm-10">
<input v-model="row.name" :readonly="row.key" class="form-control" placeholder="请输入 任务标识码">
</div>
</div>
<div class="form-group" style="margin-bottom: 0">
<label class="col-md-2 required">执行内容</label>
<div class="col-md-10">
<textarea v-model="row.content" class="form-control layui-code" rows="5" placeholder="请输入 SQL (支持jfinal-enjoy模板语法)" > </textarea>
</div>
</div>
<div class="form-group">
<label for="para" class="col-sm-2">默认查询参数</label>
<div class="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 required">数据平台</label>
<div class="col-md-6">
<select v-model="row.dbPlatId" 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>
<div class="form-group">
<label for="para" class="col-sm-2">备注(注释)</label>
<div class="col-sm-10">
<input v-model="row.remark" class="form-control" id="remark" placeholder="请输入 备注">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button @click="save()" type="button" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>
&lt;!&ndash; 小对话框 &ndash;&gt;
&lt;!&ndash;<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#mySmModal">小对话框</button>&ndash;&gt;
<div class="modal fade" id="mySmModal">
<div class="modal-dialog modal-sm">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
<h4 class="modal-title">确认删除数据吗？</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button @click="save()" type="button" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>-->
</row>
<script>
let {search} = tmp
let vm = new Vue({
el: ".funs",
data: {
cfg:{},
keyword: "",
list: {rows:[], total: 0},
row: {},
},
watch: {
},
methods: {
search() {
if (!this.keyword) {
red.showError("输入有效关键字查询")
}
search({keyword: this.keyword}).then(rs => {
this.list = {rows: rs, total: rs.length}
})
}
},
mounted: function () {
// this.loadList();
}
});
</script>

162
root/content/list.html Normal file
View File

@@ -0,0 +1,162 @@
<row class="content-list">
<div class="col-md-12">
<h3 v-text="cfg.title"></h3>
</div>
<div class="col-md-12 ">
<!--<div class="col-md-2" style="padding-left: 0">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button">选择业务平台</button>
</span>
<select class="form-control">
<option>sdfa</option>
<option>sadf</option>
</select>
</div>
</div>-->
<div class="input-group pull-right">
<button @click="search({})" class="btn btn-primary" type="button"> 查询</button>
<!--<button @click="openDia({})" class="btn btn-primary" type="button" style="margin-left: 5px"> 添加QTask</button>-->
</div>
</div>
<div class="col-md-12" style="padding-top: 10px;overflow:auto;">
<table class="table table-bordered table-hover" style="width: 100%">
<thead>
<tr>
<th v-for="field in cfg.cols" v-text="field.label"></th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr v-for="row in list.rows">
<td v-for="field in cfg.cols" v-title="row[field.col]" v-text="row[field.col]"></td>
<td>
<a @click="openDia(row)" href="javascript:;">编辑</a>|
<a @click="row['status']=1;qsave(row);" v-show="row.status != 1" href="javascript:;">启用</a>
<a @click="row['status']=0;qsave(row);" v-show="row.status == 1" href="javascript:;">不启用</a> |
<a @click="row['status']=-1;comfirmDel(row);" href="javascript:;">删除</a>
</td>
</tr>
</tbody>
</table>
<div v-show="!row || list.rows == 0" style="text-align: center">
<img src="../res/img/none.png">
<p>暂无数据</p>
</div>
</div>
<!-- modal-tpl -->
<!--<div class="col-md-12">
&lt;!&ndash; 对话框触发按钮 &ndash;&gt;
&lt;!&ndash; 对话框HTML &ndash;&gt;
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
<h4 class="modal-title">QTask编辑</h4>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 required">任务名称</label>
<div class="col-md-6 col-sm-10">
<input v-model="row.title" class="form-control" placeholder="请输入 业务名称">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 required">任务标识码</label>
<div class="col-md-6 col-sm-10">
<input v-model="row.name" :readonly="row.key" class="form-control" placeholder="请输入 任务标识码">
</div>
</div>
<div class="form-group" style="margin-bottom: 0">
<label class="col-md-2 required">执行内容</label>
<div class="col-md-10">
<textarea v-model="row.content" class="form-control layui-code" rows="5" placeholder="请输入 SQL (支持jfinal-enjoy模板语法)" > </textarea>
</div>
</div>
<div class="form-group">
<label for="para" class="col-sm-2">默认查询参数</label>
<div class="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 required">数据平台</label>
<div class="col-md-6">
<select v-model="row.dbPlatId" 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>
<div class="form-group">
<label for="para" class="col-sm-2">备注(注释)</label>
<div class="col-sm-10">
<input v-model="row.remark" class="form-control" id="remark" placeholder="请输入 备注">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button @click="save()" type="button" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>
&lt;!&ndash; 小对话框 &ndash;&gt;
&lt;!&ndash;<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#mySmModal">小对话框</button>&ndash;&gt;
<div class="modal fade" id="mySmModal">
<div class="modal-dialog modal-sm">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
<h4 class="modal-title">确认删除数据吗？</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button @click="save()" type="button" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>-->
</row>
<script src="http://www.1216.top/res/layui/layui.js"></script>
<script>
let {search} = tmp
let vm = new Vue({
el: ".qtask-list",
data: {
keyword: "",
list: {rows:[], total: 0},
row: {},
},
watch: {
},
methods: {
search() {
if (!this.keyword) {
red.showError("输入有效关键字查询")
}
search({keyword: this.keyword}).then(rs => {
this.list = {rows: rs, total: rs.length}
})
}
},
mounted: function () {
// this.loadList();
}
});
</script>