Person_iCloud/pages/params/params.wxml

<navigation-bar background="{{themeMode === 'dark' ? '#111827' : '#FFF'}}"></navigation-bar>
<view wx:if="{{toastText}}" class="page-toast page-toast--{{toastType}} {{themeClass}}">
  {{toastText}}
</view>
<view class="subpage-fixed-header subpage-fixed-header--generic {{themeClass}}">
  <view class="subpage-page-header">
    <view wx:if="{{activeParamView == 'genericModbus'}}" class="panel-actions subpage-actions generic-protocol-actions">
      <view class="panel-action-button {{isPrivateProtocol && !connectedDevice ? 'is-disabled' : ''}}" bindtap="syncGenericModbusGroups">同步</view>
      <view wx:if="{{isPrivateProtocol}}" class="panel-action-button {{connectedDevice ? '' : 'is-disabled'}} {{genericModbusAutoPollEnabled ? 'is-active' : ''}}" bindtap="toggleGenericModbusPolling">轮询</view>
      <view class="panel-action-button" bindtap="saveGenericModbusJson">保存</view>
      <view class="panel-action-button" bindtap="importGenericModbusJson">加载</view>
      <view wx:if="{{isPrivateProtocol}}" class="panel-action-button" bindtap="completeGenericModbusStructs">结构</view>
      <view wx:if="{{isGenericProtocol}}" class="panel-action-button panel-action-button--icon" bindtap="openGenericModbusDraft">+</view>
    </view>
    <view wx:elif="{{activeParamView == 'genericModbusGroup' && isGenericProtocol}}" class="panel-actions subpage-actions">
      <view
        class="panel-action-button {{connectedDevice && !activeGenericGroup.addressOverflow ? '' : 'is-disabled'}}"
        data-group-id="{{activeGenericGroup.id}}"
        bindtap="readGenericModbusGroup"
      >读取</view>
      <view
        wx:if="{{activeGenericGroup.writable}}"
        class="panel-action-button {{connectedDevice && !activeGenericGroup.addressOverflow ? '' : 'is-disabled'}}"
        data-group-id="{{activeGenericGroup.id}}"
        bindtap="writeGenericModbusGroup"
      >写入</view>
      <view class="panel-action-button" bindtap="backToParamsHome">返回</view>
    </view>
  </view>
