修改:界面样式
This commit is contained in:
@@ -23,17 +23,19 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-xs-4 sheet-cell">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 实体表(Meta-Table)</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>
|
||||
<ul class="nav nav-tabs nav-stacked tlist" style="height: 100%">
|
||||
<li :class="[{'active': aliasA == item.alias}]" v-for="item in tables" >
|
||||
<li :class="[{'active': aliasA == item.alias}]" v-for="item in tables" v-if="dealFilter(item)">
|
||||
<a href="javascript:;" @click="aliasA=item.alias" data-target="#tab3Content1" data-toggle="tab" v-text="dealTableLabel(item)"></a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--<p v-show="ckTable && ckTable.length">已选择 <code v-text="ckTable.length||0"></code> 个实体待导入</p>-->
|
||||
</div>
|
||||
<div class="col-md-9 col-xs-8">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 已关联的表 </div>
|
||||
<div class="col-xs-8">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%;height: 32px;"> 已关联的表 </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>
|
||||
@@ -141,6 +143,8 @@
|
||||
|
||||
tableInfoA: {items:[]},
|
||||
tableInfoB: {items:[]},
|
||||
|
||||
filter: '',
|
||||
},
|
||||
watch: {
|
||||
aliasA(v) {
|
||||
@@ -213,7 +217,15 @@
|
||||
})
|
||||
},
|
||||
dealTableLabel(table) {
|
||||
return `${table.name} [${table.comment}] (${table.linkCount})`
|
||||
return `${table.name} (${table.comment||'-'}) [${table.linkCount}]`
|
||||
},
|
||||
dealFilter(table) {
|
||||
// table.name 中是否包含 thiss.filter 的值
|
||||
if (table.name.indexOf(this.filter) > -1 || table.comment.indexOf(this.filter) > -1) {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
},
|
||||
addLinkDia() {
|
||||
this.newLinkTable = ""
|
||||
|
||||
Reference in New Issue
Block a user