<div class="land-manage-page">
<div class="menu-header">
<div class="menu-title" translate="LandManage"></div>
<div class="menu-log">
<button type="button" ng-show="landLoadstatus===pageStatus.hasData" class="btn btn-primary"
ng-click="showAddLandDialog();">
<i class="material-icons button-icons">add_circle_outline</i>
<span translate="AddLand"></span>
</button>
<a class="btn btn-not-important" href="javascript:void(0)" ng-click="showOperateLogPop()"> <i class="material-icons">description</i><span translate="log"></span></a>
</div>
</div>
<div class="content-container land-manage-container">
<div ng-show="landLoadstatus===pageStatus.noData" class="land-no-data">
<i class="material-icons">business</i>
<p>{{'NoLandData' | translate}}</p>
<p>
<button type="button" class="btn btn-in-panel-big" ng-click="showAddLandDialog();"><i class="material-icons button-icons">add_circle_outline</i> <span translate="AddLand"></span></button>
</p>
</div>
<div ng-show="landLoadstatus===pageStatus.hasData" class="land-data">
<div class="left-tree">
<div ng-repeat="land in ::LandList">
<div ng-click="showLand(land);">{{land.name}}</div>
</div>
</div>
<div class="right-panel" style="display:none;" id="detail-content">
<div class="part-one">
<div class="part-one-title">
<i class="material-icons">business</i>
<label>{{Land.organizationName}}-{{Land.name}}</label>
</div>
<div ng-click="showEditLandDialog();" class="edit-land">
<i class="fa fa-pencil" aria-hidden="true"></i>
<span translate="Edit"></span>
</div>
<div ng-click="disableOrActiveLand();" class="disable-enable">
<i class="fa fa-ban" ng-class="['fa',Land.isActive?'fa-ban':'fa-play-circle-o']" aria-hidden="true"></i>
<span translate="UserStateDisable" ng-show="Land.isActive"></span>
<span translate="UserStateEnable" ng-show="!Land.isActive"></span>
</div>
</div>
<div class="split-horization"></div>
<div class="part-two">
<div class="row highlighted-red"><span translate="LandInformation"></span></div>
<div class="row land-info-row">
<div>
<span translate="LandCode"></span>
<span>{{Land.code}}</span>
</div>
<div>
<span translate="LandName"></span>
<span>{{Land.name}}</span>
</div>
</div>
<div class="row land-info-row">
<div>
<span translate="BelongArea"></span>
<span>{{Land.area}}</span>
</div>
<div>
<span translate="BelongCity"></span>
<span>{{Land.city}}</span>
</div>
</div>
<div class="row land-info-row">
<div>
<span translate="Periodization"></span>
<span>{{Land.period}}</span>
</div>
<div>
<span translate="LandAmount"></span>
<span>{{Land.amount}}</span>
</div>
</div>
<div class="row land-info-row">
<div>
<span translate="ComputeTaxWay"></span>
<span>{{Land.computeTaxWayText}}</span>
</div>
<div>
<span translate="IsPrepaid"></span>
<span>{{Land.isPrepaidText}}</span>
</div>
</div>
</div>
<div class="split-horization"></div>
<div class="part-three">
<div class="part-three-title">
<label translate="AdvancedConfiguration"></label>
</div>
<div class="part-three-content">
<div class="filter">
<span translate="TaxationBasis"></span>
<span class="tag" style="background-color: #E23D2C;" translate="All" ng-click="filterTax(-1);"></span>
<span class="tag" style="background-color: #EB8C00;" translate="ComputeTax" ng-click="filterTax(true);"></span>
<span class="tag" style="background-color: #EB8C00;" translate="Undetermined" ng-click="filterTax(false);"></span>
<!--<div ng-click="showEditTaxBasisDialog();">
<i class="material-icons">create</i>
<span translate="Edit"></span>
</div>-->
</div>
<div dx-data-grid="gridOptions" id="taxGrid"></div>
</div>
</div>
</div>
</div>
</div>
<!--dialog-->
<div id="add-land" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="false">
<div class="modal-dialog" role="dialog" style="width:760px;">
<div class="modal-content">
<div class="modal-header">
<h4 translate="AddLand"></h4>
</div>
<div class="modal-body">
<div class="row highlighted-red"><span translate="LandInformation"></span></div>
<div class="form-horizontal">
<div class="form-group">
<label for="organization" class="col-sm-3 control-label" translate="LandBelongOrganization"></label>
<div class="col-sm-3">
<org-selector selected-org-name="editLand.organizationName" selected-org-id="editLand.organizationID" component-selected-org="editLand.organization" is-show-all=false style="width: 100%;" name="selectOrganization" required></org-selector>
</div>
</div>
<div class="form-group">
<label for="landCode" class="col-sm-3 control-label" translate="LandCode"></label>
<div class="col-sm-3">
<input name="landCode" class="form-control" ng-model="editLand.code" />
</div>
<label for="landName" class="col-sm-3 control-label" translate="LandName"></label>
<div class="col-sm-3">
<input name="landName" class="form-control" ng-model="editLand.name" />
</div>
</div>
<div class="form-group">
<label for="belongArea" class="col-sm-3 control-label" translate="BelongArea"></label>
<div class="col-sm-3">
<input name="belongArea" class="form-control" ng-model="editLand.area" />
</div>
<label for="belongCity" class="col-sm-3 control-label" translate="BelongCity"></label>
<div class="col-sm-3">
<input name="belongCity" class="form-control" ng-model="editLand.city" />
</div>
</div>
<div class="form-group">
<label for="periodization" class="col-sm-3 control-label" translate="Periodization"></label>
<div class="col-sm-3">
<!--<input name="periodization" class="form-control" ng-model="editLand.period" />-->
<div class="form-control" dx-number-box="periodOptions"></div>
</div>
<label for="landAmount" class="col-sm-3 control-label" translate="LandAmount"></label>
<div class="col-sm-3">
<!--<input name="landAmount" class="form-control" ng-model="editLand.amount" />-->
<div class="form-control" dx-number-box="{}"></div>
</div>
</div>
<div class="form-group">
<label for="computeTaxWay" class="col-sm-3 control-label" translate="ComputeTaxWay"></label>
<div class="col-sm-3">
<div dx-select-box="wayOptions"></div>
</div>
<label for="isPrepaid" class="col-sm-3 control-label" translate="IsPrepaid"></label>
<div class="col-sm-3" style="margin-top:5px;">
<span translate="Yes"></span>
<input name="isPrepaid" type="radio" ng-value="1" ng-model="editLand.isPrepaid" />
<span translate="No"></span>
<input name="isPrepaid" type="radio" ng-value="0" ng-model="editLand.isPrepaid" />
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" translate="Confirm" data-dismiss="modal" ng-click="addorUpdateLand();"></button>
<button class="btn btn-third" translate="Cancel" data-dismiss="modal" ng-click="initLand();"></button>
</div>
</div>
</div>
</div>
<!--<div id="add-tax-basic" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="taxBasic" data-backdrop="false">
<div class="modal-dialog" role="dialog">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>-->
</div>