</view>
<scroll-view class="scrollarea {{themeClass}} scrollarea--subpage scrollarea--generic" scroll-y type="list">
  <view class="page-shell">
    <block wx:if="{{activeParamView == 'genericModbus'}}">
      <view
        wx:for="{{genericModbusGroups}}"
        wx:for-item="group"
        wx:key="id"
        class="generic-group-shell {{group.deleteVisible ? 'is-delete-visible' : ''}}"
      >
        <view
          wx:if="{{!group.expanded && group.deleteVisible}}"
          class="generic-delete-action"
          data-group-id="{{group.id}}"
          bindtap="deleteGenericModbusGroup"
        >
          -
        </view>
        <view
          class="panel generic-group-panel {{group.expanded ? '' : 'panel--collapsed'}}"
          data-group-id="{{group.id}}"
          bindtouchstart="onGenericGroupTouchStart"
          bindtouchend="onGenericGroupTouchEnd"
        >
          <view class="panel-header panel-header--with-actions">
            <view
              class="panel-heading-toggle"
              data-group-id="{{group.id}}"
              bindtap="openGenericModbusGroup"
            >
              <view class="panel-icon icon-terminal">
                <image class="panel-icon-image" src="/assets/icons/terminal-white.png" mode="aspectFit" />
              </view>
              <view class="generic-group-title-wrap">
                <view class="panel-title" data-group-id="{{group.id}}" catchlongpress="openGenericGroupEdit">{{group.name}}</view>
                <view class="param-meta generic-group-meta">{{group.addressRangeText}} · {{group.quantity}}/{{group.wordQuantity}}{{group.sourceMetaText ? ' · ' + group.sourceMetaText : ''}}{{group.addressWarningText ? ' · ' + group.addressWarningText : ''}}</view>
              </view>
            </view>
            <view wx:if="{{isGenericProtocol}}" class="panel-actions generic-group-actions">
              <view
                class="panel-action-button {{connectedDevice && !group.addressOverflow ? '' : 'is-disabled'}}"
                data-group-id="{{group.id}}"
                bindtap="readGenericModbusGroup"
              >
                读取
              </view>
              <view
                wx:if="{{group.writable}}"
                class="panel-action-button {{connectedDevice && !group.addressOverflow ? '' : 'is-disabled'}}"
                data-group-id="{{group.id}}"
                bindtap="writeGenericModbusGroup"
              >
                写入
              </view>
              <view class="entry-chevron"></view>
            </view>
          </view>

        </view>
      </view>
    </block>

    <block wx:elif="{{activeParamView == 'genericModbusGroup'}}">
      <view wx:if="{{activeGenericGroup}}" class="panel generic-group-detail-panel">
        <view class="generic-group-detail-meta">
          {{activeGenericGroup.addressRangeText}} · {{activeGenericGroup.quantity}}/{{activeGenericGroup.wordQuantity}}{{activeGenericGroup.sourceMetaText ? ' · ' + activeGenericGroup.sourceMetaText : ''}}{{activeGenericGroup.addressWarningText ? ' · ' + activeGenericGroup.addressWarningText : ''}}
        </view>
        <view
          wx:for="{{activeGenericRegisterRows.length ? activeGenericRegisterRows : activeGenericGroup.registers}}"
          wx:for-item="register"
          wx:for-index="registerIndex"
          wx:key="id"
          class="generic-register-row {{register.dragClass}}"
          style="{{register.dragStyle}}"
        >
          <view
            wx:if="{{!activeGenericGroup.isStructLayout}}"
            class="generic-register-drag-handle {{register.dragHandleClass}}"
            data-group-id="{{activeGenericGroup.id}}"
            data-index="{{register.sourceIndex !== undefined ? register.sourceIndex : registerIndex}}"
            catchtouchstart="onGenericRegisterDragStart"
            catchtouchmove="onGenericRegisterDragMove"
            catchtouchend="onGenericRegisterDragEnd"
            catchtouchcancel="onGenericRegisterDragCancel"
          >
            <view class="generic-register-drag-bar"></view>
            <view class="generic-register-drag-bar"></view>
            <view class="generic-register-drag-bar"></view>
          </view>
          <view wx:else class="generic-register-layout-spacer"></view>
          <view class="generic-register-main">
            <view
              class="generic-register-name"
              data-group-id="{{activeGenericGroup.id}}"
              data-index="{{register.sourceIndex !== undefined ? register.sourceIndex : registerIndex}}"
              bindtap="openGenericRegisterInfo"
              catchlongpress="openGenericRegisterEdit"
            >
              {{register.name}}
            </view>
            <view class="generic-register-meta">
              <text>{{register.addressText}} {{register.rawValueText}}</text>
            </view>
          </view>
          <view class="generic-register-input-wrap {{register.showUnit && register.unit ? 'generic-register-input-wrap--unit' : ''}}">
            <block wx:if="{{activeGenericGroup.writable}}">
              <input
                class="value-input generic-register-value {{register.isDirty ? 'value-input--dirty' : ''}}"
                placeholder="--"
                data-group-id="{{activeGenericGroup.id}}"
                data-index="{{register.sourceIndex !== undefined ? register.sourceIndex : registerIndex}}"
                value="{{register.inputValue}}"
                bindinput="onGenericRegisterValueInput"
                bindblur="onGenericRegisterValueBlur"
              />
              <view wx:if="{{register.showUnit && register.unit}}" class="generic-register-unit">{{register.unit}}</view>
            </block>
            <view wx:else class="param-value generic-readonly-value">{{register.displayValue || '--'}}{{register.showUnit && register.unit ? ' ' + register.unit : ''}}</view>
          </view>
        </view>
      </view>
    </block>

  </view>
