修改：界面样式
This commit is contained in:
@@ -123,24 +123,26 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-2">
|
||||
<div class="col-xs-6">
|
||||
<div style="padding-left: 10px;background-color: #ccc;width: 100%"> 业务相关表</div>
|
||||
<ul class="nav nav-tabs nav-stacked tlist">
|
||||
<!--<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>
|
||||
</ul>-->
|
||||
|
||||
<!-- 实体字段信息 -->
|
||||
<div class="col-xs-4" style="padding-left: 0px;">
|
||||
<div style="padding-left: 10px;background-color: #ccc;"> 字段信息</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>
|
||||
|
||||
|
||||
<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>
|
||||
<th>附加属性</th>
|
||||
@@ -164,6 +166,11 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 实体字段信息 -->
|
||||
<div class="col-xs-6" style="padding-left: 0px;">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xs-6" style="padding-left: 0px;padding-right: 0px;">
|
||||
<!-- shows -->
|
||||
<div id="show" v-show="status==5">
|
||||
@@ -182,7 +189,7 @@
|
||||
<td class="icon icon-move">
|
||||
<input type="hidden" name="item" :value="JSON.stringify(item)">
|
||||
</td>
|
||||
<td v-text="item.col" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td v-text="dealCol(item.col)" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td style="padding: 1px;"><input v-model="item.label" class="form-control" style="width: 130px;padding: 0px"></td>
|
||||
<td style="padding: 1px;">
|
||||
<select v-model="item.inType" class="form-control" style="width: 130px">
|
||||
@@ -211,8 +218,8 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>字段名</th>
|
||||
<th>中文名</th>
|
||||
<th>数据字段</th>
|
||||
<th>展示名称</th>
|
||||
<th>格式化类型</th>
|
||||
<th>附加参数</th>
|
||||
</tr>
|
||||
@@ -221,7 +228,7 @@
|
||||
<td class="icon icon-move">
|
||||
<input type="hidden" name="item" :value="JSON.stringify(item)">
|
||||
</td>
|
||||
<td v-text="item.col" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td v-text="dealCol(item.col)" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td style="padding: 1px;"><input v-model="item.label" class="form-control" style="padding: 0px"></td>
|
||||
<td style="padding: 1px;">
|
||||
<select v-model="item.inType" class="form-control" style="width: 130px">
|
||||
@@ -246,8 +253,8 @@
|
||||
<thead>
|
||||
<tr style="background-color: #f1f1f1">
|
||||
<th></th>
|
||||
<th>字段名</th>
|
||||
<th>中文名</th>
|
||||
<th>数据字段</th>
|
||||
<th>展示名称</th>
|
||||
<!--<th>展示名</th>-->
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -272,8 +279,8 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th style="width: 30px">字段名</th>
|
||||
<th style="width: 30px">中文名</th>
|
||||
<th style="width: 30px">数据字段</th>
|
||||
<th style="width: 30px">展示名称</th>
|
||||
<th style="width: 30px">默认</th>
|
||||
<th>组件配置</th>
|
||||
<th>附加参数</th>
|
||||
@@ -283,7 +290,7 @@
|
||||
<td class="icon icon-move">
|
||||
<input type="hidden" name="item" :value="JSON.stringify(item)">
|
||||
</td>
|
||||
<td v-text="item.name" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td v-text="dealCol(item.name)" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td style="padding: 1px;"><input v-model="item.label" class="form-control" style="width: 130px;padding: 0px"></td>
|
||||
<td style="padding: 1px;text-align: center;">
|
||||
<label>
|
||||
@@ -347,7 +354,7 @@
|
||||
<td class="icon icon-move">
|
||||
<input type="hidden" name="item" :value="JSON.stringify(item)">
|
||||
</td>
|
||||
<td v-text="item.col" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td v-text="dealCol(item.col)" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td style="padding: 1px;"><input v-model="item.label" class="form-control" style="width: 130px;padding: 0px"></td>
|
||||
<td style="padding: 1px;">
|
||||
<select v-model="item.inType" class="form-control" style="width: 130px">
|
||||
@@ -382,7 +389,7 @@
|
||||
<td class="icon icon-move">
|
||||
<input type="hidden" name="item" :value="JSON.stringify(item)">
|
||||
</td>
|
||||
<td v-text="item.col" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td v-text="dealCol(item.col)" style="background-color: rgb(235, 235, 228);"></td>
|
||||
<td style="padding: 1px;"><input v-model="item.label" class="form-control" style="width: 100px;padding: 0px"></td>
|
||||
<td style="padding: 1px;">
|
||||
<select v-model="item.inType" class="form-control" style="width: 130px">
|
||||
@@ -439,8 +446,8 @@
|
||||
<br>
|
||||
|
||||
<div v-show="serviceInfo.dels.cate == 'UP_FIELD'" class="form-group">
|
||||
<label class="col-md-2">SQL</label>
|
||||
<div class="col-md-8">
|
||||
<label class="col-xs-2">SQL</label>
|
||||
<div class="col-xs-8">
|
||||
<textarea v-model="serviceInfo.dels.sql1" disabled style="width: 100%;" rows="5"></textarea>
|
||||
<!--
|
||||
<input v-model="serviceInfo.dels.name" class="form-control" id="name" placeholder="请输入Table名称">
|
||||
@@ -449,8 +456,8 @@
|
||||
</div>
|
||||
|
||||
<div v-show="serviceInfo.dels.cate == 'SQL'" class="form-group">
|
||||
<label class="col-md-2">SQL</label>
|
||||
<div class="col-md-8">
|
||||
<label class="col-xs-2">SQL</label>
|
||||
<div class="col-xs-8">
|
||||
<textarea v-model="serviceInfo.dels.sql" style="width: 100%;" rows="5"></textarea>
|
||||
<!--
|
||||
<input v-model="serviceInfo.dels.name" class="form-control" id="name" placeholder="请输入Table名称">
|
||||
@@ -559,7 +566,7 @@
|
||||
|
||||
filters: [],//查询配置
|
||||
|
||||
status: 0, //页面默认状态 0:默认 3:导出 4:导入 5:列表配置 6:查询配置 detail:详情配置 edit:表单配置 del:删除策略配置
|
||||
status: 5, //页面默认状态 0:默认 3:导出 4:导入 5:列表配置 6:查询配置 detail:详情配置 edit:表单配置 del:删除策略配置
|
||||
services: [],//业务列表
|
||||
service: "", //页面选择的业务类型
|
||||
serviceLabel: "",
|
||||
@@ -709,7 +716,7 @@
|
||||
b:for (let j in shows) {
|
||||
if (v[i] == shows[j]['col']) {
|
||||
if (!shows[j]['label']) {
|
||||
shows[j]['label'] = this.getFieldLabel(v[i])
|
||||
shows[j]['label'] = this.getFieldLabel(v[i]) || (shows[j]['col']).replace(/\$/g, ".")
|
||||
}
|
||||
if (!shows[j]['inType']) {
|
||||
shows[j]['inType'] = "INPUT"
|
||||
@@ -1089,6 +1096,13 @@
|
||||
},
|
||||
showInfo() {
|
||||
$('#f-info').modal({moveable: true})
|
||||
},
|
||||
dealCol(col) {
|
||||
return col.replace(/\$/g, ".")
|
||||
},
|
||||
dealTableName(item) {
|
||||
let table = this.serviceDetail['tables'][item]
|
||||
return `[${table.alias}] ${table.name} (${table.comment})`
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user