<wxs src="./index.wxs" module="utils" />

<view class="image-name-area">
	<image class="image" src="{{devide_img}}" ></image>
	<text class="image-name">{{device_name}}</text>
</view>

<view wx:if="{{isRoDpListShow}}">
  <view class="statuslist">
    <view wx:for="{{roDpList}}" wx:key="{{item.code}}" wx:for-item="item" wx:for-index='idx'>
      <view class="{{utils.countDpItem(roDpListLength,idx)}}">
        <view class="roDpItem-dpName">{{typeTitle[item.code] ? typeTitle[item.code] : item.code}}</view>
        <view class="roDpItem-status">{{typeValue[item.value] ? typeValue[item.value] : item.value}}</view>
      </view>
    </view>
  </view>
</view>

<view class="scroll-view">
  <view wx:if="{{isRwDpListShow}}">
    <view wx:for="{{rwDpList}}" wx:key="{{item.code}}" wx:for-item="item">
      <view wx:if="{{item.type === 'Boolean'}}">
        <Boolean model:isChecked="{{item.value}}" dpCode="{{item.code}}" dpName="{{item.name}}" bind:sendDp="sendDp" />
      </view>
      <view wx:if="{{item.type === 'Integer'}}">
        <Integer model:value="{{item.value}}" values="{{item.values}}" dpCode="{{item.code}}" dpName="{{item.name}}"
          bind:sendDp="sendDp" />
      </view>
      <view wx:if="{{item.type === 'Enum'}}">
        <Enum model:value="{{item.value}}" values="{{item.values}}" dpCode="{{item.code}}" dpName="{{item.name}}"
          bind:sendDp="sendDp" />
      </view>

			<view wx:if="{{item.type === 'Raw'}}">
					<Raw device_id="{{device_id}}"/>
      </view>
    </view>
  </view>
</view>