MicroCommunityWeb/public/components/property/chooseUnit/chooseUnit.html
2020-04-30 22:46:36 +08:00

63 lines
3.3 KiB
HTML

<div id = "chooseUnitModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="chooseUnitModelLabel" aria-hidden="true" >
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="chooseUnitModelLabel">选择单元</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class=" row">
<div class="col-lg-12">
<div class="ibox ">
<div class="row">
<div class="col-sm-7 m-b-xs">
</div>
<div class="col-sm-5">
<div class="input-group">
<input placeholder="输入单元名称" type="text" v-model="chooseUnitInfo._currentUnitName" class="form-control form-control-sm">
<span class="input-group-append">
<button type="button" class="btn btn-sm btn-primary" v-on:click="queryUnits()">查询</button>
</span>
</div>
</div>
</div>
<div class="table-responsive" style="margin-top:15px">
<table class="table table-striped">
<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-center">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="unit in chooseUnitInfo.units">
<td class="text-center">{{unit.unitId}}</td>
<td class="text-center">{{unit.unitNum}}</td>
<td class="text-center">{{unit.layerCount}}</td>
<td class="text-center">{{unit.lift}}</td>
<td class="text-center">{{unit.remark}}</td>
<td>
<button class="btn btn-primary btn-xs" v-on:click="chooseUnit(unit)">选择</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>