优化映射配置页面

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