42 lines
2.4 KiB
HTML
42 lines
2.4 KiB
HTML
<div>
|
||
<div class="row">
|
||
<div class="col-md-2">
|
||
<vc:create path="property/floorUnitAllTree" callBackListener="roomStructure"></vc:create>
|
||
</div>
|
||
<div class="col-md-10 margin-bottom " v-if="roomStructureInfo.layerRoomCount < 5">
|
||
<div class="row margin-top-xs bg-white border-radius">
|
||
<div class="col-md-1 text-center margin-sm padding-xs" :title="vc.i18n('双击查看详情','roomStructure')"
|
||
@dblclick="_toSimplifyAcceptance(room)" v-for="(room,index) in roomStructureInfo.rooms"
|
||
:style="{'background-color': _getBgColor(room)}"
|
||
style="color: #fff;border-radius: 5px;cursor:pointer">
|
||
<div>{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}</div>
|
||
<div>{{vc.i18n(room.stateName,'roomStructure')}}</div>
|
||
<div>{{room.ownerName?room.ownerName:'无'}}</div>
|
||
<div>
|
||
<span><vc:i18n name="欠费" namespace="roomStructure"></vc:i18n></span>：{{room.oweAmount}}
|
||
<span><vc:i18n name="元" namespace="roomStructure"></vc:i18n></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-10 margin-bottom " v-else>
|
||
<div v-for="(val, key, index) in roomStructureInfo.parkRooms">
|
||
<span class=" padding-xs">{{key}}F</span>
|
||
<div class="row margin-top-xs bg-white border-radius">
|
||
<div class="col-md-1 text-center margin-sm padding-xs" :title="vc.i18n('双击查看详情','roomStructure')"
|
||
@dblclick="_toSimplifyAcceptance(room)" v-for="(room,index) in val"
|
||
:style="{'background-color': _getBgColor(room)}"
|
||
style="color: #fff;border-radius: 5px;cursor:pointer">
|
||
<div>{{room.floorNum}}-{{room.unitNum}}-{{room.roomNum}}</div>
|
||
<div>{{room.stateName}}</div>
|
||
<div>{{room.ownerName?room.ownerName:'无'}}</div>
|
||
<div>
|
||
<span><vc:i18n name="欠费" namespace="roomStructure"></vc:i18n></span>：{{room.oweAmount}}
|
||
<span><vc:i18n name="元" namespace="roomStructure"></vc:i18n></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |