升级：1、增加界面夜间模式
2、qtask 功能交互升级
3、mysql连接管理增加心跳保活
4、其他修改
This commit is contained in:
@@ -1,6 +1,28 @@
|
||||
|
||||
|
||||
<row class="data-list">
|
||||
<div class="col-md-12">
|
||||
<h3 class="pull-left">业务预览</h3>
|
||||
<div class="col-xs-4 pull-right">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="button">添加过滤条件</button>
|
||||
</span>
|
||||
<select class="form-control" v-model="addFilter" style="width: 130px;">
|
||||
<option v-for="f in cfg.filters" :value="f.name" v-show="!f.checked">{{f.label}}</option>
|
||||
</select>
|
||||
|
||||
<span class="input-group-btn">
|
||||
<button @click="findList()" class="btn btn-primary" type="button"> 查询</button>
|
||||
</span>
|
||||
<span class="input-group-btn" style="padding-left: 10px">
|
||||
<button @click="exportExcel" class="btn" type="button"> 导出</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="info">
|
||||
<a @click="showInfo()" href="javascript:;"><i class="icon icon-info"></i></a>
|
||||
</div>
|
||||
@@ -24,9 +46,9 @@
|
||||
|
||||
<!-- 业务列表 -->
|
||||
<div class="col-xs-2">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 业务列表(Meta-Service)</div>
|
||||
<div style="padding-left: 10px;/*background-color: #ccc;*/width: 100%"> 业务列表(Meta-Service)</div>
|
||||
<ul class="nav nav-tabs nav-stacked dlist" style="height: 100%">
|
||||
<li :class="['clearfix',{'active':service==item.alias}]" v-for="item in services" >
|
||||
<li :class="[{'active':service==item.alias}]" v-for="item in services" >
|
||||
<a @click="service=item.name" :title="`${item.name}`" v-text="`${item.comment}`" href="javascript:;"></a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -34,24 +56,7 @@
|
||||
|
||||
<!-- 预览功能 -->
|
||||
<div class="col-xs-10">
|
||||
<div class="col-xs-4 pull-right">
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="button">添加过滤条件</button>
|
||||
</span>
|
||||
<select class="form-control" v-model="addFilter" style="width: 130px;">
|
||||
<option v-for="f in cfg.filters" :value="f.name" v-show="!f.checked">{{f.label}}</option>
|
||||
</select>
|
||||
|
||||
<span class="input-group-btn">
|
||||
<button @click="findList()" class="btn btn-primary" type="button"> 查询</button>
|
||||
</span>
|
||||
<span class="input-group-btn" style="padding-left: 10px">
|
||||
<button @click="exportExcel" class="btn" type="button"> 导出</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<!-- 过滤条件 -->
|
||||
<div class="col-lg-4 col-xs-6" v-for="(filter,index) in cfg.filters" v-if="filter.checked">
|
||||
@@ -76,7 +81,7 @@
|
||||
|
||||
<!-- 数据表格 -->
|
||||
<div class="col-xs-12" style="padding-top: 10px;overflow:auto;">
|
||||
<table class="table table-bordered table-hover" style="width: 100%">
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- 'sort':field.order>0 -->
|
||||
@@ -110,6 +115,7 @@
|
||||
<img src="../res/img/none.png">
|
||||
<p>暂无数据</p>
|
||||
</div>
|
||||
<!-- 分页 -->
|
||||
<div>
|
||||
<ul class="pager pull-right" style="margin: 5px 10px">
|
||||
|
||||
|
||||
@@ -1,4 +1,8 @@
|
||||
<row class="meta-link">
|
||||
<div class="col-md-12">
|
||||
<h3 v-text="cfg.title"></h3>
|
||||
</div>
|
||||
|
||||
<div class="info">
|
||||
<a @click="showInfo()" href="javascript:;"><i class="icon icon-info"></i></a>
|
||||
</div>
|
||||
@@ -24,8 +28,8 @@
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 sheet-cell">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%;height: 32px;">
|
||||
实体表(Meta-Table) <input v-model="filter" placeholder="筛选实体" style="margin-top: 5px;">
|
||||
<div class="base-info">
|
||||
实体表(Meta-Table) <input v-model="filter" placeholder="关键字筛选表" class="base-input">
|
||||
</div>
|
||||
<ul class="nav nav-tabs nav-stacked tlist" style="height: 100%">
|
||||
<li :class="[{'active': aliasA == item.alias}]" v-for="item in tables" v-if="dealFilter(item)">
|
||||
@@ -35,7 +39,7 @@
|
||||
<!--<p v-show="ckTable && ckTable.length">已选择 <code v-text="ckTable.length||0"></code> 个实体待导入</p>-->
|
||||
</div>
|
||||
<div class="col-xs-8">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%;height: 32px;"> 已关联的表 </div>
|
||||
<div class="base-info"> 已关联的表 </div>
|
||||
<!-- 关联表列表 -->
|
||||
<button v-for="link in linkInfos" @click="aliasB=link.alias" :class="['btn', {'btn-primary' :aliasB==link.alias}]" style="margin: 5px">
|
||||
<i class="icon icon-table"></i>
|
||||
@@ -43,9 +47,9 @@
|
||||
</button>
|
||||
|
||||
<div class="pull-right" style="margin: 5px;">
|
||||
<button @click="status=1" v-show="status==0 && aliasB" class="btn">修改关联关系</button>
|
||||
<button @click="status=0" v-show="status==1" class="btn">取消修改</button>
|
||||
<button @click="addLinkDia()" class="btn">+ 添加关联表</button>
|
||||
<button @click="status=1" v-show="status==0 && aliasB" class="btn btn-default">修改关联关系</button>
|
||||
<button @click="status=0" v-show="status==1" class="btn btn-default">取消修改</button>
|
||||
<button @click="addLinkDia()" class="btn btn-default">+ 添加关联表</button>
|
||||
<button @click="saveLink()" v-show="status==1" class="btn btn-primary" style="margin-left: 15px">保存</button>
|
||||
</div>
|
||||
<!--<div class="clearfix"></div>-->
|
||||
@@ -128,6 +132,7 @@
|
||||
let vm = new Vue({
|
||||
el: ".meta-link",
|
||||
data: {
|
||||
cfg:{title:"实体关系"},
|
||||
status: 0,
|
||||
tables: [], //所有的表数据{name,comment, alias, linkCount}
|
||||
aliasA: '', //选中的主体表别名
|
||||
|
||||
@@ -22,53 +22,88 @@
|
||||
}*/
|
||||
</style>
|
||||
<row class="meta-service">
|
||||
<div class="col-xs-12">
|
||||
<div class="info" style="padding-left: 10px">
|
||||
<a @click="showInfo()" href="javascript:;"><i class="icon icon-info"></i></a>
|
||||
</div>
|
||||
<!-- info -->
|
||||
<div class="modal fade" id="f-info">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<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">功能介绍</h4>
|
||||
<div class="col-md-12">
|
||||
<h3>业务管理</h3>
|
||||
</div>
|
||||
|
||||
<div class="info" style="padding-left: 10px">
|
||||
<a @click="showInfo()" href="javascript:;"><i class="icon icon-info"></i></a>
|
||||
</div>
|
||||
<!-- info -->
|
||||
<div class="modal fade" id="f-info">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<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">功能介绍</h4>
|
||||
</div>
|
||||
<div class="modal-body" style="text-align: left">
|
||||
<div style="text-align: left">
|
||||
<p>
|
||||
<b>如何创建一个业务？</b><br><!-- <span style="color: #f1a325;font-size: 25px">so easy</span> -->
|
||||
1、选择业务主表、填写名称、标识码<br>
|
||||
2、保存<br>
|
||||
3、业务维护(常规业务维护:列表，查询配置，导出配置，修改基本信息， 以及未开发的：详情配置，表单配置)<br>
|
||||
</p>
|
||||
<p>
|
||||
<b>选择主表的意义，关联表信息业务中如何控制？</b><br>
|
||||
业务主表选择某个表，也即当前业务主要围绕这个实体表进行；<br>
|
||||
对于关联表，只需要在MetaLink中建立关联即可，此处选择了业务主表后会自动查询所有已经关联关联的业务表，<br>
|
||||
然后便可以轻松配置 列表要展示，导出哪些字段，查询过滤条件用哪些表的哪些字段，等等。。
|
||||
</p>
|
||||
<b>MetaService概念模型</b>
|
||||
<img src="../res/img/MetaService.png">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="modal-body" style="text-align: left">
|
||||
<div style="text-align: left">
|
||||
<p>
|
||||
<b>如何创建一个业务？</b><br><!-- <span style="color: #f1a325;font-size: 25px">so easy</span> -->
|
||||
1、选择业务主表、填写名称、标识码<br>
|
||||
2、保存<br>
|
||||
3、业务维护(常规业务维护:列表，查询配置，导出配置，修改基本信息， 以及未开发的：详情配置，表单配置)<br>
|
||||
</p>
|
||||
<p>
|
||||
<b>选择主表的意义，关联表信息业务中如何控制？</b><br>
|
||||
业务主表选择某个表，也即当前业务主要围绕这个实体表进行；<br>
|
||||
对于关联表，只需要在MetaLink中建立关联即可，此处选择了业务主表后会自动查询所有已经关联关联的业务表，<br>
|
||||
然后便可以轻松配置 列表要展示，导出哪些字段，查询过滤条件用哪些表的哪些字段，等等。。
|
||||
</p>
|
||||
<b>MetaService概念模型</b>
|
||||
<img src="../res/img/MetaService.png">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--<p>数据存贮结构如下：</p>
|
||||
<img src="../res/img/meta_service.png">-->
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||
</div>
|
||||
<!--<p>数据存贮结构如下：</p>
|
||||
<img src="../res/img/meta_service.png">-->
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="input-group list-head">
|
||||
<div class="col-xs-3">
|
||||
<button @click="createService()" class="btn btn-primary" type="button"> 新建业务</button>
|
||||
<hr>
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th>业务KEY</th>
|
||||
<th>业务名称</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
<tr v-for="item in services" @click="service=item.name;serviceLabel=item.comment;">
|
||||
<td>{{item.name}}</td>
|
||||
<td>{{item.comment}}</td>
|
||||
<td>
|
||||
<a href="javascript:">编辑</a>
|
||||
<a href="javascript:">删除</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<span class="input-group-btn">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- 实体字段信息 -->
|
||||
<!--<div class="col-xs-4" style="padding-left: 0px;">
|
||||
|
||||
</div>-->
|
||||
|
||||
<div class="col-xs-9" style="padding-left: 0px;padding-right: 0px;">
|
||||
<div class="input-group list-head pull-right">
|
||||
|
||||
<div class="pull-left"></div>
|
||||
|
||||
<!--<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="button">选择业务类型</button>
|
||||
</span>
|
||||
|
||||
@@ -77,7 +112,7 @@
|
||||
<ul class="dropdown-menu">
|
||||
<li v-for="item in services" @click="service=item.name;serviceLabel=item.comment;"><a href="javascript:;" v-text="`${item.comment}`"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
<!--
|
||||
<option v-for="item in services" :value="item.name"> {{item.name}} [{{item.comment}}]</option>
|
||||
@@ -86,9 +121,9 @@
|
||||
</select>
|
||||
-->
|
||||
|
||||
<span class="input-group-btn pull-left" style="padding-left: 5px">
|
||||
<button @click="createService()" :class="['btn']" type="button"> 新建业务</button>
|
||||
</span>
|
||||
<!--<span class="input-group-btn pull-left" style="padding-left: 5px">
|
||||
<button @click="createService()" class="btn btn-primary" type="button"> 新建业务</button>
|
||||
</span>-->
|
||||
|
||||
|
||||
<span class="input-group-btn" style="padding-left: 20px">
|
||||
@@ -121,60 +156,55 @@
|
||||
<button @click="save()" :class="['btn',{'btn-primary':status!=0},{'disabled':status==0}]" type="button"> 保存</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
<div class="col-xs-4">
|
||||
<div class="base-info"> 业务相关表</div>
|
||||
<!--<ul class="nav nav-tabs nav-stacked tlist">
|
||||
<li @click="sheet=item" :class="[{active: sheet==item }]" v-for="item in sheetArr">
|
||||
<a href="javascript:;" data-target="#tab3Content1" data-toggle="tab" v-text="serviceDetail['tables'][item]['name']"></a>
|
||||
</li>
|
||||
</ul>-->
|
||||
|
||||
<div class="col-xs-6">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 业务相关表</div>
|
||||
<!--<ul class="nav nav-tabs nav-stacked tlist">
|
||||
<li @click="sheet=item" :class="[{active: sheet==item }]" v-for="item in sheetArr">
|
||||
<a href="javascript:;" data-target="#tab3Content1" data-toggle="tab" v-text="serviceDetail['tables'][item]['name']"></a>
|
||||
</li>
|
||||
</ul>-->
|
||||
<div class="btn-group" style="margin: 5px 0">
|
||||
<a class="btn btn-default" @click="sheet=item" v-for="item in sheetArr" v-text="dealTableName(item)"> </a>
|
||||
</div>
|
||||
|
||||
<div class="btn-group" style="margin: 5px 0">
|
||||
<a class="btn" @click="sheet=item" v-for="item in sheetArr" v-text="dealTableName(item)"> </a>
|
||||
|
||||
<div class="base-info">字段信息</div>
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td v-show="status==3 || status==4 || status==5 || status==6"><input type="checkbox"></td>
|
||||
<th v-show="status==1"></th>
|
||||
<th>数据字段</th>
|
||||
<th>注释</th>
|
||||
<!--<th>数据类型</th>
|
||||
<th>输入类型</th>
|
||||
<th>附加属性</th>
|
||||
<th>备注</th>-->
|
||||
</tr>
|
||||
<tr v-for="(item, index) in serviceDetail['tables'][sheet].items">
|
||||
<td v-show="status==3"><input type="checkbox" v-model="exportArr" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status==4"><input type="checkbox" v-model="serviceInfo.imports" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status==5"><input type="checkbox" v-model="showFields" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status==6"><input type="checkbox" v-model="filterArr" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status=='detail'"><input type="checkbox" v-model="detailArr" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status=='edit'"><input type="checkbox" v-model="editArr" :value="sheet + '$' + item.name"></td>
|
||||
|
||||
<td v-text="item.name" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td v-text="item.label"></td>
|
||||
<!--<td v-text="item.type"></td>
|
||||
<td v-text="item.inType"></td>
|
||||
<td v-text="item.inExt"></td>
|
||||
<td v-text="item.remark"></td>-->
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div style="padding-left: 10px;background-color: #ccc;">字段信息</div>
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td v-show="status==3 || status==4 || status==5 || status==6"><input type="checkbox"></td>
|
||||
<th v-show="status==1"></th>
|
||||
<th>数据字段</th>
|
||||
<th>注释</th>
|
||||
<!--<th>数据类型</th>
|
||||
<th>输入类型</th>
|
||||
<th>附加属性</th>
|
||||
<th>备注</th>-->
|
||||
</tr>
|
||||
<tr v-for="(item, index) in serviceDetail['tables'][sheet].items">
|
||||
<td v-show="status==3"><input type="checkbox" v-model="exportArr" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status==4"><input type="checkbox" v-model="serviceInfo.imports" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status==5"><input type="checkbox" v-model="showFields" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status==6"><input type="checkbox" v-model="filterArr" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status=='detail'"><input type="checkbox" v-model="detailArr" :value="sheet + '$' + item.name"></td>
|
||||
<td v-show="status=='edit'"><input type="checkbox" v-model="editArr" :value="sheet + '$' + item.name"></td>
|
||||
|
||||
<td v-text="item.name" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td v-text="item.label"></td>
|
||||
<!--<td v-text="item.type"></td>
|
||||
<td v-text="item.inType"></td>
|
||||
<td v-text="item.inExt"></td>
|
||||
<td v-text="item.remark"></td>-->
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 实体字段信息 -->
|
||||
<div class="col-xs-6" style="padding-left: 0px;">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xs-6" style="padding-left: 0px;padding-right: 0px;">
|
||||
<div class="col-xs-8">
|
||||
<!-- shows -->
|
||||
<div id="show" v-show="status==5">
|
||||
<div style="padding-left: 10px;background-color: #ccc;"> 列表配置</div>
|
||||
<div class="base-info"> 列表配置</div>
|
||||
<table class="table table-bordered table-auto">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -213,8 +243,8 @@
|
||||
|
||||
<!-- exports -->
|
||||
<div id="export" v-show="status==3">
|
||||
<div style="padding-left: 10px;background-color: #ccc;"> 导出配置</div>
|
||||
<table class="table table-bordered table-auto" style="width: 100%">
|
||||
<div class="base-info"> 导出配置</div>
|
||||
<table class="table table-bordered table-auto">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
@@ -274,8 +304,8 @@
|
||||
|
||||
<!-- filters -->
|
||||
<div id="filter" v-show="status==6">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 查询配置</div>
|
||||
<table class="table table-bordered table-auto" style="width: 100%">
|
||||
<div class="base-info"> 查询配置</div>
|
||||
<table class="table table-bordered table-auto">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
@@ -338,7 +368,7 @@
|
||||
|
||||
<!-- details -->
|
||||
<div id="detail" v-show="status=='detail'">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 详情配置</div>
|
||||
<div class="base-info"> 详情配置</div>
|
||||
<table class="table table-bordered table-auto">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -372,7 +402,7 @@
|
||||
|
||||
<!-- edits -->
|
||||
<div id="edit" v-show="status=='edit'">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 表单配置</div>
|
||||
<div class="base-info"> 表单配置</div>
|
||||
<table class="table table-bordered table-auto">
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -428,7 +458,7 @@
|
||||
|
||||
<!-- del -->
|
||||
<div id="del" v-show="status=='del'">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 删除策略</div>
|
||||
<div class="base-info"> 删除策略</div>
|
||||
<div class="panel-body" style="overflow:auto;">
|
||||
<form class="form-horizontal">
|
||||
<!--
|
||||
@@ -468,6 +498,7 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1112,7 +1143,7 @@
|
||||
|
||||
dictList({type:"dict"}).then(res => {
|
||||
this.dictType = res
|
||||
console.log(res)
|
||||
//console.log(res)
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
@@ -30,6 +30,10 @@
|
||||
</style>
|
||||
<!-- 对话框HTML -->
|
||||
<div class="importDev">
|
||||
<div class="col-md-12">
|
||||
<h3>实体导入</h3>
|
||||
</div>
|
||||
|
||||
<div class="info">
|
||||
<a @click="showInfo()" href="javascript:;"><i class="icon icon-info"></i></a>
|
||||
</div>
|
||||
@@ -108,7 +112,7 @@
|
||||
<!-- excel sheets -->
|
||||
<div class="row" v-show="sheet">
|
||||
<div class="col-xs-2 sheet-cell">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> Excel-Sheet</div>
|
||||
<div class="base-info"> Excel-Sheet</div>
|
||||
<ul class="nav nav-tabs nav-stacked tlist" style="height: 100%">
|
||||
<li class="checkbox-inline clearfix" v-for="item in sheetArr" >
|
||||
<!-- || sheetData[item]['hv']==1 -->
|
||||
@@ -123,15 +127,15 @@
|
||||
<p v-show="ck && ck.length">已选择 <code v-text="ck.length||0"></code> 个实体待导入</p>
|
||||
</div>
|
||||
<div class="col-xs-8">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> Sheet-Detail</div>
|
||||
<div class="base-info"> Sheet-Detail</div>
|
||||
<div class="tab-content col-xs-9">
|
||||
<div class="tab-pane fade active in" id="">
|
||||
<table class="table-bordered" style="width: 100%">
|
||||
<table class="table-bordered">
|
||||
<caption class="" v-show="sheet && (sheet!='表说明' || sheet!='表名称')">
|
||||
表名称： <span v-text="metaTable.field"></span>，中文名：<span v-text="metaTable.comment"></span>
|
||||
</caption>
|
||||
<thead>
|
||||
<tr style="background-color: #f1f1f1" v-show="sheet && sheet!='表说明' && sheet!='表名称'">
|
||||
<tr v-show="sheet && sheet!='表说明' && sheet!='表名称'">
|
||||
<th>列名</th>
|
||||
<th>注释</th>
|
||||
<th>数据类型</th>
|
||||
@@ -193,10 +197,10 @@
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<div class="row" v-show="tableName">
|
||||
<div class="col-xs-2 sheet-cell">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> DB-Table</div>
|
||||
<div class="col-xs-4 sheet-cell">
|
||||
<div class="base-info"> DB-Table</div>
|
||||
<ul class="nav nav-tabs nav-stacked tlist" style="height: 90%">
|
||||
<li class="checkbox-inline clearfix" v-for="item in tableArr" >
|
||||
<li class="checkbox-inline" v-for="item in tableArr" >
|
||||
<!-- || tableData[item]['hv']==1 -->
|
||||
<input type="checkbox"
|
||||
v-model="ckTable"
|
||||
@@ -207,13 +211,20 @@
|
||||
</li>
|
||||
</ul>
|
||||
<!-- v-show="ckTable && ckTable.length" -->
|
||||
|
||||
<p >已选择 <code v-text="ckTable.length||0"></code> 个实体待导入，上面<code class="text-danger">红色</code> 部分已经导入过的数据表</p>
|
||||
|
||||
<div class="modal-footer" v-show="cate=='mysql'">
|
||||
<button @click="back()" type="button" class="btn btn-default" data-dismiss="modal">返回</button>
|
||||
<button @click="ckTable=[]" type="button" class="btn btn-default" data-dismiss="modal">取消选择</button>
|
||||
<button @click="saveTable()" type="button" class="btn btn-primary">导入</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-8">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> Table-Detail</div>
|
||||
<div class="base-info"> Table-Detail</div>
|
||||
<div class="tab-content col-xs-9">
|
||||
<div class="tab-pane fade active in">
|
||||
<table class="table-bordered" style="width: 100%">
|
||||
<table class="table-bordered">
|
||||
<caption class="" v-show="tableName && (sheet!='表说明' || sheet!='表名称')">
|
||||
表名称： <span v-text="tableInfo.name"></span>，中文名：<span v-text="tableInfo.comment"></span>
|
||||
</caption>
|
||||
@@ -255,11 +266,6 @@
|
||||
<button @click="ck=[]" type="button" class="btn btn-default" data-dismiss="modal">取消选择</button>
|
||||
<button @click="saveTable()" type="button" class="btn btn-primary">确定</button>
|
||||
</div>
|
||||
<div class="modal-footer" v-show="cate=='mysql'">
|
||||
<button @click="ckTable=[]" type="button" class="btn btn-default" data-dismiss="modal">取消选择</button>
|
||||
<button @click="back()" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
||||
<button @click="saveTable()" type="button" class="btn btn-primary">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12" style="padding-top: 10px;overflow:auto;">
|
||||
<table class="table table-bordered table-hover" style="width: 100%">
|
||||
<table class="table table-bordered table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th v-for="field in cfg.cols" v-text="field.label"></th>
|
||||
|
||||
@@ -1,4 +1,8 @@
|
||||
<row class="meta-list">
|
||||
<div class="col-md-12">
|
||||
<h3 v-text="cfg.title" class="pull-left"></h3>
|
||||
</div>
|
||||
|
||||
<div class="info">
|
||||
<a @click="showInfo()" href="javascript:;"><i class="icon icon-info"></i></a>
|
||||
</div>
|
||||
@@ -21,22 +25,40 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 col-xs-12">
|
||||
|
||||
<hr style="margin: 0px 5px 5px">
|
||||
</div>
|
||||
|
||||
<!-- 实体列表 -->
|
||||
<div class="col-md-4 col-xs-4">
|
||||
<div>
|
||||
实体表(Meta-Table) <input v-model="filter" placeholder="筛选实体" class="base-input">
|
||||
<button @click="loadImportPage()" class="btn btn-primary pull-right" type="button"> <i class="icon icon-signin"></i>导入实体</button>
|
||||
</div>
|
||||
<ul class="nav nav-tabs nav-stacked tlist" style="height: 100%">
|
||||
<li :class="[{'active':alias==item.alias}]" v-for="item in tables" v-if="dealFilter(item)">
|
||||
<a @click="alias=item.alias" :title="dealTableLabel(item)" data-toggle="tooltip" v-text="dealTableLabel(item)" href="javascript:;"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-md-8 col-xs-8">
|
||||
<div class="input-group list-head">
|
||||
<div class="pull-left">
|
||||
<span class="input-group-btn">
|
||||
<button @click="loadImportPage()" :class="['btn','btn-primary']" type="button"> <i class="icon icon-signin"></i>导入实体</button>
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<span class="input-group-btn" style="padding-left: 5px">
|
||||
<button @click="status=8" :class="['btn',{'btn-primary':status==8}]" type="button"> 实体关系（MetaLink）</button>
|
||||
<button @click="status=8" :class="['btn',{'btn-primary':status==8}]" type="button"> 实体关系</button>
|
||||
</span>
|
||||
|
||||
<span class="input-group-btn" style="padding-left: 10px">
|
||||
<button @click="status=2" :class="['btn',{'btn-primary':status==2}]" type="button"> 字段编辑</button>
|
||||
</span>
|
||||
<span class="input-group-btn">
|
||||
<button @click="status=1" :class="['btn',{'btn-primary':status==1}]" type="button"> 排序</button>
|
||||
<button @click="status=1" :class="['btn',{'btn-primary':status==1}]" type="button"> 字段排序</button>
|
||||
</span>
|
||||
|
||||
<span class="input-group-btn" style="padding-left: 10px">
|
||||
@@ -47,29 +69,14 @@
|
||||
<button @click="save()" :class="['btn',{'btn-primary':status!=0},{'disabled':status==0}]" type="button"> 保存</button>
|
||||
</span>
|
||||
</div>
|
||||
<hr style="margin: 0px 5px 5px">
|
||||
</div>
|
||||
|
||||
<!-- 实体列表 -->
|
||||
<div class="col-md-4 col-xs-4">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%">
|
||||
实体表(Meta-Table) <input v-model="filter" placeholder="筛选实体" style="margin-top: 5px;">
|
||||
</div>
|
||||
<ul class="nav nav-tabs nav-stacked tlist" style="height: 100%">
|
||||
<li :class="['clearfix',{'active':alias==item.alias}]" v-for="item in tables" v-if="dealFilter(item)">
|
||||
<a @click="alias=item.alias" :title="dealTableLabel(item)" data-toggle="tooltip" v-text="dealTableLabel(item)" href="javascript:;"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-md-8 col-xs-8">
|
||||
<!-- 实体属性列表 -->
|
||||
<div class="panel" v-show="status!=7 && status!=8">
|
||||
|
||||
<!-- baseInfo -->
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 基本属性</div>
|
||||
<div class="base-info">基本属性</div>
|
||||
<!--<div class="panel-heading">基本属性配置</div>-->
|
||||
<table :class="['table','table-bordered']" style="width: 100%">
|
||||
<table :class="['table','table-bordered']">
|
||||
<tr>
|
||||
<th style="width: 100px">表名</th>
|
||||
<td><span class="label label-outline" title="表别名alias">{{row.alias}}</span> {{row.name}}</td>
|
||||
@@ -83,8 +90,8 @@
|
||||
|
||||
</table>
|
||||
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 字段信息</div>
|
||||
<table :class="[{'table':status!=2},'table-bordered']" style="width: 100%">
|
||||
<div class="base-info"> 字段信息</div>
|
||||
<table :class="[{'table':status!=2},'table-bordered']">
|
||||
<tr style="background-color: #f1f1f1">
|
||||
<td v-show="status==3 || status==4 || status==5 || status==6"><input type="checkbox"></td>
|
||||
<th v-show="status==1"></th>
|
||||
@@ -148,7 +155,7 @@
|
||||
|
||||
<!-- baseInfo -->
|
||||
<div class="panel" v-show="status==7 ">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 基本属性配置</div>
|
||||
<div class="base-info"> 基本属性配置</div>
|
||||
<!--<div class="panel-heading">基本属性配置</div>-->
|
||||
<div class="panel-body" style="overflow:auto;">
|
||||
<form class="form-horizontal">
|
||||
@@ -192,7 +199,7 @@
|
||||
</div>
|
||||
|
||||
<div class="panel" v-show="status==8">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 实体关系</div>
|
||||
<div class="base-info"> 实体关系</div>
|
||||
|
||||
<p style="padding: 5px">整理中，【实体关系】放到此处维护</p>
|
||||
</div>
|
||||
@@ -214,6 +221,7 @@
|
||||
let vm = new Vue({
|
||||
el: ".meta-list",
|
||||
data: {
|
||||
cfg: {"title": "实体管理"},
|
||||
inTypes: ["INPUT", "SELECT_EXT", "INPUT_DT", "FMT_FUN", "FILE"],
|
||||
dataTypes: ["bigint(20)", "varchar(255)", "varchar(64)", "varchar(32)", "varchar(16)", "int(11)", "int(3)", "int(2)", "datetime"],
|
||||
filterCate: ["EQUAL", "NOTEQUAL", "LIKE", "IN"],
|
||||
|
||||
@@ -108,7 +108,7 @@
|
||||
<h4 class="modal-title">功能概览</h4>
|
||||
</div>
|
||||
<div class="modal-body" style="text-align: center">
|
||||
<table class="table-bordered" style="width: 100%">
|
||||
<table class="table-bordered">
|
||||
<tr>
|
||||
<th v-text="tableA.comment"></th>
|
||||
<th v-text="tableB.comment"></th>
|
||||
|
||||
Reference in New Issue
Block a user