1
0

params.wxml 20 KB

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