<div class="listview">
    <div class="row">
        <div class="col-sm-1">
            <rt-button id="btnClose" rt-style="link" rt-title="关闭" rt-icon="times" ng-click="vm.actions.close($event)"></rt-button>
        </div>
        <!-- <div class="col-sm-offset-3 col-sm-8 text-right">
            <rt-button id="btnConfirm" rt-style="link" rt-title="确认" rt-icon="check" ng-click="vm.actions.confirm($event)"></rt-button>
        </div> -->
    </div>

    <div class="row">
        <form class="col-sm-12">
            <ul class="nav nav-tabs" id="areaTab">
                <li class="active">
                    <a href="#A1Province" ng-click="vm.actions.chooseProvinceTab()" onclick="return false;" data-toggle="tab">{{selectedProvince.Name}}</a>
                </li>
                <li ng-show="selectedProvince.Id||selectedCityTabShow">
                    <a href="#A2City" ng-click="vm.actions.chooseCityTab()" onclick="return false;" data-toggle="tab">{{selectedCity.Name}}</a>
                </li>
                <li ng-show="selectedCity.Id||selectedCountyTabShow">
                    <a href="#A3County" ng-click="vm.actions.chooseCountyTab()" onclick="return false;" data-toggle="tab">{{selectedCounty.Name}}</a>
                </li>
            </ul>

            <div class="viewlist" id="A1Province" ng-show="provinceShow">
                <table class="table table-condensed table-hover">
                    <tbody>
                        <tr ng-repeat="row in vm.provinceData">
                            <td>
                                <span>{{row.name}}</span>
                            </td>
                            <td>
                                <rt-data-checkbox value="{{row.Id}}" ng-hide="true" />
                                <button class="btn btn-link" ng-click="vm.actions.selectProvince(row)">选择</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="viewlist" id="A2City" ng-show="cityShow">
                <table class="table table-condensed table-hover">
                    <tbody>
                        <tr ng-repeat="row in vm.cityData">
                            <td>
                                <span>{{row.name}}</span>
                            </td>
                            <td>
                                <rt-data-checkbox value="{{row.Id}}" ng-hide="true" />
                                <button class="btn btn-link" ng-click="vm.actions.selectCity(row)">选择</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="viewlist" id="A3County" ng-show="countyShow">
                <table class="table table-condensed table-hover">
                    <tbody>
                        <tr ng-repeat="row in vm.countyData">
                            <td>
                                <span>{{row.name}}</span>
                            </td>
                            <td>
                                <rt-data-checkbox value="{{row.Id}}" ng-hide="true" />
                                <button class="btn btn-link" ng-click="vm.actions.selectCounty(row)">选择</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </form>
    </div>
</div>