<ion-view view-title="燃具设备信息" class="equipment newRepair automatic-payment-view">
  <ion-header-bar align-title="center" class="bar-stable">
    <div class="buttons" ng-click="goBack()">
      <button class="button button-icon icon ion-ios-arrow-back">
      </button>
    </div>
    <h1 class="title">燃具设备信息</h1>
    <div class="buttons" ng-if="isEdit" ng-click="edit()">
      <img src="img/new/edit.png" width="25px" height="25px" style="align-items: center;">
    </div>
  </ion-header-bar>
  <ion-content class="mine-subfile new-equipment automatic-payment-content">
    <!-- ng-if="!isHide || equipmentInfo.cookerList.length !== 0" -->
    <div class="card-div">
      <div class="row-div" style="justify-content: space-between;">
        <div class="left-cell name-text">燃气灶</div>
        <img ng-if="isShow" ng-src="img/new/add.png" style="width:31px; height:31px;" alt="" ng-click="addCooker()"/>
      </div>
      <div class="cardItem" ng-repeat="item in equipmentInfo.cookerList">
        <div>
          <div class="cell cell-new" ng-click="equipmentInfo.showItems($index,'cookerStructure')">
            <div class="hd hd-new">
              灶结构：
            </div>
            <div class="bd bd-new">
              {{item.cookerStructure}}
            </div>
            <i class="icon ion-chevron-right" style="padding-left: 10px;"></i>
          </div>
          <div class="cell cell-new" ng-click="equipmentInfo.showItems($index,'load')">
            <div class="hd hd-new">
              负荷：
            </div>
            <div class="bd bd-new">
              {{item.otherLoad === '其他' ? '' : item.cookerLoad === '其他'? '': item.cookerLoad}}
            </div>
            <i class="icon ion-chevron-right" style="padding-left: 10px;"></i>
          </div>
          <div class="cell cell-new" ng-if="item.otherLoad === '其他'" >
            <div class="bd bd-new"  style="display: flex;align-items: center;justify-content: space-between;">
              <input class="input" type="text" placeholder="请输入负荷"
                  style="width:100%; height:40px; line-height:40px; text-align: right; padding-right: 2%;border-bottom: 1px solid #eee;"
                  ng-model="item.cookerLoad" ng-readonly="!isShow"><span style="width: 50px;">眼灶</span>
            </div>
          </div>
          <div class="cell cell-new">
            <div class="hd hd-new">
              连续用气时间：
            </div>
            <div class="bd bd-new" style="display: flex;align-items: center;justify-content: space-between;">
              <input class="input" type="number" placeholder="请输入数字"
                  style="width:83%; height:40px; line-height:40px; text-align: right; padding-right: 2%;border-bottom: 1px solid #eee;"
                  ng-model="item.gasTime" ng-readonly="!isShow"><span style="width: 50px;">小时</span>
            </div>
          </div>
        </div>
        <img ng-if="isShow" src="img/new/payment/delete.png" width="20px" ng-click="deleteCooker($index,item)">
      </div>
    </div>
    <!-- ng-if="!isHide || equipmentInfo.heaterList.length !== 0" -->
    <div class="card-div">
      <div class="row-div" style="justify-content: space-between;">
        <div class="left-cell name-text">热水器</div>
        <img ng-if="isShow" ng-src="img/new/add.png" style="width:31px; height:31px;" alt="" ng-click="addHeater()"/>
      </div>
      <div class="cardItem" ng-repeat="item in equipmentInfo.heaterList">
        <div>
          <div class="cell cell-new" ng-click="equipmentInfo.showItems($index,'heaterLoad')">
            <div class="hd hd-new">
              热负荷：
            </div>
            <div class="bd bd-new">
              {{item.otherLoad === '其他' ? '' : item.heaterLoad === '其他'? '': item.heaterLoad}}
            </div>
            <i class="icon ion-chevron-right" style="padding-left: 10px;"></i>
          </div>
          <div class="cell cell-new" ng-if="item.otherLoad === '其他'" >
            <div class="bd bd-new"  style="display: flex;align-items: center;">
              <input class="input" type="text" placeholder="请输入热负荷"
                 style="width:100%; height:40px; line-height:40px; text-align: right; padding-right: 2%;border-bottom: 1px solid #eee;"
                 ng-model="item.heaterLoad" ng-readonly="!isShow">L
            </div>
          </div>
          <div class="cell cell-new" ng-click="equipmentInfo.showItems($index,'heaterEfficiency')">
            <div class="hd hd-new">
              能效：
            </div>
            <div class="bd bd-new">
              {{item.otherEfficiency === '其他' ? '' : item.heaterEfficiency === '其他'? '': item.heaterEfficiency}}
            </div>
            <i class="icon ion-chevron-right" style="padding-left: 10px;"></i>
          </div>
          <div class="cell cell-new" ng-if="item.otherEfficiency === '其他'" >
            <div class="bd bd-new"  style="display: flex;align-items: center;">
              <input class="input" type="text" placeholder="请输入能效"
                 style="width:100%; height:40px; line-height:40px; text-align: right; padding-right: 2%;border-bottom: 1px solid #eee;"
                 ng-model="item.heaterEfficiency" ng-readonly="!isShow">级
            </div>
          </div>
          <div class="cell cell-new">
            <div class="hd hd-new">
              连续用气时间：
            </div>
            <div class="bd bd-new" style="display: flex;align-items: center;justify-content: space-between;">
              <input class="input" type="number" placeholder="请输入数字"
                 style="width:83%; height:40px; line-height:40px; text-align: right; padding-right: 2%;border-bottom: 1px solid #eee;"
                 ng-model="item.gasTime" ng-readonly="!isShow"><span style="width: 50px;">小时</span>
            </div>
          </div>
        </div>
        <img ng-if="isShow" src="img/new/payment/delete.png" width="20px" ng-click="deleteHeater($index,item)">
      </div>
    </div>
    <!-- ng-if="!isHide || equipmentInfo.stoveList.length !== 0" -->
    <div class="card-div">
      <div class="row-div" style="justify-content: space-between;">
        <div class="left-cell name-text">壁挂炉</div>
        <img ng-if="isShow" ng-src="img/new/add.png" style="width:31px; height:31px;" alt="" ng-click="addStove()"/>
      </div>
      <div class="cardItem" ng-repeat="item in equipmentInfo.stoveList">
        <div>
          <div class="cell cell-new" ng-click="equipmentInfo.showItems($index,'stoveLoad')">
            <div class="hd hd-new">
              热负荷：
            </div>
            <div class="bd bd-new">
              {{item.otherLoad === '其他' ? '' : item.stoveLoad === '其他'? '': item.stoveLoad}}
            </div>
            <i class="icon ion-chevron-right" style="padding-left: 10px;"></i>
          </div>
          <div class="cell cell-new" ng-if="item.otherLoad === '其他'" >
            <div class="bd bd-new"  style="display: flex;align-items: center;">
              <input class="input" type="text" placeholder="请输入热负荷"
                 style="width:100%; height:40px; line-height:40px; text-align: right; padding-right: 2%;border-bottom: 1px solid #eee;"
                 ng-model="item.stoveLoad" ng-readonly="!isShow">KW
            </div>
          </div>
          <div class="cell cell-new" ng-click="equipmentInfo.showItems($index,'stoveEfficiency')">
            <div class="hd hd-new">
              能效：
            </div>
            <div class="bd bd-new">
              {{item.otherEfficiency === '其他' ? '' : item.stoveEfficiency === '其他'? '': item.stoveEfficiency}}
            </div>
            <i class="icon ion-chevron-right" style="padding-left: 10px;"></i>
          </div>
          <div class="cell cell-new" ng-if="item.otherEfficiency === '其他'" >
            <div class="bd bd-new"  style="display: flex;align-items: center;">
              <input class="input" type="text" placeholder="请输入能效"
                 style="width:100%; height:40px; line-height:40px; text-align: right; padding-right: 2%;border-bottom: 1px solid #eee;"
                 ng-model="item.stoveEfficiency" ng-readonly="!isShow">级
            </div>
          </div>
          <div class="cell cell-new">
            <div class="hd hd-new">
              连续用气时间：
            </div>
            <div class="bd bd-new" style="display: flex;align-items: center;justify-content: space-between;">
              <input class="input" type="number" placeholder="请输入数字"
                 style="width:83%; height:40px; line-height:40px; text-align: right; padding-right: 2%;border-bottom: 1px solid #eee;"
                 ng-model="item.gasTime" ng-readonly="!isShow"><span style="width: 50px;">小时</span>
            </div>
          </div>
        </div>
        <img ng-if="isShow" src="img/new/payment/delete.png" width="20px" ng-click="deleteStove($index,item)">
      </div>
    </div>
    <div class="agreement-div" ng-if="isShow">
      <div class="activate-div">
        <button class="btn-open" ng-click="submitBtn()">提交</button>
      </div>
    </div>
  </ion-content>
</ion-view>