</scroll-view>
<view wx:if="{{genericModbusDialog.visible}}" class="generic-dialog-mask {{themeClass}}" bindtap="closeGenericModbusDraft">
  <view class="generic-dialog" catchtap="noop">
    <view class="generic-dialog-header">
      <view class="generic-dialog-title">{{genericModbusDialog.title}}</view>
      <view class="generic-dialog-close" bindtap="closeGenericModbusDraft">×</view>
    </view>

    <block wx:if="{{genericModbusDialog.mode == 'createGroup' || genericModbusDialog.mode == 'editGroup'}}">
      <view class="generic-dialog-body">
        <view class="generic-config-row">
          <view class="param-main">
            <view class="param-name">寄存器组名</view>
            <view class="param-meta">每组寄存器地址连续</view>
          </view>
          <input
            class="value-input generic-value-input"
            data-field="groupName"
            value="{{genericModbusDialog.groupName}}"
            bindinput="onGenericDraftInput"
          />
        </view>
        <view class="generic-config-row">
          <view class="param-main">
            <view class="param-name">寄存器类型</view>
            <view class="param-meta">决定读取功能码与是否可写</view>
          </view>
          <picker
            mode="selector"
            range="{{genericModbusRegisterTypeOptions}}"
            range-key="label"
            value="{{genericModbusDialog.registerTypeIndex}}"
            bindchange="onGenericDraftTypeChange"
          >
            <view class="generic-picker-value">{{genericModbusDialog.registerTypeText}}</view>
          </picker>
        </view>
        <view class="generic-config-row">
          <view class="param-main">
            <view class="param-name">寄存器起始地址</view>
            <view class="param-meta">16进制，例如 00A0</view>
          </view>
          <input
            class="value-input generic-value-input"
            data-field="startAddress"
            value="{{genericModbusDialog.startAddress}}"
            bindinput="onGenericDraftInput"
          />
        </view>
        <view class="generic-config-row">
          <view class="param-main">
            <view class="param-name">寄存器数量</view>
            <view class="param-meta">{{genericModbusDialog.structParsedSummary || '1 - 256'}}</view>
          </view>
          <input
            class="value-input generic-value-input"
            type="number"
            data-field="quantity"
            value="{{genericModbusDialog.quantity}}"
            bindinput="onGenericDraftInput"
          />
        </view>
        <view wx:if="{{genericModbusDialog.mode == 'createGroup'}}" class="generic-struct-section">
          <view class="generic-struct-header">
            <view class="param-main">
              <view class="param-name">结构体定义</view>
              <view class="param-meta">支持 typedef struct、typedef 别名与数组</view>
            </view>
            <view class="panel-action-button" bindtap="parseGenericStructDefinition">解析</view>
          </view>
          <textarea
            class="generic-struct-input"
            maxlength="-1"
            placeholder="粘贴 C 结构体定义"
            data-field="structDefinition"
            value="{{genericModbusDialog.structDefinition}}"
            bindinput="onGenericDraftInput"
          />
        </view>
      </view>
    </block>

    <block wx:elif="{{genericModbusDialog.mode == 'editRegister' || genericModbusDialog.mode == 'viewRegister'}}">
      <view class="generic-dialog-body">
        <view class="generic-info-stack">
          <view class="generic-info-row">
            <view class="generic-info-label">名称</view>
            <view wx:if="{{genericModbusDialog.mode == 'viewRegister'}}" class="generic-info-value">{{genericModbusDialog.name}}</view>
            <input wx:else class="value-input generic-value-input" data-field="name" value="{{genericModbusDialog.name}}" bindinput="onGenericDraftInput" />
          </view>
          <view class="generic-info-row">
            <view class="generic-info-label">地址</view>
            <view class="generic-info-value">{{genericModbusDialog.addressText}}</view>
          </view>
          <view wx:if="{{genericModbusDialog.sourceMetaText}}" class="generic-info-row">
            <view class="generic-info-label">来源</view>
            <view class="generic-info-value">{{genericModbusDialog.sourceMetaText}}</view>
          </view>
          <view wx:if="{{genericModbusDialog.showDataType}}" class="generic-info-row">
            <view class="generic-info-label">类型</view>
            <view wx:if="{{genericModbusDialog.mode == 'viewRegister'}}" class="generic-info-value">{{genericModbusDialog.dataTypeText}}</view>
            <picker wx:else mode="selector" range="{{genericModbusDataTypeOptions}}" range-key="label" value="{{genericModbusDialog.dataTypeIndex}}" bindchange="onGenericDialogDataTypeChange">
              <view class="generic-picker-value">{{genericModbusDialog.dataTypeText}}</view>
            </picker>
          </view>
          <view wx:if="{{genericModbusDialog.showTextLength}}" class="generic-info-row">
            <view class="generic-info-label">长度</view>
            <view wx:if="{{genericModbusDialog.mode == 'viewRegister'}}" class="generic-info-value">{{genericModbusDialog.textByteLength || '--'}}B</view>
            <input wx:else class="value-input generic-value-input" type="number" data-field="textByteLength" value="{{genericModbusDialog.textByteLength}}" bindinput="onGenericDraftInput" />
          </view>
          <view class="generic-info-row">
            <view class="generic-info-label">备注</view>
            <view wx:if="{{genericModbusDialog.mode == 'viewRegister'}}" class="generic-info-value">{{genericModbusDialog.remark || '--'}}</view>
            <input wx:else class="value-input generic-value-input" data-field="remark" value="{{genericModbusDialog.remark}}" bindinput="onGenericDraftInput" />
          </view>
          <view wx:if="{{genericModbusDialog.showUnit}}" class="generic-info-row">
            <view class="generic-info-label">单位</view>
            <view wx:if="{{genericModbusDialog.mode == 'viewRegister'}}" class="generic-info-value">{{genericModbusDialog.unit || '--'}}</view>
            <input wx:else class="value-input generic-value-input" data-field="unit" value="{{genericModbusDialog.unit}}" bindinput="onGenericDraftInput" />
          </view>
          <view wx:if="{{genericModbusDialog.mode == 'viewRegister' || genericModbusDialog.showRange}}" class="generic-info-row">
            <view class="generic-info-label">最小值</view>
            <view wx:if="{{genericModbusDialog.mode == 'viewRegister'}}" class="generic-info-value">{{genericModbusDialog.minValue || '--'}}</view>
            <input wx:else class="value-input generic-value-input" data-field="minValue" value="{{genericModbusDialog.minValue}}" bindinput="onGenericDraftInput" />
          </view>
          <view wx:if="{{genericModbusDialog.mode == 'viewRegister' || genericModbusDialog.showRange}}" class="generic-info-row">
            <view class="generic-info-label">最大值</view>
            <view wx:if="{{genericModbusDialog.mode == 'viewRegister'}}" class="generic-info-value">{{genericModbusDialog.maxValue || '--'}}</view>
            <input wx:else class="value-input generic-value-input" data-field="maxValue" value="{{genericModbusDialog.maxValue}}" bindinput="onGenericDraftInput" />
          </view>
        </view>
      </view>
    </block>

    <view class="generic-draft-actions">
      <view class="panel-action-button" bindtap="closeGenericModbusDraft">{{genericModbusDialog.cancelText}}</view>
      <view wx:if="{{genericModbusDialog.confirmText}}" class="panel-action-button is-active" bindtap="confirmGenericModbusDialog">{{genericModbusDialog.confirmText}}</view>
    </view>
  </view>
</view>