1
0

params.wxml 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. <navigation-bar background="{{themeMode === 'dark' ? '#111827' : '#FFF'}}"></navigation-bar>
  2. <view wx:if="{{toastText}}" class="page-toast page-toast--{{toastType}} {{themeClass}}">
  3. {{toastText}}
  4. </view>
  5. <view class="subpage-fixed-header subpage-fixed-header--generic {{themeClass}}">
  6. <view class="subpage-page-header">
  7. <view wx:if="{{activeParamView == 'parameterGroups'}}" class="panel-actions subpage-actions generic-protocol-actions">
  8. <view class="panel-action-button {{connectedDevice ? '' : 'is-disabled'}}" bindtap="readAllParameterGroups">读取</view>
  9. <view class="panel-action-button" bindtap="saveParameterGroupsJson">保存</view>
  10. <view class="panel-action-button" bindtap="importParameterGroupsJson">加载</view>
  11. <view wx:if="{{isStorageAccessProtocol}}" class="panel-action-button" bindtap="completeParameterStructs">结构</view>
  12. <view wx:if="{{isModbusProtocol}}" class="panel-action-button panel-action-button--icon" bindtap="openParameterDraft">+</view>
  13. </view>
  14. <view wx:elif="{{activeParamView == 'parameterGroup' && isModbusProtocol}}" class="panel-actions subpage-actions">
  15. <view
  16. class="panel-action-button {{connectedDevice && !activeParameterGroup.addressOverflow ? '' : 'is-disabled'}}"
  17. data-group-id="{{activeParameterGroup.id}}"
  18. bindtap="readParameterGroup"
  19. >读取</view>
  20. <view
  21. wx:if="{{activeParameterGroup.writable}}"
  22. class="panel-action-button {{connectedDevice && !activeParameterGroup.addressOverflow ? '' : 'is-disabled'}}"
  23. data-group-id="{{activeParameterGroup.id}}"
  24. bindtap="writeParameterGroup"
  25. >写入</view>
  26. <view class="panel-action-button" bindtap="backToParamsHome">返回</view>
  27. </view>
  28. </view>
  29. </view>
  30. <scroll-view class="scrollarea {{themeClass}} scrollarea--subpage scrollarea--generic" scroll-y type="list">
  31. <view class="page-shell">
  32. <block wx:if="{{activeParamView == 'parameterGroups'}}">
  33. <view
  34. wx:for="{{parameterGroups}}"
  35. wx:for-item="group"
  36. wx:key="id"
  37. class="generic-group-shell {{group.deleteVisible ? 'is-delete-visible' : ''}}"
  38. >
  39. <view
  40. wx:if="{{!group.expanded && group.deleteVisible}}"
  41. class="generic-delete-action"
  42. data-group-id="{{group.id}}"
  43. bindtap="deleteParameterGroup"
  44. >
  45. -
  46. </view>
  47. <view
  48. class="panel generic-group-panel {{group.expanded ? '' : 'panel--collapsed'}}"
  49. data-group-id="{{group.id}}"
  50. bindtouchstart="onParameterGroupTouchStart"
  51. bindtouchend="onParameterGroupTouchEnd"
  52. >
  53. <view class="panel-header panel-header--with-actions">
  54. <view
  55. class="panel-heading-toggle"
  56. data-group-id="{{group.id}}"
  57. bindtap="openParameterGroup"
  58. >
  59. <view class="panel-icon icon-terminal">
  60. <image class="panel-icon-image" src="/assets/icons/terminal-white.png" mode="aspectFit" />
  61. </view>
  62. <view class="generic-group-title-wrap">
  63. <view class="panel-title" data-group-id="{{group.id}}" catchlongpress="openParameterGroupEdit">{{group.displayName || group.name}}</view>
  64. <view class="param-meta generic-group-meta">{{group.listMetaText || group.addressRangeText}}</view>
  65. </view>
  66. </view>
  67. <view wx:if="{{isModbusProtocol}}" class="panel-actions generic-group-actions">
  68. <view
  69. class="panel-action-button {{connectedDevice && !group.addressOverflow ? '' : 'is-disabled'}}"
  70. data-group-id="{{group.id}}"
  71. bindtap="readParameterGroup"
  72. >
  73. 读取
  74. </view>
  75. <view
  76. wx:if="{{group.writable}}"
  77. class="panel-action-button {{connectedDevice && !group.addressOverflow ? '' : 'is-disabled'}}"
  78. data-group-id="{{group.id}}"
  79. bindtap="writeParameterGroup"
  80. >
  81. 写入
  82. </view>
  83. <view class="entry-chevron"></view>
  84. </view>
  85. </view>
  86. </view>
  87. </view>
  88. </block>
  89. <block wx:elif="{{activeParamView == 'parameterGroup'}}">
  90. <view wx:if="{{activeParameterGroup}}" class="panel generic-group-detail-panel">
  91. <view class="generic-group-detail-header">
  92. <view class="panel-title">{{activeParameterGroup.detailTitleText || activeParameterGroup.displayName || activeParameterGroup.name}}</view>
  93. </view>
  94. <view class="generic-group-detail-meta">
  95. {{activeParameterGroup.detailMetaText || activeParameterGroup.addressRangeText}}
  96. </view>
  97. <view
  98. wx:for="{{activeParameterRegisterRows.length ? activeParameterRegisterRows : activeParameterGroup.registers}}"
  99. wx:for-item="register"
  100. wx:for-index="registerIndex"
  101. wx:key="id"
  102. class="generic-register-row {{register.dragClass}}"
  103. style="{{register.dragStyle}}"
  104. >
  105. <view
  106. wx:if="{{!activeParameterGroup.isStructLayout}}"
  107. class="generic-register-drag-handle {{register.dragHandleClass}}"
  108. data-group-id="{{activeParameterGroup.id}}"
  109. data-index="{{register.sourceIndex !== undefined ? register.sourceIndex : registerIndex}}"
  110. catchtouchstart="onParameterRegisterDragStart"
  111. catchtouchmove="onParameterRegisterDragMove"
  112. catchtouchend="onParameterRegisterDragEnd"
  113. catchtouchcancel="onParameterRegisterDragCancel"
  114. >
  115. <view class="generic-register-drag-bar"></view>
  116. <view class="generic-register-drag-bar"></view>
  117. <view class="generic-register-drag-bar"></view>
  118. </view>
  119. <view wx:else class="generic-register-layout-spacer"></view>
  120. <view class="generic-register-main">
  121. <view
  122. class="generic-register-name"
  123. data-group-id="{{activeParameterGroup.id}}"
  124. data-index="{{register.sourceIndex !== undefined ? register.sourceIndex : registerIndex}}"
  125. bindtap="openParameterRegisterInfo"
  126. catchlongpress="openParameterRegisterEdit"
  127. >
  128. {{register.name}}
  129. </view>
  130. <view class="generic-register-meta">
  131. <text>{{register.metaText || (register.addressText + ' ' + register.rawValueText)}}</text>
  132. </view>
  133. </view>
  134. <view class="generic-register-input-wrap {{register.showUnit && register.unit ? 'generic-register-input-wrap--unit' : ''}}">
  135. <block wx:if="{{activeParameterGroup.writable}}">
  136. <block wx:if="{{register.conversionFormula}}">
  137. <view class="param-value generic-readonly-value">{{register.displayValue || '--'}}{{register.showUnit && register.unit ? ' ' + register.unit : ''}}</view>
  138. </block>
  139. <block wx:else>
  140. <input
  141. class="value-input generic-register-value {{register.isDirty ? 'value-input--dirty' : ''}}"
  142. data-group-id="{{activeParameterGroup.id}}"
  143. data-index="{{register.sourceIndex !== undefined ? register.sourceIndex : registerIndex}}"
  144. value="{{register.inputValue}}"
  145. bindinput="onParameterRegisterValueInput"
  146. bindblur="onParameterRegisterValueBlur"
  147. />
  148. <view wx:if="{{register.showUnit && register.unit}}" class="generic-register-unit">{{register.unit}}</view>
  149. </block>
  150. </block>
  151. <view wx:else class="param-value generic-readonly-value">{{register.displayValue || '--'}}{{register.showUnit && register.unit ? ' ' + register.unit : ''}}</view>
  152. <view wx:if="{{register.displayMetaText}}" class="generic-register-display-meta">{{register.displayMetaText}}</view>
  153. </view>
  154. </view>
  155. </view>
  156. </block>
  157. </view>
  158. </scroll-view>
  159. <view wx:if="{{parameterDialog.visible}}" class="generic-dialog-mask {{themeClass}}" bindtap="closeParameterDraft">
  160. <view class="generic-dialog" catchtap="noop">
  161. <view class="generic-dialog-header">
  162. <view class="generic-dialog-title">{{parameterDialog.title}}</view>
  163. <view class="generic-dialog-close" bindtap="closeParameterDraft">×</view>
  164. </view>
  165. <block wx:if="{{parameterDialog.mode == 'createGroup' || parameterDialog.mode == 'editGroup'}}">
  166. <view class="generic-dialog-body">
  167. <view class="generic-config-row">
  168. <view class="param-main">
  169. <view class="param-name">{{isStorageAccessProtocol ? '结构体组名' : '寄存器组名'}}</view>
  170. <view class="param-meta">{{isStorageAccessProtocol ? '内存地址连续' : '每组寄存器地址连续'}}</view>
  171. </view>
  172. <input
  173. class="value-input generic-value-input"
  174. data-field="groupName"
  175. value="{{parameterDialog.groupName}}"
  176. bindinput="onParameterDraftInput"
  177. />
  178. </view>
  179. <view wx:if="{{isModbusProtocol}}" class="generic-config-row">
  180. <view class="param-main">
  181. <view class="param-name">寄存器类型</view>
  182. <view class="param-meta">决定读取功能码与是否可写</view>
  183. </view>
  184. <picker
  185. mode="selector"
  186. range="{{parameterRegisterTypeOptions}}"
  187. range-key="label"
  188. value="{{parameterDialog.registerTypeIndex}}"
  189. bindchange="onParameterDraftTypeChange"
  190. >
  191. <view class="generic-picker-value">{{parameterDialog.registerTypeText}}</view>
  192. </picker>
  193. </view>
  194. <view class="generic-config-row">
  195. <view class="param-main">
  196. <view class="param-name">{{isStorageAccessProtocol ? '内存起始地址' : '寄存器起始地址'}}</view>
  197. <view class="param-meta">{{isStorageAccessProtocol ? '16进制,最多 8 位,例如 000000A0' : '16进制,例如 00A0'}}</view>
  198. </view>
  199. <input
  200. class="value-input generic-value-input"
  201. data-field="startAddress"
  202. value="{{parameterDialog.startAddress}}"
  203. bindinput="onParameterDraftInput"
  204. />
  205. </view>
  206. <view class="generic-config-row">
  207. <view class="param-main">
  208. <view class="param-name">{{isStorageAccessProtocol ? '字节长度' : '寄存器数量'}}</view>
  209. <view class="param-meta">{{parameterDialog.structParsedSummary || '1 - 256'}}</view>
  210. </view>
  211. <input
  212. class="value-input generic-value-input"
  213. type="number"
  214. data-field="quantity"
  215. value="{{parameterDialog.quantity}}"
  216. bindinput="onParameterDraftInput"
  217. />
  218. </view>
  219. <view wx:if="{{parameterDialog.showPollEnabled}}" class="generic-config-row">
  220. <view class="param-main">
  221. <view class="param-name">参与轮询</view>
  222. <view class="param-meta">自动轮询</view>
  223. </view>
  224. <switch
  225. checked="{{parameterDialog.pollEnabled}}"
  226. color="#0f766e"
  227. data-field="pollEnabled"
  228. bindchange="onParameterDraftSwitchChange"
  229. />
  230. </view>
  231. <view wx:if="{{parameterDialog.mode == 'createGroup'}}" class="generic-struct-section">
  232. <view class="generic-struct-header">
  233. <view class="param-main">
  234. <view class="param-name">结构体/枚举定义</view>
  235. <view class="param-meta">支持 typedef struct、typedef enum、typedef 别名与数组</view>
  236. </view>
  237. <view class="panel-action-button" bindtap="parseParameterStructDefinition">解析</view>
  238. </view>
  239. <textarea
  240. class="generic-struct-input"
  241. maxlength="-1"
  242. placeholder="粘贴 C 结构体/枚举定义"
  243. data-field="structDefinition"
  244. value="{{parameterDialog.structDefinition}}"
  245. bindinput="onParameterDraftInput"
  246. />
  247. </view>
  248. </view>
  249. </block>
  250. <block wx:elif="{{parameterDialog.mode == 'editRegister' || parameterDialog.mode == 'viewRegister'}}">
  251. <view class="generic-dialog-body">
  252. <view class="generic-info-stack">
  253. <view class="generic-info-row">
  254. <view class="generic-info-label">名称</view>
  255. <view wx:if="{{parameterDialog.mode == 'viewRegister'}}" class="generic-info-value">{{parameterDialog.name}}</view>
  256. <input wx:else class="value-input generic-value-input" data-field="name" value="{{parameterDialog.name}}" bindinput="onParameterDraftInput" />
  257. </view>
  258. <view class="generic-info-row">
  259. <view class="generic-info-label">地址</view>
  260. <view class="generic-info-value">{{parameterDialog.addressText}}</view>
  261. </view>
  262. <view wx:if="{{parameterDialog.sourceMetaText}}" class="generic-info-row">
  263. <view class="generic-info-label">来源</view>
  264. <view class="generic-info-value">{{parameterDialog.sourceMetaText}}</view>
  265. </view>
  266. <view wx:if="{{parameterDialog.showDataType}}" class="generic-info-row">
  267. <view class="generic-info-label">类型</view>
  268. <view wx:if="{{parameterDialog.mode == 'viewRegister'}}" class="generic-info-value">{{parameterDialog.dataTypeText}}</view>
  269. <picker wx:else mode="selector" range="{{parameterDataTypeOptions}}" range-key="label" value="{{parameterDialog.dataTypeIndex}}" bindchange="onParameterDialogDataTypeChange">
  270. <view class="generic-picker-value">{{parameterDialog.dataTypeText}}</view>
  271. </picker>
  272. </view>
  273. <view wx:if="{{parameterDialog.showTextLength}}" class="generic-info-row">
  274. <view class="generic-info-label">长度</view>
  275. <view wx:if="{{parameterDialog.mode == 'viewRegister'}}" class="generic-info-value">{{parameterDialog.textByteLength || '--'}}B</view>
  276. <input wx:else class="value-input generic-value-input" type="number" data-field="textByteLength" value="{{parameterDialog.textByteLength}}" bindinput="onParameterDraftInput" />
  277. </view>
  278. <view class="generic-info-row">
  279. <view class="generic-info-label">备注</view>
  280. <view wx:if="{{parameterDialog.mode == 'viewRegister'}}" class="generic-info-value">{{parameterDialog.remark || '--'}}</view>
  281. <input wx:else class="value-input generic-value-input" data-field="remark" value="{{parameterDialog.remark}}" bindinput="onParameterDraftInput" />
  282. </view>
  283. <view wx:if="{{parameterDialog.showUnit}}" class="generic-info-row">
  284. <view class="generic-info-label">单位</view>
  285. <view wx:if="{{parameterDialog.mode == 'viewRegister'}}" class="generic-info-value">{{parameterDialog.unit || '--'}}</view>
  286. <input wx:else class="value-input generic-value-input" data-field="unit" value="{{parameterDialog.unit}}" bindinput="onParameterDraftInput" />
  287. </view>
  288. <view wx:if="{{parameterDialog.showDataType}}" class="generic-info-row">
  289. <view class="generic-info-label">公式</view>
  290. <view wx:if="{{parameterDialog.mode == 'viewRegister'}}" class="generic-info-value">{{parameterDialog.conversionFormula || '--'}}</view>
  291. <input wx:else class="value-input generic-value-input" data-field="conversionFormula" value="{{parameterDialog.conversionFormula}}" placeholder="x" bindinput="onParameterDraftInput" />
  292. </view>
  293. <view wx:if="{{parameterDialog.conversionFormulaErrorText}}" class="generic-info-row">
  294. <view class="generic-info-label">公式</view>
  295. <view class="generic-info-value">{{parameterDialog.conversionFormulaErrorText}}</view>
  296. </view>
  297. <view wx:if="{{parameterDialog.mode == 'viewRegister' || parameterDialog.showRange}}" class="generic-info-row">
  298. <view class="generic-info-label">最小值</view>
  299. <view wx:if="{{parameterDialog.mode == 'viewRegister'}}" class="generic-info-value">{{parameterDialog.minValue || '--'}}</view>
  300. <input wx:else class="value-input generic-value-input" data-field="minValue" value="{{parameterDialog.minValue}}" bindinput="onParameterDraftInput" />
  301. </view>
  302. <view wx:if="{{parameterDialog.mode == 'viewRegister' || parameterDialog.showRange}}" class="generic-info-row">
  303. <view class="generic-info-label">最大值</view>
  304. <view wx:if="{{parameterDialog.mode == 'viewRegister'}}" class="generic-info-value">{{parameterDialog.maxValue || '--'}}</view>
  305. <input wx:else class="value-input generic-value-input" data-field="maxValue" value="{{parameterDialog.maxValue}}" bindinput="onParameterDraftInput" />
  306. </view>
  307. </view>
  308. </view>
  309. </block>
  310. <view class="generic-draft-actions">
  311. <view class="panel-action-button" bindtap="closeParameterDraft">{{parameterDialog.cancelText}}</view>
  312. <view wx:if="{{parameterDialog.confirmText}}" class="panel-action-button is-active" bindtap="confirmParameterDialog">{{parameterDialog.confirmText}}</view>
  313. </view>
  314. </view>
  315. </view>