MicroCommunityWeb/public/components/listFloor/listFloor.html
2020-03-07 21:46:54 +08:00

129 lines
5.6 KiB
HTML

<div id="component" >
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>查询条件</h5>
<div class="ibox-tools" style="top:10px;">
<!-- <button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
v-on:click="_moreCondition()">更多
</button>-->
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="请输入楼栋ID"
v-model="listFloorInfo.conditions.floorId" class=" form-control">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" placeholder="请输入楼栋编号"
v-model="listFloorInfo.conditions.floorNum" class=" form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="请输入楼栋名称"
v-model="listFloorInfo.conditions.floorName" class=" form-control">
</div>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryFloorMethod()"><i
class="glyphicon glyphicon-search" ></i> 查询
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>楼栋信息</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddFloorModal()">
<i class="glyphicon glyphicon-plus"></i>
添加楼栋
</button>
<!--<button type="button" class="btn btn-primary btn-sm" v-on:click="_openBatchAddFloorModal()">
<i class="glyphicon glyphicon-plus"></i>
批量生成
</button>-->
</div>
</div>
<div class="ibox-content">
<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-right">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="floor in listFloorInfo.floors">
<td class="text-center">
{{floor.floorId}}
</td>
<td class="text-center">
{{floor.floorNum}}
</td>
<td class="text-center">
{{floor.floorName}}
</td>
<td class="text-center">
{{floor.userName}}
</td>
<td class="text-right">
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openEditFloorModel(floor)">修改</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openDelFloorModel(floor)">删除</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openAddUnit(floor)">添加单元</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create name="pagination"></vc:create>
</div>
</div>
</div>
</div>
<vc:create name="addFloor"
callBackListener=""
callBackFunction=""
></vc:create>
<!--<vc:create name="batchAddFloor"
callBackListener=""
callBackFunction=""
></vc:create>-->
<vc:create name="editFloor"></vc:create>
<vc:create name="deleteFloor"></vc:create>
</div>