优化映射配置页面

This commit is contained in:
java110 2020-04-18 00:27:42 +08:00
parent 45a382d50f
commit 278589cd96

View File

@ -1,4 +1,4 @@
<div >
<div>
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
@ -12,20 +12,20 @@
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="请输入域"
v-model="mappingManageInfo.conditions.domain" class=" form-control">
<input type="text" placeholder="请输入域" v-model="mappingManageInfo.conditions.domain"
class=" form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="请输入名称"
v-model="mappingManageInfo.conditions.name" class=" form-control">
<input type="text" placeholder="请输入名称" v-model="mappingManageInfo.conditions.name"
class=" form-control">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" placeholder="请输入键"
v-model="mappingManageInfo.conditions.key" class=" form-control">
<input type="text" placeholder="请输入键" v-model="mappingManageInfo.conditions.key"
class=" form-control">
</div>
</div>
<div class="col-sm-1">
@ -54,50 +54,47 @@
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny"
data-page-size="15"
style="table-layout: fixed;word-break:break-all;"
>
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">编码ID</th>
<th class="text-center"></th>
<th class="text-center">名称</th>
<th class="text-center"></th>
<th class="text-center"></th>
<th class="text-right">操作</th>
</tr>
<tr>
<th class="text-center">编码ID</th>
<th class="text-center"></th>
<th class="text-center">名称</th>
<th class="text-center"></th>
<th class="text-center"></th>
<th class="text-right">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="mapping in mappingManageInfo.mappings">
<td class="text-center">{{mapping.id}}</td>
<td class="text-center">{{mapping.domain}}</td>
<td class="text-center">{{mapping.name}}</td>
<td class="text-center">{{mapping.key}}</td>
<td class="text-center">{{mapping.value}}</td>
<td class="text-right">
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openEditMappingModel(mapping)">
修改
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openDeleteMappingModel(mapping)">
删除
</button>
</div>
</td>
<tr v-for="mapping in mappingManageInfo.mappings">
<td class="text-center">{{mapping.id}}</td>
<td class="text-center">{{mapping.domain}}</td>
<td class="text-center">{{mapping.name}}</td>
<td class="text-center">{{mapping.key}}</td>
<td class="text-center">{{mapping.value}}</td>
<td class="text-right">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openEditMappingModel(mapping)">
修改
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openDeleteMappingModel(mapping)">
删除
</button>
</div>
</td>
</tr>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
@ -111,4 +108,4 @@
<vc:create name="editMapping"></vc:create>
<vc:create name="deleteMapping"></vc:create>
</div>
</div>