Главная Обзор Помощь
Регистрация Вход
liyuezong
/
SmartPDCode
Следить 2
В избранное 0
Ответвить 0
Файлы Обсуждения 0 Запросы на слияние 0 Вики
Дерево: 29593f0e71
Ветки Метки
SmartPDCode
/
nor_web
/
h_html
/
index_html.h

index_html.h 81 KB
История Исходник

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715 
  1. /* 自动生成的文本数据头文件 */
    2. 

  2. /* 源文件: index.html */
    3. 

  3. /* 文件大小: 68563 字节 */
    4. 

  4. /* 生成时间: 2025-11-21 06:01:53 */
    5. 

  5. /* 编码: utf-8 */
    6. 

  6. #ifndef P_INDEX_HTML_H
    7. 

  7. #define P_INDEX_HTML_H
    8. 

  8. 

  9. #include <stddef.h>
    10. 

  10. 

  11. // 文本数据（UTF-8编码）
    12. 

  12. const char *p_index_html = 
    13. 

  13.     "<!DOCTYPE html>\n"
    14. 

  14.     "<html>\n"
    15. 

  15.     "<head>\n"
    16. 

  16.     "  <meta charset=\"UTF-8\">\n"
    17. 

  17.     "  <!--<meta http-equiv=\"refresh\" content=\"0; url=/src/index2.html\">-->\n"
    18. 

  18.     "  <!-- 0表示立即跳转 -->\n"
    19. 

  19.     "  <script src=\"api/petite-vue.min.js\" defer></script>\n"
    20. 

  20.     "  <!--<script src=\"./api/axios.min.js\"></script>-->\n"
    21. 

  21.     "  <script src=\"api/data.js\"></script>\n"
    22. 

  22.     "  <script src=\"api/ws.js\"></script>\n"
    23. 

  23.     "  <script src=\"api/display_data.js\"></script>\n"
    24. 

  24.     "  <script src=\"api/operation.js\"></script>\n"
    25. 

  25.     "  <script src=\"api/channel_display.js\"></script>\n"
    26. 

  26.     "  <!--<script src=\"./api/pagination.js\"></script>-->\n"
    27. 

  27.     "  <!--<script src=\"./api/Threshold_Adjust.js\"></script>-->\n"
    28. 

  28.     "  <!--<script src=\"./api/system_alarm.js\"></script>-->\n"
    29. 

  29.     "  <script src=\"api/sys_paras.js\"></script>\n"
    30. 

  30.     "  <!-- CSS 文件 -->\n"
    31. 

  31.     "  <link rel=\"stylesheet\" href=\"css/index.css\">\n"
    32. 

  32.     
    33. 

  33.     
    34. 

  34.     
    35. 

  35.     
    36. 

  36.     "</head>\n"
    37. 

  37.     "<body>\n"
    38. 

  38.     "<div class=\"tab-container\">\n"
    39. 

  39.     "  <div class=\"tab-header\">\n"
    40. 

  40.     "    <button class=\"tab-btn active\" style=\"margin-left: 30%;\" data-tab=\"tab1\">状态监控</button>\n"
    41. 

  41.     "    <button class=\"tab-btn\" data-tab=\"tab2\">⽹络配置</button>\n"
    42. 

  42.     "    <button class=\"tab-btn\" data-tab=\"tab3\">485配置</button>\n"
    43. 

  43.     "    <button class=\"tab-btn\" data-tab=\"tab4\">SNMP</button>\n"
    44. 

  44.     "    <button class=\"tab-btn\" data-tab=\"tab5\">设备信息</button>\n"
    45. 

  45.     "    <span style=\"text-align: center;line-height: 50px;margin-left: 20%;\">{{dateTime}}</span>\n"
    46. 

  46.     "  </div>\n"
    47. 

  47.     
    48. 

  48.     "  <div class=\"tab-content active\" id=\"tab1\">\n"
    49. 

  49.     "    <!--<iframe class=\"tab-iframe\" src=\"/src/pdu.html\"></iframe>-->\n"
    50. 

  50.     "    <div id=\"app\" @vue:mounted=\"fetchData\"   class=\"container\">\n"
    51. 

  51.     "      <!-- 上部：总设备信息 -->\n"
    52. 

  52.     
    53. 

  53.     "      <div class=\"summary-section\">\n"
    54. 

  54.     "          <div  class=\"left-buttons\">\n"
    55. 

  55.     "            <button  v-show=\"showExternal\" @click=\"toggleThreeDevices(1)\" class=\"btn  btn-energy\">L1</button>\n"
    56. 

  56.     "            <button  v-show=\"showExternal\" @click=\"toggleThreeDevices(2)\" class=\"btn btn-threshold\">L2</button>\n"
    57. 

  57.     "            <button  v-show=\"showExternal\" @click=\"toggleThreeDevices(3)\" class=\"btn btn-delay\">L3</button>\n"
    58. 

  58.     "          </div>\n"
    59. 

  59.     "          <div  class=\"button-container\">\n"
    60. 

  60.     "            <div class=\"left-buttons\">\n"
    61. 

  61.     "              <button @click=\"showFzszModal = true;\" class=\"btn btn-threshold\">阈值设置</button>\n"
    62. 

  62.     "              <button @click=\"showysszModal=true\" class=\"btn btn-delay\">延时设置</button>\n"
    63. 

  63.     "              <button @click=\" hdlsz()\" class=\"btn btn-energy\">耗电量重置</button>\n"
    64. 

  64.     "            </div>\n"
    65. 

  65.     "            <div  class=\"right-buttons\">\n"
    66. 

  66.     "              <button @click=\"toggleAllDevices(true)\" class=\" btn btn-energy\">总开</button>\n"
    67. 

  67.     "              <button @click=\"toggleAllDevices(false)\" class=\"btn btn-close\">总关</button>\n"
    68. 

  68.     "            </div>\n"
    69. 

  69.     "          </div>\n"
    70. 

  70.     
    71. 

  71.     
    72. 

  72.     "        <table class=\"summary-table\">\n"
    73. 

  73.     "          <thead>\n"
    74. 

  74.     "          <tr>\n"
    75. 

  75.     "            <th>总电压(V)</th>\n"
    76. 

  76.     "            <th>总电流(A)</th>\n"
    77. 

  77.     "            <th>总功率(KW)</th>\n"
    78. 

  78.     "            <!--<th>总频率(HZ)</th>-->\n"
    79. 

  79.     "            <th>总耗电量(Kwh)</th>\n"
    80. 

  80.     "          </tr>\n"
    81. 

  81.     "          </thead>\n"
    82. 

  82.     "          <tbody style=\"height: 50px;\">\n"
    83. 

  83.     "          <tr>\n"
    84. 

  84.     "            <td>{{ summary.totalVoltage }}</td>\n"
    85. 

  85.     "            <td>{{ summary.totalCurrent }}</td>\n"
    86. 

  86.     "            <td >{{ summary.totalPower }}</td>\n"
    87. 

  87.     "            <!--<td >{{ summary.totalFrequency }}</td>-->\n"
    88. 

  88.     "            <td >{{ summary.totalEnergy }}</td>\n"
    89. 

  89.     "          </tr>\n"
    90. 

  90.     "          </tbody>\n"
    91. 

  91.     "        </table>\n"
    92. 

  92.     "        <div class=\"summary-actions\">\n"
    93. 

  93.     
    94. 

  94.     
    95. 

  95.     "        </div>\n"
    96. 

  96.     "      </div>\n"
    97. 

  97.     
    98. 

  98.     "      <!-- 中部：设备管理列表 -->\n"
    99. 

  99.     "      <div class=\"table-container\">\n"
    100. 

  100.     "        <div class=\"scrollable-table\">\n"
    101. 

  101.     "          <table class=\"device-table\">\n"
    102. 

  102.     "            <thead>\n"
    103. 

  103.     "            <tr>\n"
    104. 

  104.     "              <th>通道名称</th>\n"
    105. 

  105.     "              <th>相序</th>\n"
    106. 

  106.     "              <th>电压(V)</th>\n"
    107. 

  107.     "              <th>电流(A)</th>\n"
    108. 

  108.     "              <th>功率(W)</th>\n"
    109. 

  109.     "              <th>频率(HZ)</th>\n"
    110. 

  110.     "              <th>耗电量(Kwh)</th>\n"
    111. 

  111.     "              <th>开启延时(S)</th>\n"
    112. 

  112.     "              <th>关闭延时(S)</th>\n"
    113. 

  113.     "              <th>状态</th>\n"
    114. 

  114.     "              <th>操作</th>\n"
    115. 

  115.     "            </tr>\n"
    116. 

  116.     "            </thead>\n"
    117. 

  117.     "            <tbody>\n"
    118. 

  118.     "            <tr v-for=\"device in channelList\">\n"
    119. 

  119.     "              <td >{{ device.productChName }}</td>\n"
    120. 

  120.     "              <td >{{ device.productPhOrder }}</td>\n"
    121. 

  121.     "              <td v-if=\"device.colorStyledy!=''\" :style=\"device.colorStyledy\">{{ device.productChVoltage }}</td>\n"
    122. 

  122.     "              <td v-else  :style=\"device.colorStyledy2\">{{ device.productChVoltage }}</td>\n"
    123. 

  123.     "              <td :style=\"device.colorStyledl\">{{ device.productChCurrent }}</td>\n"
    124. 

  124.     "              <td  :style=\"device.colorStylegl\">{{ device.productChPower }}</td>\n"
    125. 

  125.     "              <td>{{ device.productChPowerFreq }}</td>\n"
    126. 

  126.     "              <td :style=\"device.colorStylehdl\">{{ device.productChConsumption }}</td>\n"
    127. 

  127.     "              <td >{{ device.firingInterval }}</td>\n"
    128. 

  128.     "              <td >{{ device.closeInterval }}</td>\n"
    129. 

  129.     "              <td :class=\"device.productChStatus ? 'status-active' : 'status-inactive'\">\n"
    130. 

  130.     "                {{ device.productChStatus==1 ? '接通' : '断开' }}\n"
    131. 

  131.     "              </td>\n"
    132. 

  132.     "              <td>\n"
    133. 

  133.     "                <button @click=\"toggleDeviceStatus(device)\"\n"
    134. 

  134.     "                        :class=\"device.productChStatus ? 'btn  btn-close' : 'btn btn-on'\">\n"
    135. 

  135.     "                  {{ device.productChStatus==1 ? '关闭' : '开启' }}\n"
    136. 

  136.     "                </button>\n"
    137. 

  137.     "              </td>\n"
    138. 

  138.     "            </tr>\n"
    139. 

  139.     "            </tbody>\n"
    140. 

  140.     "          </table>\n"
    141. 

  141.     "        </div>\n"
    142. 

  142.     
    143. 

  143.     "      </div>\n"
    144. 

  144.     
    145. 

  145.     "      <!-- 下部：状态显示 -->\n"
    146. 

  146.     "      <div class=\"status-section\">\n"
    147. 

  147.     "        <div class=\"status-boxes\">\n"
    148. 

  148.     "          <div class=\"status-box\">\n"
    149. 

  149.     "            <h3>温度</h3>\n"
    150. 

  150.     "            <p v-if=\"statusData.temperatureStatus==0\" style=\"color: red\">{{ statusData.temperature }}</p>\n"
    151. 

  151.     "            <p v-else :style=\"statusData.tempcolorStyle\">{{ statusData.temperature }} </p>\n"
    152. 

  152.     "          </div>\n"
    153. 

  153.     "          <div class=\"status-box\">\n"
    154. 

  154.     "            <h3>湿度</h3>\n"
    155. 

  155.     "            <p v-if=\"statusData.temperatureStatus==0\" style=\"color: red\">{{ statusData.humidity }}</p>\n"
    156. 

  156.     "            <p v-else :style=\"statusData.humcolorStylesx\">{{ statusData.humidity }} </p>\n"
    157. 

  157.     
    158. 

  158.     "          </div>\n"
    159. 

  159.     "          <div class=\"status-box\">\n"
    160. 

  160.     "            <h3>烟雾</h3>\n"
    161. 

  161.     "            <p v-if=\"statusData.waterLeakStatus==0\" style=\"color: red\">{{ statusData.waterLeak }}</p>\n"
    162. 

  162.     "            <p v-else>{{ statusData.waterLeak }} </p>\n"
    163. 

  163.     "          </div>\n"
    164. 

  164.     "          <div class=\"status-box\">\n"
    165. 

  165.     "            <h3>CO2</h3>\n"
    166. 

  166.     "            <p v-if=\"statusData.smokeStatus==0\" style=\"color: red\">{{ statusData.smoke }}</p>\n"
    167. 

  167.     "            <p v-else :style=\"statusData.smokecolorStylesx\">{{ statusData.smoke }} </p>\n"
    168. 

  168.     "          </div>\n"
    169. 

  169.     "          <div class=\"status-box\"  @click=\"showFzszModalgj=true\" style=\" cursor: pointer;  position: relative;    \">\n"
    170. 

  170.     "            <h3>报警</h3>\n"
    171. 

  171.     "            <p>{{ statusData.alarm1 }}</p>\n"
    172. 

  172.     "          </div>\n"
    173. 

  173.     "        </div>\n"
    174. 

  174.     "      </div>\n"
    175. 

  175.     "      <!-- 耗电量设置弹窗内容 -->\n"
    176. 

  176.     "      <div v-if=\"showFormModal\" class=\"modal-overlay\"  >\n"
    177. 

  177.     "        <div class=\"modal-content\">\n"
    178. 

  178.     "          <h2>耗电量重置</h2>\n"
    179. 

  179.     "          <!-- 下拉选择 -->\n"
    180. 

  180.     "          <div class=\"form-group\" >\n"
    181. 

  181.     "            <label>通道:</label>\n"
    182. 

  182.     "            <div class=\"select-header\">\n"
    183. 

  183.     "              <p class=\"hint\">提示：使用Ctrl/Cmd键进行多选</p>\n"
    184. 

  184.     "              <button class=\"select-all\" @click=\"toggleSelectAll2\">\n"
    185. 

  185.     "                {{ formData.productChIds.length === Object.keys(channelList1).length  ? '取消全选' : '全选' }}\n"
    186. 

  186.     "              </button>\n"
    187. 

  187.     "            </div>\n"
    188. 

  188.     "            <select v-model=\"formData.productChIds\" multiple  >\n"
    189. 

  189.     "              <option    v-for=\"option in  channelList1\" :value=\"option.productChId\">{{ option.productChName }}</option>\n"
    190. 

  190.     "            </select>\n"
    191. 

  191.     
    192. 

  192.     "            <div class=\"selected-items\">\n"
    193. 

  193.     "              <h3>已选通道：</h3>\n"
    194. 

  194.     "              <div class=\"selected-tags\">\n"
    195. 

  195.     "                <span v-if=\"formData.productChIds.length === 0\" class=\"no-selection\">暂无选择</span>\n"
    196. 

  196.     "                <div v-for=\"id in formData.productChIds\" :key=\"id\" class=\"tag\">\n"
    197. 

  197.     "                  {{ getOptionName2(id) }}\n"
    198. 

  198.     "                  <button @click=\"removeOption2(id)\">×</button>\n"
    199. 

  199.     "                </div>\n"
    200. 

  200.     "              </div>\n"
    201. 

  201.     "            </div>\n"
    202. 

  202.     "            <!--<label>通道:</label>-->\n"
    203. 

  203.     "            <!--<select   v-model=\"formData.channel_power_infro\"  class=\"custom-select\">-->\n"
    204. 

  204.     "              <!--<option :value=\"null\" disabled selected hidden style=\"color: #aaa;\">请选择耗电量复位通道...</option>-->\n"
    205. 

  205.     "              <!--<option   v-for=\"option in  channelList1\" :value=\"option.channel_power_infro\">{{ option.productChName }}</option>-->\n"
    206. 

  206.     "            <!--</select>-->\n"
    207. 

  207.     "          </div>\n"
    208. 

  208.     "          <!-- 表单按钮 -->\n"
    209. 

  209.     "          <div class=\"form-actions\">\n"
    210. 

  210.     "            <button type=\"button\"  class=\"btn  btn-energy\" @click=\"hdlczClickClose()\">取消</button>\n"
    211. 

  211.     "            <button  class=\"btn  btn-energy\" @click=\"hdlczClick()\"  >提交</button>\n"
    212. 

  212.     "          </div>\n"
    213. 

  213.     "        </div>\n"
    214. 

  214.     "      </div>\n"
    215. 

  215.     
    216. 

  216.     "      <!-- 阈值设置弹窗内容 -->\n"
    217. 

  217.     "      <div @vue:mounted=\"fzszData\"  v-if=\"showFzszModal\" class=\"modal-overlay\"  >\n"
    218. 

  218.     "        <div class=\"modal-content\" style=\"max-width: 100%;overflow-y: hidden\">\n"
    219. 

  219.     "          <h2>阈值设置</h2>\n"
    220. 

  220.     "          <button @click=\"handleUpdateList()\" style=\"margin: 10px;\" :class=\"   'btn btn-on'\">批量设置 </button>\n"
    221. 

  221.     "          <div class=\"scrollable-table\" style=\"    max-height: 60vh; \">\n"
    222. 

  222.     "            <table class=\"device-table\">\n"
    223. 

  223.     "              <thead>\n"
    224. 

  224.     "              <tr>\n"
    225. 

  225.     "                <th>通道名称</th>\n"
    226. 

  226.     "                <th>通道号</th>\n"
    227. 

  227.     "                <th>电流上限</th>\n"
    228. 

  228.     "                <th>电压上限</th>\n"
    229. 

  229.     "                <th>电压下限</th>\n"
    230. 

  230.     "                <th>功率上限</th>\n"
    231. 

  231.     "                <th>耗电量上限</th>\n"
    232. 

  232.     "                <th>操作</th>\n"
    233. 

  233.     "              </tr>\n"
    234. 

  234.     "              </thead>\n"
    235. 

  235.     "              <tbody>\n"
    236. 

  236.     "              <tr v-for=\"power in powerThresholdList\" :key=\"power.productChId\">\n"
    237. 

  237.     "                <td>{{ power.productChName }}</td>\n"
    238. 

  238.     "                <td>{{ power.productChId }}</td>\n"
    239. 

  239.     "                <td>{{ power.currentUpperAction }}</td>\n"
    240. 

  240.     "                <td>{{ power.voltageUpperAction }}</td>\n"
    241. 

  241.     "                <td>{{ power.voltageDownAction }}</td>\n"
    242. 

  242.     "                <td>{{ power.powerUpperAction }}</td>\n"
    243. 

  243.     "                <td>{{ power.alarmContentUpperAction }}</td>\n"
    244. 

  244.     "                <td>\n"
    245. 

  245.     "                  <button @click=\"handleUpdate(power)\" :class=\"   'btn btn-on'\">\n"
    246. 

  246.     "                    {{   '设置'   }}\n"
    247. 

  247.     "                  </button>\n"
    248. 

  248.     "                </td>\n"
    249. 

  249.     "              </tr>\n"
    250. 

  250.     "              </tbody>\n"
    251. 

  251.     "            </table>\n"
    252. 

  252.     "          </div>\n"
    253. 

  253.     "          <!-- 表单按钮 -->\n"
    254. 

  254.     "          <div class=\"button-footer form-actions\">\n"
    255. 

  255.     "            <button type=\"button\"  class=\"btn  btn-energy\" @click=\"fzscClickClose()\">取消</button>\n"
    256. 

  256.     "          </div>\n"
    257. 

  257.     "        </div>\n"
    258. 

  258.     "      </div>\n"
    259. 

  259.     
    260. 

  260.     "      <!-- 阈值设置单设备弹窗内容 -->\n"
    261. 

  261.     "      <div v-if=\"showFzszModal2\" class=\"modal-overlay\"  >\n"
    262. 

  262.     "        <div class=\"modal-content\">\n"
    263. 

  263.     "          <div class=\"form-group\" v-if=\"fzscData.list=='1'\" >\n"
    264. 

  264.     "            <label>通道:</label>\n"
    265. 

  265.     "            <div class=\"select-header\">\n"
    266. 

  266.     "              <p class=\"hint\">提示：使用Ctrl/Cmd键进行多选</p>\n"
    267. 

  267.     "              <button class=\"select-all\" @click=\"toggleSelectAll\">\n"
    268. 

  268.     "                {{ fzscData.productChIds.length === Object.keys(channelList1).length  ? '取消全选' : '全选' }}\n"
    269. 

  269.     "              </button>\n"
    270. 

  270.     "            </div>\n"
    271. 

  271.     "            <select v-model=\"fzscData.productChIds\" multiple  >\n"
    272. 

  272.     "              <option    v-for=\"option in  channelList1\" :value=\"option.productChId\">{{ option.productChName }}</option>\n"
    273. 

  273.     "            </select>\n"
    274. 

  274.     
    275. 

  275.     "            <div class=\"selected-items\">\n"
    276. 

  276.     "              <h3>已选通道：</h3>\n"
    277. 

  277.     "              <div class=\"selected-tags\">\n"
    278. 

  278.     "                <span v-if=\"fzscData.productChIds.length === 0\" class=\"no-selection\">暂无选择</span>\n"
    279. 

  279.     "                <div v-for=\"id in fzscData.productChIds\" :key=\"id\" class=\"tag\">\n"
    280. 

  280.     "                  {{ getOptionName(id) }}\n"
    281. 

  281.     "                  <button @click=\"removeOption(id)\">×</button>\n"
    282. 

  282.     "                </div>\n"
    283. 

  283.     "              </div>\n"
    284. 

  284.     "            </div>\n"
    285. 

  285.     "          </div>\n"
    286. 

  286.     "          <div class=\"form-group\"  v-if=\"fzscData.list==''\">\n"
    287. 

  287.     "            <label>通道号:</label>\n"
    288. 

  288.     "            <input type=\"text\" v-model=\"fzscData.productChId\"  readonly >\n"
    289. 

  289.     "          </div>\n"
    290. 

  290.     "          <div class=\"form-group\" >\n"
    291. 

  291.     "            <label>电流上限:</label>\n"
    292. 

  292.     "            <input type=\"text\" v-model=\"fzscData.currentUpperAction\">\n"
    293. 

  293.     "          </div>\n"
    294. 

  294.     "          <div class=\"form-group\" >\n"
    295. 

  295.     "            <label>电压上限:</label>\n"
    296. 

  296.     "            <input type=\"text\" v-model=\"fzscData.voltageUpperAction\">\n"
    297. 

  297.     "          </div>\n"
    298. 

  298.     "          <div class=\"form-group\" >\n"
    299. 

  299.     "            <label>电压下限:</label>\n"
    300. 

  300.     "            <input type=\"text\" v-model=\"fzscData.voltageDownAction\">\n"
    301. 

  301.     "          </div>\n"
    302. 

  302.     "          <div class=\"form-group\" >\n"
    303. 

  303.     "            <label>功率上限:</label>\n"
    304. 

  304.     "            <input type=\"text\" v-model=\"fzscData.powerUpperAction\">\n"
    305. 

  305.     "          </div>\n"
    306. 

  306.     "          <div class=\"form-group\" >\n"
    307. 

  307.     "            <label>耗电量上限:</label>\n"
    308. 

  308.     "            <input type=\"text\" v-model=\"fzscData.alarmContentUpperAction\">\n"
    309. 

  309.     "          </div>\n"
    310. 

  310.     "          <!-- 表单按钮 -->\n"
    311. 

  311.     "          <div class=\"form-actions\">\n"
    312. 

  312.     "            <button  class=\"btn  btn-energy\" @click=\"fzscClick()\"  >提交</button>\n"
    313. 

  313.     "            <button type=\"button\"  class=\"btn  btn-energy\" @click=\"fzscClickClose2()\">取消</button>\n"
    314. 

  314.     "          </div>\n"
    315. 

  315.     "        </div>\n"
    316. 

  316.     "      </div>\n"
    317. 

  317.     
    318. 

  318.     "      <!-- 延时设置列表 -->\n"
    319. 

  319.     "      <div @vue:mounted=\"ysszData\"  v-if=\"showysszModal\" class=\"modal-overlay\"  >\n"
    320. 

  320.     "        <div class=\"modal-content\" style=\"max-width: 100%;overflow-y: hidden\">\n"
    321. 

  321.     "          <h2>延时设置</h2>\n"
    322. 

  322.     "          <div class=\"scrollable-table\" style=\"    max-height: 60vh; \">\n"
    323. 

  323.     "            <table class=\"device-table\">\n"
    324. 

  324.     "              <thead>\n"
    325. 

  325.     "              <tr>\n"
    326. 

  326.     "                <th>通道名称</th>\n"
    327. 

  327.     "                <th>通道号</th>\n"
    328. 

  328.     "                <th>开启时间</th>\n"
    329. 

  329.     "                <th>关闭时间</th>\n"
    330. 

  330.     "                <th>操作</th>\n"
    331. 

  331.     "              </tr>\n"
    332. 

  332.     "              </thead>\n"
    333. 

  333.     "              <tbody>\n"
    334. 

  334.     "              <tr v-for=\"power in ysszList\" :key=\"power.productChId\">\n"
    335. 

  335.     "                <td>{{ power.productChName }}</td>\n"
    336. 

  336.     "                <td>{{ power.productChId }}</td>\n"
    337. 

  337.     "                <td>{{ power.firingInterval }}</td>\n"
    338. 

  338.     "                <td>{{ power.closeInterval }}</td>\n"
    339. 

  339.     "                <td>\n"
    340. 

  340.     "                  <button @click=\"ysszhandleUpdate(power)\" :class=\"   'btn btn-on'\">\n"
    341. 

  341.     "                    {{   '设置'   }}\n"
    342. 

  342.     "                  </button>\n"
    343. 

  343.     "                </td>\n"
    344. 

  344.     "              </tr>\n"
    345. 

  345.     "              </tbody>\n"
    346. 

  346.     "            </table>\n"
    347. 

  347.     "          </div>\n"
    348. 

  348.     "          <!-- 表单按钮 -->\n"
    349. 

  349.     "          <div class=\"button-footer form-actions\">\n"
    350. 

  350.     "            <button type=\"button\"  class=\"btn  btn-energy\" @click=\"ysszClickClose()\">取消</button>\n"
    351. 

  351.     "          </div>\n"
    352. 

  352.     "        </div>\n"
    353. 

  353.     "      </div>\n"
    354. 

  354.     "      <!-- 延时设置内容  -->\n"
    355. 

  355.     "      <div v-if=\"showysszModal2\" class=\"modal-overlay2\"   >\n"
    356. 

  356.     "        <div class=\"modal-content\">\n"
    357. 

  357.     "          <div class=\"form-group\" >\n"
    358. 

  358.     "            <label>通道号:</label>\n"
    359. 

  359.     "            <input type=\"text\" v-model=\"ysszData2.productChId\"  readonly >\n"
    360. 

  360.     "          </div>\n"
    361. 

  361.     "          <div class=\"form-group\" >\n"
    362. 

  362.     "            <label>开启时间(S):</label>\n"
    363. 

  363.     "            <input type=\"text\" v-model=\"ysszData2.firingInterval\">\n"
    364. 

  364.     "          </div>\n"
    365. 

  365.     "          <div class=\"form-group\" >\n"
    366. 

  366.     "            <label>关闭时间(S):</label>\n"
    367. 

  367.     "            <input type=\"text\" v-model=\"ysszData2.closeInterval\">\n"
    368. 

  368.     "          </div>\n"
    369. 

  369.     
    370. 

  370.     "          <!-- 表单按钮 -->\n"
    371. 

  371.     "          <div class=\"form-actions\">\n"
    372. 

  372.     "            <button  class=\"btn  btn-energy\" @click=\"ysszClick()\"  >提交</button>\n"
    373. 

  373.     "            <button type=\"button\"  class=\"btn  btn-energy\" @click=\"ysszClickClose2()\">取消</button>\n"
    374. 

  374.     "          </div>\n"
    375. 

  375.     "        </div>\n"
    376. 

  376.     "      </div>\n"
    377. 

  377.     
    378. 

  378.     "      <!--告警信息弹窗-->\n"
    379. 

  379.     "      <div    v-if=\"showFzszModalgj\" class=\"modal-overlay\"  >\n"
    380. 

  380.     "        <div class=\"modal-content\" style=\"max-width: 100%;overflow-y: hidden\">\n"
    381. 

  381.     "          <div class=\"scrollable-table\" style=\"    max-height: 60vh; \">\n"
    382. 

  382.     "            <table class=\"device-table\">\n"
    383. 

  383.     "              <thead>\n"
    384. 

  384.     "              <tr>\n"
    385. 

  385.     "                <th>序号</th>\n"
    386. 

  386.     "                <th>报警时间</th>\n"
    387. 

  387.     "                <th>报警类型</th>\n"
    388. 

  388.     "                <th>报警信息</th>\n"
    389. 

  389.     "              </tr>\n"
    390. 

  390.     "              </thead>\n"
    391. 

  391.     "              <tbody>\n"
    392. 

  392.     "              <tr  v-for=\"(item, index) in his_alarmd\" :key=\"index\">\n"
    393. 

  393.     "                <td>{{  item.number   }}</td>\n"
    394. 

  394.     "                <td>{{ item.date }}</td>\n"
    395. 

  395.     "                <td>{{ item.type }}</td>\n"
    396. 

  396.     "                <td>{{ item.waning_context }}</td>\n"
    397. 

  397.     "              </tr>\n"
    398. 

  398.     "              </tbody>\n"
    399. 

  399.     "            </table>\n"
    400. 

  400.     "          </div>\n"
    401. 

  401.     "          <!-- 表单按钮 -->\n"
    402. 

  402.     "          <div class=\"button-footer form-actions\">\n"
    403. 

  403.     "            <button type=\"button\"  class=\"btn  btn-energy\" @click=\"fzscClickClosegj()\">取消</button>\n"
    404. 

  404.     "          </div>\n"
    405. 

  405.     "        </div>\n"
    406. 

  406.     "      </div>\n"
    407. 

  407.     
    408. 

  408.     "    </div>\n"
    409. 

  409.     
    410. 

  410.     "  </div>\n"
    411. 

  411.     "<!--网络配置-->\n"
    412. 

  412.     "  <div   class=\"tab-content\" id=\"tab2\"  @vue:mounted=\"wkszQuery\">\n"
    413. 

  413.     "    <div   >\n"
    414. 

  414.     "      <div class=\"modal-content\">\n"
    415. 

  415.     "        <div class=\"form-group\" >\n"
    416. 

  416.     "          <label>选择模式:</label>\n"
    417. 

  417.     "            <select   v-model=\"wlszForm.mode\"  class=\"custom-select\">\n"
    418. 

  418.     "              <option :value=\"null\" disabled selected hidden style=\"color: #aaa;\">请选择...</option>\n"
    419. 

  419.     "              <option   v-for=\"option in  modes\" :value=\"option.id\">{{ option.name }}</option>\n"
    420. 

  420.     "            </select>\n"
    421. 

  421.     "          </div>\n"
    422. 

  422.     "        <div class=\"form-group\" >\n"
    423. 

  423.     "          <label>IP:</label>\n"
    424. 

  424.     "          <input type=\"text\" v-model=\"wlszForm.ipaddr\"        >\n"
    425. 

  425.     "        </div>\n"
    426. 

  426.     "        <div class=\"form-group\" >\n"
    427. 

  427.     "          <label>掩码:</label>\n"
    428. 

  428.     "          <input type=\"text\" v-model=\"wlszForm.mask\"  >\n"
    429. 

  429.     "        </div>\n"
    430. 

  430.     "        <div class=\"form-group\" >\n"
    431. 

  431.     "          <label>网关:</label>\n"
    432. 

  432.     "          <input type=\"text\" v-model=\"wlszForm.gateway\" >\n"
    433. 

  433.     "        </div>\n"
    434. 

  434.     "        <div class=\"form-group\" >\n"
    435. 

  435.     "          <label>DNS1:</label>\n"
    436. 

  436.     "          <input type=\"text\" v-model=\"wlszForm.dns1\" >\n"
    437. 

  437.     "        </div>\n"
    438. 

  438.     "        <div class=\"form-group\" >\n"
    439. 

  439.     "          <label>DNS2:</label>\n"
    440. 

  440.     "          <input type=\"text\" v-model=\"wlszForm.dns2\"  >\n"
    441. 

  441.     "        </div>\n"
    442. 

  442.     "        <!--<div class=\"form-group\" >-->\n"
    443. 

  443.     "          <!--<label>DHCP:</label>-->\n"
    444. 

  444.     "          <!--<input type=\"text\" v-model=\"wlszForm.dhcp\"  >-->\n"
    445. 

  445.     "        <!--</div>-->\n"
    446. 

  446.     "        <!-- 表单按钮 -->\n"
    447. 

  447.     "        <div class=\"form-actions\">\n"
    448. 

  448.     "          <button  class=\"btn  btn-energy\" @click=\"submitForm('wksz')\" >确定</button>\n"
    449. 

  449.     "        </div>\n"
    450. 

  450.     "      </div>\n"
    451. 

  451.     "    </div>\n"
    452. 

  452.     "  </div>\n"
    453. 

  453.     "  <!--485配置-->\n"
    454. 

  454.     "  <div class=\"tab-content\" id=\"tab3\" @vue:mounted=\"rsQuery\">\n"
    455. 

  455.     "    <div class=\"modal-content\">\n"
    456. 

  456.     "        <div class=\"form-group\" >\n"
    457. 

  457.     "          <select   v-model=\"wlszForm2.mode\"  class=\"custom-select\">\n"
    458. 

  458.     "            <option :value=\"null\" disabled selected hidden style=\"color: #aaa;\">请选择耗电量复位通道...</option>\n"
    459. 

  459.     "            <option   v-for=\"option in  modes2\" :value=\"option.id\">{{ option.name }}</option>\n"
    460. 

  460.     "          </select>\n"
    461. 

  461.     "        </div>\n"
    462. 

  462.     "        <div class=\"form-group\" >\n"
    463. 

  463.     "        <label>地址:</label>\n"
    464. 

  464.     "        <input type=\"text\" v-model=\"wlszForm2.addr\"      >\n"
    465. 

  465.     "      </div>\n"
    466. 

  466.     "      <div class=\"form-group\" >\n"
    467. 

  467.     "        <label>波特率:</label>\n"
    468. 

  468.     "        <input type=\"text\" v-model=\"wlszForm2.baud\"  >\n"
    469. 

  469.     "      </div>\n"
    470. 

  470.     
    471. 

  471.     "      <!-- 表单按钮 -->\n"
    472. 

  472.     "      <div class=\"form-actions\">\n"
    473. 

  473.     "        <button  class=\"btn  btn-energy\" @click=\"submitForm('rs')\" >确定</button>\n"
    474. 

  474.     "      </div>\n"
    475. 

  475.     "    </div>\n"
    476. 

  476.     "  </div>\n"
    477. 

  477.     "  <!--SNMP配置-->\n"
    478. 

  478.     "  <div class=\"tab-content\" id=\"tab4\" >\n"
    479. 

  479.     "    <div class=\"modal-content\">\n"
    480. 

  480.     "      <div class=\"form-group\" >\n"
    481. 

  481.     "        <label>社团项:</label>\n"
    482. 

  482.     "        <input type=\"text\" v-model=\"wlszForm3.publics\"    >\n"
    483. 

  483.     "      </div>\n"
    484. 

  484.     "        <!--<div class=\"form-group\" >-->\n"
    485. 

  485.     "          <!--<label>Trap IP:</label>-->\n"
    486. 

  486.     "          <!--<select   v-model=\"wlszForm3.version\" @change=\"handleChange\"   class=\"custom-select\">-->\n"
    487. 

  487.     "            <!--<option :value=\"null\" disabled selected hidden style=\"color: #aaa;\">请选择...</option>-->\n"
    488. 

  488.     "            <!--<option   v-for=\"option in  SNMPs\" :value=\"option.id\">{{ option.name }}</option>-->\n"
    489. 

  489.     "          <!--</select>-->\n"
    490. 

  490.     "        <!--</div>-->\n"
    491. 

  491.     "      <div class=\"form-group\"  >\n"
    492. 

  492.     "        <label>Trap IP:</label>\n"
    493. 

  493.     "        <input type=\"text\" v-model=\"wlszForm3.trap_ip\"  >\n"
    494. 

  494.     "      </div>\n"
    495. 

  495.     "      <!--<div class=\"form-group\"  v-if=\"snmpShow\">-->\n"
    496. 

  496.     "        <!--<label>用户名:</label>-->\n"
    497. 

  497.     "        <!--<input type=\"text\" v-model=\"wlszForm3.yhm\"  >-->\n"
    498. 

  498.     "      <!--</div>-->\n"
    499. 

  499.     "      <!--<div class=\"form-group\" v-if=\"snmpShow\">-->\n"
    500. 

  500.     "        <!--<label>认证协议:</label>-->\n"
    501. 

  501.     "        <!--<select   v-model=\"wlszForm3.mode\"  class=\"custom-select\">-->\n"
    502. 

  502.     "          <!--<option :value=\"null\" disabled selected hidden style=\"color: #aaa;\">请选择...</option>-->\n"
    503. 

  503.     "          <!--<option   v-for=\"option in  rzxys\" :value=\"option.id\">{{ option.name }}</option>-->\n"
    504. 

  504.     "        <!--</select>-->\n"
    505. 

  505.     "      <!--</div>-->\n"
    506. 

  506.     "      <!--<div class=\"form-group\" v-if=\"snmpShow\">-->\n"
    507. 

  507.     "        <!--<label>认证密码:</label>-->\n"
    508. 

  508.     "        <!--<input type=\"text\" v-model=\"wlszForm3.rzmm\"  >-->\n"
    509. 

  509.     "      <!--</div>-->\n"
    510. 

  510.     "      <!--<div class=\"form-group\" v-if=\"snmpShow\">-->\n"
    511. 

  511.     "        <!--<label>加密协议:</label>-->\n"
    512. 

  512.     "        <!--<select   v-model=\"wlszForm3.trapmode\"  class=\"custom-select\">-->\n"
    513. 

  513.     "          <!--<option :value=\"null\" disabled selected hidden style=\"color: #aaa;\">请选择...</option>-->\n"
    514. 

  514.     "          <!--<option   v-for=\"option in  jmxys\" :value=\"option.id\">{{ option.name }}</option>-->\n"
    515. 

  515.     "        <!--</select>-->\n"
    516. 

  516.     "      <!--</div>-->\n"
    517. 

  517.     "      <!--<div class=\"form-group\" v-if=\"snmpShow\">-->\n"
    518. 

  518.     "        <!--<label>加密密码:</label>-->\n"
    519. 

  519.     "        <!--<input type=\"text\" v-model=\"wlszForm3.jmmm\"   >-->\n"
    520. 

  520.     "      <!--</div>-->\n"
    521. 

  521.     "      <!-- 表单按钮 -->\n"
    522. 

  522.     "      <div class=\"form-actions\">\n"
    523. 

  523.     "        <button  class=\"btn  btn-energy\" @click=\"submitForm('snmp')\" >确定</button>\n"
    524. 

  524.     "      </div>\n"
    525. 

  525.     "    </div>\n"
    526. 

  526.     "  </div>\n"
    527. 

  527.     "  <!--设备信息-->\n"
    528. 

  528.     "  <div class=\"tab-content\" id=\"tab5\" >\n"
    529. 

  529.     "    <!--<iframe class=\"tab-iframe\" src=\"/src/sbsz.html\"></iframe>-->\n"
    530. 

  530.     "    <div class=\"divAll\" >\n"
    531. 

  531.     "      <!--设备信息-->\n"
    532. 

  532.     "      <div class=\"modal-content\" @vue:mounted=\"sbxxQuery\">\n"
    533. 

  533.     "        <div class=\"form-group\" >\n"
    534. 

  534.     "          <label>系统时间:</label>\n"
    535. 

  535.     "          <input type=\"text\" style=\"width: 70%\" v-model=\"wlszForm4.sys_time\"  >\n"
    536. 

  536.     "          <button style=\"margin-left: 10px;\" class=\"btn  btn-energy\"  @click=\"showXtsjModalClick()\">设置</button>\n"
    537. 

  537.     "        </div>\n"
    538. 

  538.     "        <div class=\"form-group\" >\n"
    539. 

  539.     "          <label>固件版本:</label>\n"
    540. 

  540.     "          <input type=\"text\" style=\"width: 70%\" v-model=\"wlszForm4.ver\"  >\n"
    541. 

  541.     "          <!--<button style=\"margin-left: 10px;\" class=\"btn  btn-energy\" @click=\"showFjscModalClick()\" >升级</button>-->\n"
    542. 

  542.     "        </div>\n"
    543. 

  543.     
    544. 

  544.     "      </div>\n"
    545. 

  545.     
    546. 

  546.     "      <!--设备系统时间设置-->\n"
    547. 

  547.     "      <div v-if=\"showXtsjModal\" class=\"modal-overlay2\"   >\n"
    548. 

  548.     "        <div class=\"modal-content\"   >\n"
    549. 

  549.     "          <h2>时间设置</h2>\n"
    550. 

  550.     "          <!-- 下拉选择 -->\n"
    551. 

  551.     "          <div class=\"form-group\" >\n"
    552. 

  552.     "            <label>时区:</label>\n"
    553. 

  553.     "            <select   v-model=\"wlszForm4.tzone\"  class=\"custom-select\">\n"
    554. 

  554.     "              <option :value=\"null\" disabled selected hidden style=\"color: #aaa;\">请选择...</option>\n"
    555. 

  555.     "              <option   v-for=\"option in  sqs\" :value=\"option.id\">{{ option.name }}</option>\n"
    556. 

  556.     "            </select>\n"
    557. 

  557.     "          </div>\n"
    558. 

  558.     "          <div class=\"form-group\" >\n"
    559. 

  559.     "            <label for=\"selectedDate\">选择日期:</label>\n"
    560. 

  560.     "            <div class=\"date-input-container\">\n"
    561. 

  561.     "              <input\n"
    562. 

  562.     "                      v-model=\"wlszForm4.sys_time\"\n"
    563. 

  563.     "                      type=\"text\"\n"
    564. 

  564.     "                      id=\"selectedDate\"\n"
    565. 

  565.     "                      class=\"date-input\"\n"
    566. 

  566.     "                      placeholder=\"点击选择日期\"\n"
    567. 

  567.     "                      @click=\"showPicker\"\n"
    568. 

  568.     "              >\n"
    569. 

  569.     "              <div class=\"calendar-icon\">\n"
    570. 

  570.     "                <i class=\"fas fa-calendar-alt\"></i>\n"
    571. 

  571.     "              </div>\n"
    572. 

  572.     "            </div>\n"
    573. 

  573.     
    574. 

  574.     "            <!--<div class=\"datetime-modal\" v-if=\"isPickerVisible\">-->\n"
    575. 

  575.     "            <div class=\"modal-overlay2\" v-if=\"isPickerVisible\">\n"
    576. 

  576.     "              <div class=\"modal-content\">\n"
    577. 

  577.     "                <div class=\"form-group\" >\n"
    578. 

  578.     "                  <label>日期:</label>\n"
    579. 

  579.     "                  <select   v-model=\"dateForm.year\" style=\"width: 25%\"  >\n"
    580. 

  580.     "                    <option   v-for=\"option in  years\" :value=\"option.id\">{{ option.name }}</option>\n"
    581. 

  581.     "                  </select>\n"
    582. 

  582.     "                  <select   v-model=\"dateForm.month\" @change=\"updateDays\"  style=\"width: 25%\"  >\n"
    583. 

  583.     "                    <option   v-for=\"option in  months\" :value=\"option.id\">{{ option.name }}</option>\n"
    584. 

  584.     "                  </select>\n"
    585. 

  585.     "                  <select   v-model=\"dateForm.day\"  style=\"width: 25%\" >\n"
    586. 

  586.     "                    <option   v-for=\"option in  dayAll\" :value=\"option.id\">{{ option.name }}</option>\n"
    587. 

  587.     "                  </select>\n"
    588. 

  588.     "                </div>\n"
    589. 

  589.     "                <div class=\"form-group\" >\n"
    590. 

  590.     "                  <label>时间:</label>\n"
    591. 

  591.     "                  <select   v-model=\"dateForm.hour\" style=\"width: 25%\"  >\n"
    592. 

  592.     "                    <option   v-for=\"option in  hours\" :value=\"option.id\">{{ option.name }}</option>\n"
    593. 

  593.     "                  </select>\n"
    594. 

  594.     "                  <select   v-model=\"dateForm.minute\"  style=\"width: 25%\"  >\n"
    595. 

  595.     "                    <option   v-for=\"option in  minutes\" :value=\"option.id\">{{ option.name }}</option>\n"
    596. 

  596.     "                  </select>\n"
    597. 

  597.     "                  <select   v-model=\"dateForm.second\"  style=\"width: 25%\" >\n"
    598. 

  598.     "                    <option   v-for=\"option in  minutes\" :value=\"option.id\">{{ option.name }}</option>\n"
    599. 

  599.     "                  </select>\n"
    600. 

  600.     "                </div>\n"
    601. 

  601.     "                <button class=\"btn  btn-energy\" @click=\"confirmSelection\"> 确认 </button>\n"
    602. 

  602.     "                <button class=\"btn  btn-energy\" @click=\"isPickerVisible = false\">取消 </button>\n"
    603. 

  603.     "              </div>\n"
    604. 

  604.     "            </div>\n"
    605. 

  605.     "          </div>\n"
    606. 

  606.     "          <!-- 表单按钮 -->\n"
    607. 

  607.     "          <div class=\"form-actions\"  >\n"
    608. 

  608.     "            <button  class=\"btn  btn-energy\" @click=\"stxjClick()\"  >提交</button>\n"
    609. 

  609.     "            <button type=\"button\"  class=\"btn  btn-energy\" @click=\"showXtsjModal=false\">取消</button>\n"
    610. 

  610.     "          </div>\n"
    611. 

  611.     "        </div>\n"
    612. 

  612.     "      </div>\n"
    613. 

  613.     
    614. 

  614.     "      <!--附件上传-->\n"
    615. 

  615.     "      <div v-if=\"showScfjModal\" class=\"modal-overlay2\"   >\n"
    616. 

  616.     "        <div class=\"upload-container\" style=\"    background: white;width: 400px\">\n"
    617. 

  617.     "          <div class=\"form-group\" >\n"
    618. 

  618.     "            <label>固件版本:</label>\n"
    619. 

  619.     "            <input type=\"text\" style=\"width: 100%\" v-model=\"wlszForm5.ver\"  >\n"
    620. 

  620.     "          </div>\n"
    621. 

  621.     "          <div class=\"upload-area\"\n"
    622. 

  622.     "               :class=\"{ dragover: isDragover }\"\n"
    623. 

  623.     "               @click=\"selectFiles\"\n"
    624. 

  624.     "               @dragover.prevent=\"isDragover = true\"\n"
    625. 

  625.     "               @dragleave=\"isDragover = false\"\n"
    626. 

  626.     "               @drop.prevent=\"handleDrop\">\n"
    627. 

  627.     
    628. 

  628.     "            <div class=\"upload-text\">\n"
    629. 

  629.     "              <h3>拖放文件到此处上传或选择文件</h3>\n"
    630. 

  630.     "              <!--<p>支持单个或多个文件上传，最大支持200MB</p>-->\n"
    631. 

  631.     "            </div>\n"
    632. 

  632.     
    633. 

  633.     "            <input type=\"file\" class=\"file-input\" multiple @change=\"handleFileSelect\" ref=\"fileInput\">\n"
    634. 

  634.     
    635. 

  635.     "          </div>\n"
    636. 

  636.     
    637. 

  637.     "          <div class=\"files-list\" v-if=\"files.length > 0\">\n"
    638. 

  638.     "            <h3>已选择文件 ({{ files.length }})</h3>\n"
    639. 

  639.     
    640. 

  640.     "            <div class=\"file-item\" v-for=\"file in files\" :key=\"file.id\">\n"
    641. 

  641.     
    642. 

  642.     "              <div class=\"file-info\">\n"
    643. 

  643.     "                <div class=\"file-name\">{{ file.name }}</div>\n"
    644. 

  644.     "              </div>\n"
    645. 

  645.     
    646. 

  646.     "            </div>\n"
    647. 

  647.     "          </div>\n"
    648. 

  648.     "          <div class=\"actions\">\n"
    649. 

  649.     "            <button class=\"btn\" @click=\"uploadFiles\" :disabled=\"files.length === 0 || isUploading || wlszForm5.ver==''\">\n"
    650. 

  650.     "              <i class=\"fas fa-upload\"></i> 保存\n"
    651. 

  651.     "            </button>\n"
    652. 

  652.     "            <button class=\"btn btn-secondary\" @click=\"clearFiles\" >\n"
    653. 

  653.     "              <i class=\"fas fa-times\"></i> 取消\n"
    654. 

  654.     "            </button>\n"
    655. 

  655.     "          </div>\n"
    656. 

  656.     
    657. 

  657.     "        </div>\n"
    658. 

  658.     
    659. 

  659.     "      </div>\n"
    660. 

  660.     
    661. 

  661.     "    </div>\n"
    662. 

  662.     
    663. 

  663.     "  </div>\n"
    664. 

  664.     
    665. 

  665.     "  <!-- 保存确认弹框 -->\n"
    666. 

  666.     "  <div class=\"modal-overlay2\" v-if=\"showSaveModal\">\n"
    667. 

  667.     "    <div class=\"modal-content\">\n"
    668. 

  668.     "      <h2>系统提示</h2>\n"
    669. 

  669.     "      <p>{{popMessage}}</p>\n"
    670. 

  670.     "      <div class=\"form-actions\">\n"
    671. 

  671.     "        <button class=\"btn  btn-energy\" @click=\"showSaveModal = false\">取消</button>\n"
    672. 

  672.     "        <button class=\"btn  btn-energy\" @click=\"saveData12()\">确定</button>\n"
    673. 

  673.     "      </div>\n"
    674. 

  674.     "    </div>\n"
    675. 

  675.     "  </div>\n"
    676. 

  676.     "</div>\n"
    677. 

  677.     "<script type=\"module\">\n"
    678. 

  678.     "    let activePageIntervalId1 = null;\n"
    679. 

  679.     "    let activePageIntervalId2= null;\n"
    680. 

  680.     "    let activePageIntervalId3 = null;\n"
    681. 

  681.     "    let activePageIntervalId4 = null;\n"
    682. 

  682.     "    let activePageIntervalId5 = null;\n"
    683. 

  683.     "    let tabId = 'tab1';\n"
    684. 

  684.     "    document.addEventListener('DOMContentLoaded', function() {\n"
    685. 

  685.     "        const tabBtns = document.querySelectorAll('.tab-btn');\n"
    686. 

  686.     "        const tabContents = document.querySelectorAll('.tab-content');\n"
    687. 

  687.     "        tabBtns.forEach(btn => {\n"
    688. 

  688.     "            btn.addEventListener('click', function() {\n"
    689. 

  689.     "                // 移除所有按钮和内容的active类\n"
    690. 

  690.     "                tabBtns.forEach(btn => btn.classList.remove('active'));\n"
    691. 

  691.     "                tabContents.forEach(content => content.classList.remove('active'));\n"
    692. 

  692.     
    693. 

  693.     "                // 为当前按钮添加active类\n"
    694. 

  694.     "                this.classList.add('active');\n"
    695. 

  695.     
    696. 

  696.     "                // 显示对应的内容\n"
    697. 

  697.     "                tabId = this.getAttribute('data-tab');\n"
    698. 

  698.     "                document.getElementById(tabId).classList.add('active');\n"
    699. 

  699.     "                if(tabId=='tab1'){\n"
    700. 

  700.     "                    function1();\n"
    701. 

  701.     "                }else if(tabId=='tab2'){\n"
    702. 

  702.     "                    function2();\n"
    703. 

  703.     "                }else if(tabId=='tab3'){\n"
    704. 

  704.     "                    function3();\n"
    705. 

  705.     "                }else if(tabId=='tab4'){\n"
    706. 

  706.     "                    function4();\n"
    707. 

  707.     "                }else if(tabId=='tab5'){\n"
    708. 

  708.     "                    function5();\n"
    709. 

  709.     "                }\n"
    710. 

  710.     "            });\n"
    711. 

  711.     "        });\n"
    712. 

  712.     
    713. 

  713.     "        const today = new Date();\n"
    714. 

  714.     "        today.setHours(0, 0, 0, 0);\n"
    715. 

  715.     "        const app =  PetiteVue.createApp({\n"
    716. 

  716.     "            snmpShow:false,\n"
    717. 

  717.     "            showXtsjModal:false,\n"
    718. 

  718.     "            productType:\"\",\n"
    719. 

  719.     "            productId:\"\",\n"
    720. 

  720.     "            productNumber:\"\",\n"
    721. 

  721.     "            channelList1:[],\n"
    722. 

  722.     "            ysszList:[],\n"
    723. 

  723.     "            ysszData2:{},\n"
    724. 

  724.     "            timeData:{},\n"
    725. 

  725.     "            popMessage:'',\n"
    726. 

  726.     "            dateTime:'',\n"
    727. 

  727.     "            systemTime:'',\n"
    728. 

  728.     "            wlszForm:{\n"
    729. 

  729.     "                mode:'',\n"
    730. 

  730.     "                ipaddr:'',\n"
    731. 

  731.     "                mask:'',\n"
    732. 

  732.     "                gateway:'',\n"
    733. 

  733.     "                dns1:'',\n"
    734. 

  734.     "                dns2:'',\n"
    735. 

  735.     "                dhcp:'',\n"
    736. 

  736.     "                type:''\n"
    737. 

  737.     "            },\n"
    738. 

  738.     "            wlszForm2:{\n"
    739. 

  739.     "                mode:'',\n"
    740. 

  740.     "                addr:'',\n"
    741. 

  741.     "                baud:''\n"
    742. 

  742.     "            },\n"
    743. 

  743.     "            wlszForm3:{\n"
    744. 

  744.     "                mode:'',\n"
    745. 

  745.     "                publics:'',\n"
    746. 

  746.     "                version:'',\n"
    747. 

  747.     "                yhm:'',\n"
    748. 

  748.     "                rzmm:'',\n"
    749. 

  749.     "                trapmode:'',\n"
    750. 

  750.     "                jmmm:'',\n"
    751. 

  751.     "                trap_ip:'',\n"
    752. 

  752.     "            },\n"
    753. 

  753.     
    754. 

  754.     "            readonlyvalidate: false,\n"
    755. 

  755.     "            showSaveModal: false,\n"
    756. 

  756.     "            showDeleteModal: false,\n"
    757. 

  757.     "            message: '',\n"
    758. 

  758.     "            messageType: '',\n"
    759. 

  759.     "            popType: '',\n"
    760. 

  760.     "            popMessage:'',\n"
    761. 

  761.     "            modes:[{\"id\":0,\"name\":\"自动\"},{\"id\":1,\"name\":\"手动\"}],\n"
    762. 

  762.     "            modes2:[{\"id\":0,\"name\":\"主机模式\"},{\"id\":1,\"name\":\"从机模式\"}],\n"
    763. 

  763.     "            SNMPs:[{\"id\":\"SNMP V1\",\"name\":\"SNMP V1\"},{\"id\":\"SNMP V2c\",\"name\":\"SNMP V2c\"},{\"id\":\"SNMP V3\",\"name\":\"SNMP V3\"}],\n"
    764. 

  764.     "            rzxys:[{\"id\":\"MD5\",\"name\":\"MD5\"},{\"id\":\"SHA\",\"name\":\"SHA\"},{\"id\":\"SHA-224\",\"name\":\"SHA-224\"},{\"id\":\"SHA-256\",\"name\":\"SHA-256\"},{\"id\":\"SHA-384\",\"name\":\"SHA-384\"},{\"id\":\"SHA-512\",\"name\":\"SHA-512\"}],\n"
    765. 

  765.     "            jmxys:[{\"id\":\"0\",\"name\":\"无\"},{\"id\":\"DES\",\"name\":\"DES\"},{\"id\":\"AES\",\"name\":\"AES\"}],\n"
    766. 

  766.     "            async stxjClickClose(){\n"
    767. 

  767.     "                this.showXtsjModal=false\n"
    768. 

  768.     "            },\n"
    769. 

  769.     
    770. 

  770.     "            async wkszQuery(){\n"
    771. 

  771.     
    772. 

  772.     "            },\n"
    773. 

  773.     "            async rsQuery(){\n"
    774. 

  774.     
    775. 

  775.     "            },\n"
    776. 

  776.     
    777. 

  777.     "            async  submitForm(type){\n"
    778. 

  778.     "                this.showSaveModal = true\n"
    779. 

  779.     "                this.popMessage=\"确认要提交吗？\";\n"
    780. 

  780.     "                if(type=='wksz'){\n"
    781. 

  781.     "                    this.saveDataAll=this.wlszForm;\n"
    782. 

  782.     "                    this.popType='wksz';\n"
    783. 

  783.     "                    this.saveDataAll.len=241\n"
    784. 

  784.     "                }else if(type=='rs'){\n"
    785. 

  785.     "                    this.saveDataAll=this.wlszForm2;\n"
    786. 

  786.     "                    this.saveDataAll.len=6;\n"
    787. 

  787.     "                    this.popType='rs';\n"
    788. 

  788.     "                }else if(type=='snmp'){\n"
    789. 

  789.     "                    this.saveDataAll=this.wlszForm3;\n"
    790. 

  790.     "                    this.saveDataAll.len=45\n"
    791. 

  791.     "                    this.popType='snmp';\n"
    792. 

  792.     "                }\n"
    793. 

  793.     
    794. 

  794.     "            },\n"
    795. 

  795.     
    796. 

  796.     "            async saveData12(){\n"
    797. 

  797.     "                if(this.popType=='wksz'){\n"
    798. 

  798.     "                    network_settings(this.saveDataAll)\n"
    799. 

  799.     "                }else if(this.popType=='rs'){\n"
    800. 

  800.     "                    modbus_settings(this.saveDataAll)\n"
    801. 

  801.     "                }else if(this.popType=='snmp'){\n"
    802. 

  802.     "                    snmp_settings(this.saveDataAll)\n"
    803. 

  803.     "                }else if(this.popType=='zkzg'){\n"
    804. 

  804.     "                    if(  this.saveDataAll.type=='close'){\n"
    805. 

  805.     "                        all_close();\n"
    806. 

  806.     
    807. 

  807.     "                    }else if( this.saveDataAll.type=='open'){\n"
    808. 

  808.     "                        all_open();\n"
    809. 

  809.     
    810. 

  810.     "                    }\n"
    811. 

  811.     "                }else if(this.popType=='yssz'){\n"
    812. 

  812.     "                    delay_update(this.saveDataAll.channel_power_infro)\n"
    813. 

  813.     "                    this.ysszClickClose2()\n"
    814. 

  814.     "                }else if(this.popType=='hdlcz'){\n"
    815. 

  815.     "                    for(const ket in this.saveDataAll.channel_power_infros){\n"
    816. 

  816.     "                        power_reset(this.saveDataAll.channel_power_infros[ket])\n"
    817. 

  817.     "                    }\n"
    818. 

  818.     "                    this.hdlczClickClose()\n"
    819. 

  819.     "                }else if(this.popType=='fzsz'){\n"
    820. 

  820.     "                    if(this.saveDataAll.list=='1'){\n"
    821. 

  821.     "                        for(const ket in this.saveDataAll.channel_power_infros){\n"
    822. 

  822.     "                            threshold_update(this.saveDataAll.channel_power_infros[ket])\n"
    823. 

  823.     "                        }\n"
    824. 

  824.     "                    }else{\n"
    825. 

  825.     "                        threshold_update(this.saveDataAll.channel_power_infro)\n"
    826. 

  826.     "                    }\n"
    827. 

  827.     
    828. 

  828.     "                    this.fzscClickClose2()\n"
    829. 

  829.     "                }else if(this.popType=='tdkg'){\n"
    830. 

  830.     
    831. 

  831.     "                    if(  this.saveDataAll.type=='close'){\n"
    832. 

  832.     "                        single_close({...j_data},{...channel_power_infro},this.saveDataAll.productChId);\n"
    833. 

  833.     
    834. 

  834.     "                    }else if( this.saveDataAll.type=='open'){\n"
    835. 

  835.     "                        single_open({...j_data},{...channel_power_infro},this.saveDataAll.productChId);\n"
    836. 

  836.     "                    }\n"
    837. 

  837.     
    838. 

  838.     "                }else if(this.popType=='sjsz'){\n"
    839. 

  839.     "                    sys_settings(this.saveDataAll)\n"
    840. 

  840.     "                    this.showSaveModal = false\n"
    841. 

  841.     "                    this.showXtsjModal=false\n"
    842. 

  842.     "                }\n"
    843. 

  843.     "                this.showSaveModal=false\n"
    844. 

  844.     "                this.saveDataAll={};\n"
    845. 

  845.     "                this.popType='';\n"
    846. 

  846.     "                // alert(\"操作成功\")\n"
    847. 

  847.     "            },\n"
    848. 

  848.     "            handleChange(value){\n"
    849. 

  849.     "                if(this.wlszForm3.version=='SNMP V3'){\n"
    850. 

  850.     "                    this.snmpShow=true;\n"
    851. 

  851.     "                }else{\n"
    852. 

  852.     "                    this.snmpShow=false;\n"
    853. 

  853.     "                    this.wlszForm3.yhm='';\n"
    854. 

  854.     "                    this.wlszForm3.mode='';\n"
    855. 

  855.     "                    this.wlszForm3.rzmm='';\n"
    856. 

  856.     "                    this.wlszForm3.jmxy='';\n"
    857. 

  857.     "                    this.wlszForm3.jmmm='';\n"
    858. 

  858.     "                    this.wlszForm3.trapmode='' ;\n"
    859. 

  859.     "                }\n"
    860. 

  860.     "            },\n"
    861. 

  861.     "            showSaveModal: false,\n"
    862. 

  862.     "            showDeleteModal: false,\n"
    863. 

  863.     "            message: '',\n"
    864. 

  864.     "            messageType: '',\n"
    865. 

  865.     
    866. 

  866.     
    867. 

  867.     "            // 消息和UI状态\n"
    868. 

  868.     "            message: '',\n"
    869. 

  869.     "            messages: [],\n"
    870. 

  870.     
    871. 

  871.     
    872. 

  872.     "            // 状态\n"
    873. 

  873.     "            showExternal:false,\n"
    874. 

  874.     "            // 耗电量设置\n"
    875. 

  875.     "            showFormModal:false,\n"
    876. 

  876.     "            // 阈值设置\n"
    877. 

  877.     "            showFzszModal:false,\n"
    878. 

  878.     "            //告警\n"
    879. 

  879.     "            showFzszModalgj:false,\n"
    880. 

  880.     "            showFzszModal2:false,\n"
    881. 

  881.     "            showysszModal:false,\n"
    882. 

  882.     "            showysszModal2:false,\n"
    883. 

  883.     "            formData:{productChName:null,productChId:null,channel_power_infro:null,productChIds:[]},\n"
    884. 

  884.     "            powerThresholdList:[],\n"
    885. 

  885.     "            fzscData:{\n"
    886. 

  886.     "                productChIds:[]\n"
    887. 

  887.     "            },\n"
    888. 

  888.     "            items: [],\n"
    889. 

  889.     "            newItem: '',\n"
    890. 

  890.     "            loading: false,\n"
    891. 

  891.     "            error: null,\n"
    892. 

  892.     "            summary: {...initialFormData},\n"
    893. 

  893.     "            channelList: [\n"
    894. 

  894.     "                {\n"
    895. 

  895.     "                    productChName: '通道1',\n"
    896. 

  896.     "                    productPhOrder: 'A相',\n"
    897. 

  897.     "                    productChVoltage: '220V',\n"
    898. 

  898.     "                    productChCurrent: '10A',\n"
    899. 

  899.     "                    productChPower: '2.2kW',\n"
    900. 

  900.     "                    productChPowerFreq: '50Hz',\n"
    901. 

  901.     "                    productChConsumption: '15kWh',\n"
    902. 

  902.     "                    firingInterval: '5s',\n"
    903. 

  903.     "                    closeInterval: '3s',\n"
    904. 

  904.     "                    productChId: '3221',\n"
    905. 

  905.     "                    status: true\n"
    906. 

  906.     "                },\n"
    907. 

  907.     
    908. 

  908.     "            ],\n"
    909. 

  909.     "            statusData: {\n"
    910. 

  910.     "                temperatureStatus:1,\n"
    911. 

  911.     "                temperature: '',\n"
    912. 

  912.     "                humidity: '',\n"
    913. 

  913.     "                waterLeak: '',\n"
    914. 

  914.     "                waterLeakStatus: 1,\n"
    915. 

  915.     "                smoke: '',\n"
    916. 

  916.     "                smokeStatus: 1,\n"
    917. 

  917.     "                alarm1: ''\n"
    918. 

  918.     "            },\n"
    919. 

  919.     "            productType:\"\",\n"
    920. 

  920.     "            threeType:\"1\",\n"
    921. 

  921.     "            productId:\"\",\n"
    922. 

  922.     "            productNumber:\"\",\n"
    923. 

  923.     "            channelList1:[],\n"
    924. 

  924.     "            ysszList:[],\n"
    925. 

  925.     "            totalFormList:[],\n"
    926. 

  926.     "            his_alarmd:[],\n"
    927. 

  927.     "            ysszData2:{},\n"
    928. 

  928.     "            popMessage:'',\n"
    929. 

  929.     "            popType:'',\n"
    930. 

  930.     
    931. 

  931.     "            saveDataAll:null,\n"
    932. 

  932.     
    933. 

  933.     "            // 计算属性\n"
    934. 

  934.     "            get connectionStatus() {\n"
    935. 

  935.     "                if (this.isConnected) return 'connected';\n"
    936. 

  936.     "                if (this.isConnecting) return 'connecting';\n"
    937. 

  937.     "                return 'disconnected';\n"
    938. 

  938.     "            },\n"
    939. 

  939.     
    940. 

  940.     "            get statusText() {\n"
    941. 

  941.     "                if (this.isConnected) return '已连接到 WebSocket 服务器';\n"
    942. 

  942.     "                if (this.isConnecting) return '正在连接...';\n"
    943. 

  943.     "                return '未连接';\n"
    944. 

  944.     "            },\n"
    945. 

  945.     
    946. 

  946.     
    947. 

  947.     
    948. 

  948.     "            async  toggleDeviceStatus(device) {\n"
    949. 

  949.     "                var command=\"\";\n"
    950. 

  950.     "                const params={};\n"
    951. 

  951.     "                params.productChId=device.productChId;\n"
    952. 

  952.     "                // if(device.productChStatus=='1'){\n"
    953. 

  953.     "                //     command='channelclose';\n"
    954. 

  954.     "                //     this.popMessage=\"确认要关闭此通道吗？\";\n"
    955. 

  955.     "                //     params.type=\"close\";\n"
    956. 

  956.     "                // }else{\n"
    957. 

  957.     "                //     command='channelopen';\n"
    958. 

  958.     "                //     this.popMessage=\"确认要打开此通道吗？\";\n"
    959. 

  959.     "                //     params.type=\"open\";\n"
    960. 

  960.     "                // }\n"
    961. 

  961.     "                if(device.productChStatus=='1'){\n"
    962. 

  962.     "                    single_close({...j_data},{...channel_power_infro},device.productChId);\n"
    963. 

  963.     "                }else{\n"
    964. 

  964.     "                    single_open({...j_data},{...channel_power_infro},device.productChId);\n"
    965. 

  965.     "                }\n"
    966. 

  966.     "                // const result = await confirmAction({\n"
    967. 

  967.     "                //     title: message\n"
    968. 

  968.     "                // });\n"
    969. 

  969.     
    970. 

  970.     "                // this.showSaveModal = true\n"
    971. 

  971.     "                // this.saveDataAll=params;\n"
    972. 

  972.     "                // this.popType='tdkg';\n"
    973. 

  973.     
    974. 

  974.     
    975. 

  975.     
    976. 

  976.     "            },\n"
    977. 

  977.     "            /** 阈值设置按钮操作 */\n"
    978. 

  978.     "            handleUpdate(row) {\n"
    979. 

  979.     "                this.fzscData = JSON.parse(JSON.stringify(row));\n"
    980. 

  980.     "                this.fzscData.list='';\n"
    981. 

  981.     "                this.showFzszModal2 = true;\n"
    982. 

  982.     "                // this.title = this.$t('pz');\n"
    983. 

  983.     "            },\n"
    984. 

  984.     "            getOptionName(id) {\n"
    985. 

  985.     "                for(const key in   this.channelList1){\n"
    986. 

  986.     "                    if(this.channelList1[key].productChId===id){\n"
    987. 

  987.     "                        return this.channelList1[key].productChName\n"
    988. 

  988.     "                        break\n"
    989. 

  989.     "                    }\n"
    990. 

  990.     "                }\n"
    991. 

  991.     "                ;\n"
    992. 

  992.     "            },\n"
    993. 

  993.     "            removeOption(id) {\n"
    994. 

  994.     "                this.fzscData.productChIds = this.fzscData.productChIds.filter(optId => optId !== id);\n"
    995. 

  995.     "            },\n"
    996. 

  996.     "            toggleSelectAll() {\n"
    997. 

  997.     
    998. 

  998.     "                if (this.fzscData.productChIds.length === Object.keys(this.channelList1).length ) {\n"
    999. 

  999.     "                    this.fzscData.productChIds = [];\n"
    1000. 

  1000.     "                } else {\n"
    1001. 

  1001.     "                    for(const key in   this.channelList1){\n"
    1002. 

  1002.     "                        this.fzscData.productChIds.push(this.channelList1[key].productChId)\n"
    1003. 

  1003.     "                    }\n"
    1004. 

  1004.     
    1005. 

  1005.     "                   // this.fzscData.productChIds = this.channelList1.map(option => option.productChId);\n"
    1006. 

  1006.     "                }\n"
    1007. 

  1007.     "            },\n"
    1008. 

  1008.     
    1009. 

  1009.     "            getOptionName2(id) {\n"
    1010. 

  1010.     "                for(const key in   this.channelList1){\n"
    1011. 

  1011.     "                    if(this.channelList1[key].productChId===id){\n"
    1012. 

  1012.     "                        return this.channelList1[key].productChName\n"
    1013. 

  1013.     "                        break\n"
    1014. 

  1014.     "                    }\n"
    1015. 

  1015.     "                }\n"
    1016. 

  1016.     "                ;\n"
    1017. 

  1017.     "            },\n"
    1018. 

  1018.     "            removeOption2(id) {\n"
    1019. 

  1019.     "                this.formData.productChIds = this.formData.productChIds.filter(optId => optId !== id);\n"
    1020. 

  1020.     "            },\n"
    1021. 

  1021.     "            toggleSelectAll2() {\n"
    1022. 

  1022.     "                if (this.formData.productChIds.length === Object.keys(this.channelList1).length ) {\n"
    1023. 

  1023.     "                    this.formData.productChIds = [];\n"
    1024. 

  1024.     "                } else {\n"
    1025. 

  1025.     "                    for(const key in   this.channelList1){\n"
    1026. 

  1026.     "                        this.formData.productChIds.push(this.channelList1[key].productChId)\n"
    1027. 

  1027.     "                    }\n"
    1028. 

  1028.     
    1029. 

  1029.     "                   // this.fzscData.productChIds = this.channelList1.map(option => option.productChId);\n"
    1030. 

  1030.     "                }\n"
    1031. 

  1031.     "            },\n"
    1032. 

  1032.     "  /** 阈值设置按钮操作 */\n"
    1033. 

  1033.     "            handleUpdateList() {\n"
    1034. 

  1034.     "                this.fzscData.list='1';\n"
    1035. 

  1035.     "                this.fzscData.productChIds=[];\n"
    1036. 

  1036.     "                this.fzscData.currentUpperAction='';\n"
    1037. 

  1037.     "                this.fzscData.voltageUpperAction='';\n"
    1038. 

  1038.     "                this.fzscData.voltageDownAction='';\n"
    1039. 

  1039.     "                this.fzscData.powerUpperAction='';\n"
    1040. 

  1040.     "                this.fzscData.alarmContentUpperAction='';\n"
    1041. 

  1041.     
    1042. 

  1042.     "                this.showFzszModal2 = true;\n"
    1043. 

  1043.     "                // this.title = this.$t('pz');\n"
    1044. 

  1044.     "            },\n"
    1045. 

  1045.     
    1046. 

  1046.     "            ysszhandleUpdate(row) {\n"
    1047. 

  1047.     "                this.ysszData2 = JSON.parse(JSON.stringify(row));\n"
    1048. 

  1048.     "                this.showysszModal2 = true;\n"
    1049. 

  1049.     "                // this.title = this.$t('pz');\n"
    1050. 

  1050.     "            },\n"
    1051. 

  1051.     "            // 查询阈值设置列表\n"
    1052. 

  1052.     "            async  fzszData(){\n"
    1053. 

  1053.     
    1054. 

  1054.     "            },\n"
    1055. 

  1055.     "            // 查询延时设置列表\n"
    1056. 

  1056.     "            async  ysszData(){\n"
    1057. 

  1057.     
    1058. 

  1058.     "            },\n"
    1059. 

  1059.     "            hdlczClickClose(){\n"
    1060. 

  1060.     "                this.showFormModal = false\n"
    1061. 

  1061.     "                this.formData.channel_power_infro=null;\n"
    1062. 

  1062.     "            },\n"
    1063. 

  1063.     
    1064. 

  1064.     "            fzscClickClose(){\n"
    1065. 

  1065.     "                this.showFzszModal = false;\n"
    1066. 

  1066.     "                this.powerThresholdList=[];\n"
    1067. 

  1067.     "                //    this.formData.productChId=null;\n"
    1068. 

  1068.     "            },\n"
    1069. 

  1069.     "            fzscClickClosegj(){\n"
    1070. 

  1070.     "                this.showFzszModalgj = false;\n"
    1071. 

  1071.     "            },\n"
    1072. 

  1072.     
    1073. 

  1073.     "            fzscClickClose2(){\n"
    1074. 

  1074.     "                this.showFzszModal2 = false\n"
    1075. 

  1075.     "                //    this.formData.productChId=null;\n"
    1076. 

  1076.     "            },\n"
    1077. 

  1077.     
    1078. 

  1078.     "            ysszClickClose(){\n"
    1079. 

  1079.     "                this.showysszModal = false;\n"
    1080. 

  1080.     "                this.ysszList=[];\n"
    1081. 

  1081.     "            },\n"
    1082. 

  1082.     "            ysszClickClose2(){\n"
    1083. 

  1083.     "                this.showysszModal2 = false;\n"
    1084. 

  1084.     "            },\n"
    1085. 

  1085.     
    1086. 

  1086.     "            hdlsz(){\n"
    1087. 

  1087.     "                this.formData.productChIds=[]\n"
    1088. 

  1088.     "                this.showFormModal = true\n"
    1089. 

  1089.     "            },\n"
    1090. 

  1090.     
    1091. 

  1091.     "            // 耗电量重置\n"
    1092. 

  1092.     "            async hdlczClick(){\n"
    1093. 

  1093.     "                const params={};\n"
    1094. 

  1094.     "                let lists=[]\n"
    1095. 

  1095.     "                console.log( this.formData.productChIds)\n"
    1096. 

  1096.     "                for( const id in  this.formData.productChIds){\n"
    1097. 

  1097.     "                    for( const key in  this.powerThresholdList ){\n"
    1098. 

  1098.     "                        if(this.formData.productChIds[id]== this.powerThresholdList[key].productChId){\n"
    1099. 

  1099.     "                            lists.push(this.powerThresholdList[key].channel_power_infro);\n"
    1100. 

  1100.     "                            break\n"
    1101. 

  1101.     "                        }\n"
    1102. 

  1102.     "                    }\n"
    1103. 

  1103.     "                }\n"
    1104. 

  1104.     "                params.channel_power_infros= lists;\n"
    1105. 

  1105.     
    1106. 

  1106.     "              //  params.channel_power_infro=this.formData.channel_power_infro;\n"
    1107. 

  1107.     "                this.popMessage=\"确认要重置此通道吗？\";\n"
    1108. 

  1108.     "                // const result = await confirmAction({\n"
    1109. 

  1109.     "                //     title: message\n"
    1110. 

  1110.     "                // });\n"
    1111. 

  1111.     
    1112. 

  1112.     "                this.showSaveModal = true\n"
    1113. 

  1113.     "                this.saveDataAll=params;\n"
    1114. 

  1114.     "                this.popType='hdlcz';\n"
    1115. 

  1115.     
    1116. 

  1116.     
    1117. 

  1117.     "            },\n"
    1118. 

  1118.     "            // 阈值设置保存\n"
    1119. 

  1119.     "            async fzscClick(){\n"
    1120. 

  1120.     "                const params={};\n"
    1121. 

  1121.     "                params.list=this.fzscData.list;\n"
    1122. 

  1122.     "                if(this.fzscData.list=='1'){\n"
    1123. 

  1123.     "                    if(this.fzscData.productChIds.length==0){\n"
    1124. 

  1124.     "                        alert(\"请选择通道\")\n"
    1125. 

  1125.     "                        return\n"
    1126. 

  1126.     "                    }\n"
    1127. 

  1127.     "                    if(this.fzscData.alarmContentUpperAction=='' || this.fzscData.currentUpperAction=='' || this.fzscData.voltageDownAction==''  || this.fzscData.voltageUpperAction==''){\n"
    1128. 

  1128.     "                        alert(\"存在未设置项，请重试\")\n"
    1129. 

  1129.     "                        return\n"
    1130. 

  1130.     "                    }\n"
    1131. 

  1131.     "                    if(this.fzscData.voltageUpperAction!=0 && this.fzscData.voltageDownAction !=0 && this.fzscData.voltageUpperAction* 10<=this.fzscData.voltageDownAction* 10){\n"
    1132. 

  1132.     "                        alert(\"电压上限需要大于下限\")\n"
    1133. 

  1133.     "                        return\n"
    1134. 

  1134.     "                    }\n"
    1135. 

  1135.     "                    let lists=[]\n"
    1136. 

  1136.     "                    for( const id in  this.fzscData.productChIds){\n"
    1137. 

  1137.     "                        for( const key in  this.powerThresholdList ){\n"
    1138. 

  1138.     "                               if(this.fzscData.productChIds[id]== this.powerThresholdList[key].productChId){\n"
    1139. 

  1139.     "                                   let param=this.powerThresholdList[key].channel_power_infro;\n"
    1140. 

  1140.     "                                   param.thr.w_upper=this.fzscData.alarmContentUpperAction* 1000;\n"
    1141. 

  1141.     "                                   param.thr.c_upper=this.fzscData.currentUpperAction* 10;\n"
    1142. 

  1142.     "                                   param.thr.p_upper=this.fzscData.powerUpperAction* 1000;\n"
    1143. 

  1143.     "                                   param.thr.v_lower=this.fzscData.voltageDownAction* 10;\n"
    1144. 

  1144.     "                                   param.thr.v_upper=this.fzscData.voltageUpperAction* 10;\n"
    1145. 

  1145.     "                                   lists.push(param);\n"
    1146. 

  1146.     "                                      break\n"
    1147. 

  1147.     "                               }\n"
    1148. 

  1148.     "                        }\n"
    1149. 

  1149.     "                    }\n"
    1150. 

  1150.     "                    params.channel_power_infros= lists;\n"
    1151. 

  1151.     
    1152. 

  1152.     "                }else{\n"
    1153. 

  1153.     "                    params.channel_power_infro=this.fzscData.channel_power_infro;\n"
    1154. 

  1154.     "                    params.channel_power_infro.thr.w_upper=this.fzscData.alarmContentUpperAction* 1000;\n"
    1155. 

  1155.     "                    params.channel_power_infro.thr.c_upper=this.fzscData.currentUpperAction* 10;\n"
    1156. 

  1156.     "                    params.channel_power_infro.thr.p_upper=this.fzscData.powerUpperAction* 1000;\n"
    1157. 

  1157.     "                    params.channel_power_infro.thr.v_lower=this.fzscData.voltageDownAction* 10;\n"
    1158. 

  1158.     "                    params.channel_power_infro.thr.v_upper=this.fzscData.voltageUpperAction* 10;\n"
    1159. 

  1159.     
    1160. 

  1160.     "                }\n"
    1161. 

  1161.     
    1162. 

  1162.     "                this.popMessage=\"确认要保存吗？\";\n"
    1163. 

  1163.     "                // const result = await confirmAction({\n"
    1164. 

  1164.     "                //     title: message\n"
    1165. 

  1165.     "                // });\n"
    1166. 

  1166.     
    1167. 

  1167.     "                this.showSaveModal = true\n"
    1168. 

  1168.     "                this.saveDataAll=params;\n"
    1169. 

  1169.     "                this.popType='fzsz';\n"
    1170. 

  1170.     
    1171. 

  1171.     "            },\n"
    1172. 

  1172.     
    1173. 

  1173.     "            // 延时设置保存\n"
    1174. 

  1174.     "            async ysszClick(){\n"
    1175. 

  1175.     "                const params={};\n"
    1176. 

  1176.     "                params.channel_power_infro=this.ysszData2.channel_power_infro;\n"
    1177. 

  1177.     "                params.channel_power_infro.info.start_delay=this.ysszData2.firingInterval;\n"
    1178. 

  1178.     "                params.channel_power_infro.info.stop_delay=this.ysszData2.closeInterval;\n"
    1179. 

  1179.     "                this.popMessage=\"确认要保存吗？\";\n"
    1180. 

  1180.     "                this.showSaveModal = true\n"
    1181. 

  1181.     "                this.saveDataAll=params;\n"
    1182. 

  1182.     "                this.popType='yssz';\n"
    1183. 

  1183.     
    1184. 

  1184.     "            },\n"
    1185. 

  1185.     
    1186. 

  1186.     
    1187. 

  1187.     "            // 总开总关\n"
    1188. 

  1188.     "            async  toggleAllDevices(status) {\n"
    1189. 

  1189.     "                const params={};\n"
    1190. 

  1190.     "                params.productId=this.productId;\n"
    1191. 

  1191.     "                params.type= \"open\"\n"
    1192. 

  1192.     "                this.popMessage=\"确认要开启设备下所有通道吗？\";\n"
    1193. 

  1193.     "                if(status){\n"
    1194. 

  1194.     "                    params.type= \"open\"\n"
    1195. 

  1195.     "                    this.popMessage=\"确认要开启设备下所有通道吗？\";\n"
    1196. 

  1196.     "                }else{\n"
    1197. 

  1197.     "                    params.type= \"close\"\n"
    1198. 

  1198.     "                    this.popMessage=\"确认要关闭设备下所有通道吗？\";\n"
    1199. 

  1199.     "                }\n"
    1200. 

  1200.     "                // const result = await confirmAction({\n"
    1201. 

  1201.     "                //     title: message\n"
    1202. 

  1202.     "                // });\n"
    1203. 

  1203.     
    1204. 

  1204.     "                this.showSaveModal = true;\n"
    1205. 

  1205.     "                this.saveDataAll=params;\n"
    1206. 

  1206.     "                this.popType='zkzg';\n"
    1207. 

  1207.     "            },\n"
    1208. 

  1208.     
    1209. 

  1209.     "            // 获取数据方法\n"
    1210. 

  1210.     "            async fetchData() {\n"
    1211. 

  1211.     "         \n"
    1212. 

  1212.     "                function5();\n"
    1213. 

  1213.     "                this.queryTotalStatus5();\n"
    1214. 

  1214.     "                if (activePageIntervalId1 != null) {\n"
    1215. 

  1215.     "                    clearInterval(activePageIntervalId1);\n"
    1216. 

  1216.     "                };\n"
    1217. 

  1217.     "                activePageIntervalId1 = setInterval(() => {\n"
    1218. 

  1218.     "                    if(tabId=='tab1'){\n"
    1219. 

  1219.     "                         function1();\n"
    1220. 

  1220.     "                        this.queryTotalStatus();\n"
    1221. 

  1221.     "                        if(this.wlszForm4.sys_time=='' || this.wlszForm4.sys_time==null){\n"
    1222. 

  1222.     "                            this.queryTotalStatus5();\n"
    1223. 

  1223.     "                        }\n"
    1224. 

  1224.     
    1225. 

  1225.     "                    }else if(tabId=='tab2'){\n"
    1226. 

  1226.     "                        this.queryTotalStatus2();\n"
    1227. 

  1227.     "                    }else if(tabId=='tab3'){\n"
    1228. 

  1228.     "                        this.queryTotalStatus3();\n"
    1229. 

  1229.     "                    }else if(tabId=='tab4'){\n"
    1230. 

  1230.     "                        this.queryTotalStatus4();\n"
    1231. 

  1231.     "                    }else if(tabId=='tab5'){\n"
    1232. 

  1232.     "                        this.queryTotalStatus5();\n"
    1233. 

  1233.     "                        var js={};\n"
    1234. 

  1234.     "                        on_ws_msg(js);\n"
    1235. 

  1235.     "                    }\n"
    1236. 

  1236.     
    1237. 

  1237.     "                }, 100);\n"
    1238. 

  1238.     "            },\n"
    1239. 

  1239.     "            // 总体监控赋值\n"
    1240. 

  1240.     "            async queryTotalStatus(){\n"
    1241. 

  1241.     "               this.productType={... productTypeData}.productType;\n"
    1242. 

  1242.     "               if( this.productType=='1'){\n"
    1243. 

  1243.     "                   this.showExternal=true;\n"
    1244. 

  1244.     "                   this.totalFormList= {... initialTotalFormList}\n"
    1245. 

  1245.     "                   if(this.threeType=='1'){\n"
    1246. 

  1246.     "                       this.summary= this.totalFormList[0];\n"
    1247. 

  1247.     "                   }else if(this.threeType=='2'){\n"
    1248. 

  1248.     "                       this.summary= this.totalFormList[1];\n"
    1249. 

  1249.     "                   }else if(this.threeType=='3'){\n"
    1250. 

  1250.     "                       this.summary= this.totalFormList[2];\n"
    1251. 

  1251.     "                   }\n"
    1252. 

  1252.     
    1253. 

  1253.     "               }else{\n"
    1254. 

  1254.     "                   this.summary={... initialFormData};\n"
    1255. 

  1255.     "               }\n"
    1256. 

  1256.     "                this.channelList={...channelAllList};\n"
    1257. 

  1257.     "                this.channelList1 = {...channelAllList1};\n"
    1258. 

  1258.     "                this.powerThresholdList = {...initialYzFormList};\n"
    1259. 

  1259.     "                this.ysszList = {...channelAllList1};\n"
    1260. 

  1260.     "                if({...his_alarm}!=null){\n"
    1261. 

  1261.     "                    this.statusData.alarm1 =  Object.keys({...his_alarm}).length;\n"
    1262. 

  1262.     "                    var alarmds={...his_alarm};\n"
    1263. 

  1263.     "                    this.his_alarmd=[]\n"
    1264. 

  1264.     "                    for(var i=0;i<Object.keys({...his_alarm}).length ;i++){\n"
    1265. 

  1265.     "                        var open=alarmds[i];\n"
    1266. 

  1266.     "                            open.number=i+1;\n"
    1267. 

  1267.     "                        open.date= (open.date.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1268. 

  1268.     "                        open.waning_context= (open.waning_context.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1269. 

  1269.     "                        if(open.type==0){\n"
    1270. 

  1270.     "                            open.type='电量信息报警'\n"
    1271. 

  1271.     "                        }else if(open.type==1){\n"
    1272. 

  1272.     "                            open.type='传感器报警'\n"
    1273. 

  1273.     "                        }\n"
    1274. 

  1274.     "                        this.his_alarmd.push(open)\n"
    1275. 

  1275.     "                    }\n"
    1276. 

  1276.     
    1277. 

  1277.     "                }\n"
    1278. 

  1278.     "                if({...sensorc_list}!=null && Object.keys({...sensorc_list}).length>0){\n"
    1279. 

  1279.     "                   let sencorList={...sensorc_list};\n"
    1280. 

  1280.     "                   for(const key in   sencorList){\n"
    1281. 

  1281.     "                       if(sencorList[key].info.type==0){  // 温湿度\n"
    1282. 

  1282.     "                           if(sencorList[key].info.status==1){ // 在线\n"
    1283. 

  1283.     "                               try{\n"
    1284. 

  1284.     "                                   let sensor_val =sencorList[key].sensor_val\n"
    1285. 

  1285.     "                                   this.statusData.temperature=sensor_val[1].val.toFixed(2)\n"
    1286. 

  1286.     
    1287. 

  1287.     "                                   if(sensor_val[1].s_alarm  & 0x1){ // 上限\n"
    1288. 

  1288.     "                                       this.statusData.tempcolorStyle='color: red;font-weight: bold;'\n"
    1289. 

  1289.     "                                   }else if(sensor_val[1].s_alarm & 0x2){ // 下限\n"
    1290. 

  1290.     "                                       this.statusData.tempcolorStyle='color:  #ff00ff;font-weight: bold;'\n"
    1291. 

  1291.     "                                   }else{\n"
    1292. 

  1292.     "                                       this.statusData.tempcolorStyle=''\n"
    1293. 

  1293.     "                                   }\n"
    1294. 

  1294.     
    1295. 

  1295.     "                                   this.statusData.humidity=sensor_val[0].val.toFixed(2)\n"
    1296. 

  1296.     
    1297. 

  1297.     "                                   if(sensor_val[0].s_alarm  & 0x1){ // 上限\n"
    1298. 

  1298.     "                                       this.statusData.humcolorStylesx='color: red;font-weight: bold;'\n"
    1299. 

  1299.     "                                   }else if(sensor_val[0].s_alarm & 0x2){ // 下限\n"
    1300. 

  1300.     "                                       this.statusData.humcolorStylesx='color:  #ff00ff;font-weight: bold;'\n"
    1301. 

  1301.     "                                   }else{\n"
    1302. 

  1302.     "                                       this.statusData.humcolorStylesx=''\n"
    1303. 

  1303.     "                                   }\n"
    1304. 

  1304.     "                               }catch (e) {\n"
    1305. 

  1305.     "                                   console.log(\"温湿度传感器赋值失败\")\n"
    1306. 

  1306.     "                               }\n"
    1307. 

  1307.     "                           }else{\n"
    1308. 

  1308.     "                               this.statusData.temperatureStatus=0;\n"
    1309. 

  1309.     "                               this.statusData.temperature='离线'\n"
    1310. 

  1310.     "                               this.statusData.humidity='离线'\n"
    1311. 

  1311.     "                           }\n"
    1312. 

  1312.     
    1313. 

  1313.     
    1314. 

  1314.     "                       }else if(sencorList[key].info.type==1){  // 烟雾\n"
    1315. 

  1315.     "                           if(sencorList[key].info.status==1) { // 在线\n"
    1316. 

  1316.     "                               try{\n"
    1317. 

  1317.     "                                   let sensor_val =sencorList[key].sensor_val\n"
    1318. 

  1318.     "                                   this.statusData.waterLeak=sensor_val[0].s_alarm.act\n"
    1319. 

  1319.     "                               }catch (e) {\n"
    1320. 

  1320.     "                                   console.log(\"烟雾传感器赋值失败\")\n"
    1321. 

  1321.     "                               }\n"
    1322. 

  1322.     "                           }else {\n"
    1323. 

  1323.     "                               this.statusData.waterLeakStatus=0;\n"
    1324. 

  1324.     "                               this.statusData.waterLeak='离线'\n"
    1325. 

  1325.     "                           }\n"
    1326. 

  1326.     
    1327. 

  1327.     "                       }else if(sencorList[key].info.type==4){ // C02\n"
    1328. 

  1328.     "                           if(sencorList[key].info.status==1) {\n"
    1329. 

  1329.     "                               // 在线\n"
    1330. 

  1330.     "                               try{\n"
    1331. 

  1331.     "                                   let sensor_val =sencorList[key].sensor_val\n"
    1332. 

  1332.     "                                   this.statusData.smoke=sensor_val[0].val.toFixed(2)\n"
    1333. 

  1333.     "                                   if(sensor_val[0] & 0x1 ){ // 上限\n"
    1334. 

  1334.     "                                       this.statusData.smokecolorStylesx='color: red;font-weight: bold;'\n"
    1335. 

  1335.     "                                   }else if(sensor_val[0] & 0x2){ // 下限\n"
    1336. 

  1336.     "                                       this.statusData.smokecolorStylesx='color:  #ff00ff;font-weight: bold;'\n"
    1337. 

  1337.     "                                   }else{\n"
    1338. 

  1338.     "                                       this.statusData.smokecolorStylesx=''\n"
    1339. 

  1339.     "                                   }\n"
    1340. 

  1340.     "                               }catch (e) {\n"
    1341. 

  1341.     "                                   console.log(\"CO2传感器赋值失败\")\n"
    1342. 

  1342.     "                               }\n"
    1343. 

  1343.     "                           }else{\n"
    1344. 

  1344.     "                               this.statusData.smokeStatus=0;\n"
    1345. 

  1345.     "                               this.statusData.smoke='离线'\n"
    1346. 

  1346.     "                           }\n"
    1347. 

  1347.     
    1348. 

  1348.     "                       }\n"
    1349. 

  1349.     "                   }\n"
    1350. 

  1350.     "                }\n"
    1351. 

  1351.     
    1352. 

  1352.     
    1353. 

  1353.     "            },\n"
    1354. 

  1354.     
    1355. 

  1355.     "            //网络设置\n"
    1356. 

  1356.     "            wlszForm_vack:null,\n"
    1357. 

  1357.     "            async queryTotalStatus2(){\n"
    1358. 

  1358.     "               if(this.wlszForm_vack==null && {...network_data}!=null && Object.keys({...network_data}).length>0){\n"
    1359. 

  1359.     "                   this.wlszForm =  {...network_data};\n"
    1360. 

  1360.     "                   this.wlszForm.ipaddr=  (this.wlszForm.ipaddr.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1361. 

  1361.     "                   this.wlszForm.mask=  (this.wlszForm.mask.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1362. 

  1362.     "                   this.wlszForm.gateway=  (this.wlszForm.gateway.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1363. 

  1363.     "                   this.wlszForm.dns1=  (this.wlszForm.dns1.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1364. 

  1364.     "                   this.wlszForm.dns2=  (this.wlszForm.dns2.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1365. 

  1365.     "                   this.wlszForm_vack =  {...network_data};\n"
    1366. 

  1366.     "               }\n"
    1367. 

  1367.     "            },\n"
    1368. 

  1368.     
    1369. 

  1369.     "            //485\n"
    1370. 

  1370.     "            wlszForm2_vack:null,\n"
    1371. 

  1371.     "            async queryTotalStatus3(){\n"
    1372. 

  1372.     "                if( this.wlszForm2_vack==null && {...cas_data}!=null  && Object.keys({...cas_data}).length>0){\n"
    1373. 

  1373.     "                    this.wlszForm2 =  {...cas_data};\n"
    1374. 

  1374.     "                    this.wlszForm2_vack =  {...cas_data};\n"
    1375. 

  1375.     "                }\n"
    1376. 

  1376.     "            },\n"
    1377. 

  1377.     "            // snmp\n"
    1378. 

  1378.     "             wlszForm3_back:null,\n"
    1379. 

  1379.     "            async queryTotalStatus4(){\n"
    1380. 

  1380.     "                if(this.wlszForm3_back==null){\n"
    1381. 

  1381.     "                    if(  {...snmp_data}!=null && Object.keys({...snmp_data}).length>0){\n"
    1382. 

  1382.     "                       this.wlszForm3 =  {...snmp_data};\n"
    1383. 

  1383.     "                        this.wlszForm3.publics=  (this.wlszForm3.publics.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1384. 

  1384.     "                        this.wlszForm3.trap_ip=  (this.wlszForm3.trap_ip.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1385. 

  1385.     "                        this.wlszForm3.mode=   this.wlszForm3.mode ;\n"
    1386. 

  1386.     "                        this.wlszForm3.version=   this.wlszForm3.version ;\n"
    1387. 

  1387.     "                        this.wlszForm3.trapmode=   this.wlszForm3.trapmode ;\n"
    1388. 

  1388.     "                        this.wlszForm3_back =  {...snmp_data};\n"
    1389. 

  1389.     "                        // if(this.wlszForm3!=null && this.wlszForm3.version=='SNMP V3'){\n"
    1390. 

  1390.     "                        //     this.snmpShow=true;\n"
    1391. 

  1391.     "                        // }else{\n"
    1392. 

  1392.     "                        //     this.snmpShow=false;\n"
    1393. 

  1393.     "                        //    // this.wlszForm3={}\n"
    1394. 

  1394.     "                        // }\n"
    1395. 

  1395.     "                    }\n"
    1396. 

  1396.     "                }\n"
    1397. 

  1397.     
    1398. 

  1398.     
    1399. 

  1399.     "            },\n"
    1400. 

  1400.     "            // 设备信息\n"
    1401. 

  1401.     "            wlszForm4_back:null,\n"
    1402. 

  1402.     "            async queryTotalStatus5(){\n"
    1403. 

  1403.     "                if(this.wlszForm4_back==null &&  {...lang_data}!=null && Object.keys({...lang_data}).length>0){\n"
    1404. 

  1404.     "                    this.wlszForm4 =  {...lang_data};\n"
    1405. 

  1405.     "                    this.wlszForm4_back =  {...lang_data};\n"
    1406. 

  1406.     "                    this.wlszForm4.ver=  (this.wlszForm4.ver.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1407. 

  1407.     "                    this.wlszForm5.ver=  (this.wlszForm4.ver.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1408. 

  1408.     "                    this.wlszForm4.sys_time=  (this.wlszForm4.sys_time.replace(/\\\\u0000/g, '\\u0000')).replace(/\\u0000/g, '');\n"
    1409. 

  1409.     "                    this.systemTime=new Date(this.wlszForm4.sys_time);\n"
    1410. 

  1410.     "                    // 计时器为空，操作\n"
    1411. 

  1411.     "                    setInterval(() => {\n"
    1412. 

  1412.     "                        var date= this.systemTime ;\n"
    1413. 

  1413.     "                        var year = date.getFullYear();\n"
    1414. 

  1414.     "                        var month = date.getMonth() + 1 < 10 ? \"0\" + (date.getMonth() + 1) : date.getMonth() + 1;\n"
    1415. 

  1415.     "                        var day = date.getDate() < 10 ? \"0\" + date.getDate() : date.getDate();\n"
    1416. 

  1416.     "                        var hours = date.getHours() < 10 ? \"0\" + date.getHours() : date.getHours();\n"
    1417. 

  1417.     "                        var minutes = date.getMinutes() < 10 ? \"0\" + date.getMinutes() : date.getMinutes();\n"
    1418. 

  1418.     "                        var seconds = date.getSeconds() < 10 ? \"0\" + date.getSeconds() : date.getSeconds();\n"
    1419. 

  1419.     "                        this.dateTime= year + '-' + month + '-' + day + ' ' + hours+ ':' + minutes + ':' + seconds;\n"
    1420. 

  1420.     "                        this.systemTime=new Date(date.getTime()+1000);\n"
    1421. 

  1421.     "                    }, 1000);\n"
    1422. 

  1422.     "                }\n"
    1423. 

  1423.     "            },\n"
    1424. 

  1424.     "            // 三相切换赋值\n"
    1425. 

  1425.     "            async toggleThreeDevices(type){\n"
    1426. 

  1426.     "                this.threeType=type;\n"
    1427. 

  1427.     "               if(type=='1'){\n"
    1428. 

  1428.     "                   this.summary= this.totalFormList[0];\n"
    1429. 

  1429.     "               }else if(type=='2'){\n"
    1430. 

  1430.     "                   this.summary= this.totalFormList[1];\n"
    1431. 

  1431.     "               }else if(type=='3'){\n"
    1432. 

  1432.     "                   this.summary= this.totalFormList[2];\n"
    1433. 

  1433.     "               }\n"
    1434. 

  1434.     "            },\n"
    1435. 

  1435.     
    1436. 

  1436.     
    1437. 

  1437.     "            // 传感器查询\n"
    1438. 

  1438.     "            async sensorStatusMonitoring(){\n"
    1439. 

  1439.     "                const params={};\n"
    1440. 

  1440.     "                params.type=\"listMapQuery\";\n"
    1441. 

  1441.     "                params.productId=this.productId;\n"
    1442. 

  1442.     
    1443. 

  1443.     
    1444. 

  1444.     "            },\n"
    1445. 

  1445.     "            async channelStatusMonitoring(){\n"
    1446. 

  1446.     "                const params={};\n"
    1447. 

  1447.     "                params.type=\"listQuery\";\n"
    1448. 

  1448.     "                params.productId=this.productId;\n"
    1449. 

  1449.     
    1450. 

  1450.     
    1451. 

  1451.     "            },\n"
    1452. 

  1452.     
    1453. 

  1453.     "            showXtsjModal:false,\n"
    1454. 

  1454.     "            showScfjModal:false,\n"
    1455. 

  1455.     "            popMessage:'',\n"
    1456. 

  1456.     "            wlszForm4:{\n"
    1457. 

  1457.     "                \"lang\": \"\",\n"
    1458. 

  1458.     "                \"tzone\": \"\",\n"
    1459. 

  1459.     "                \"route\": \"\",\n"
    1460. 

  1460.     "                \"ver\": \"\",\n"
    1461. 

  1461.     "                \"sys_time\":\"\",\n"
    1462. 

  1462.     "                \"len\": 52\n"
    1463. 

  1463.     "            },\n"
    1464. 

  1464.     "            wlszForm5:{\n"
    1465. 

  1465.     "                \"lang\": \"\",\n"
    1466. 

  1466.     "                \"tzone\": \"\",\n"
    1467. 

  1467.     "                \"route\": \"\",\n"
    1468. 

  1468.     "                \"ver\": \"\",\n"
    1469. 

  1469.     "                \"sys_time\":\"\",\n"
    1470. 

  1470.     "                \"len\": 52\n"
    1471. 

  1471.     "            },\n"
    1472. 

  1472.     "            showSaveModal: false,\n"
    1473. 

  1473.     "            popType: '',\n"
    1474. 

  1474.     "            popMessage:'',\n"
    1475. 

  1475.     "            sqs:[{\"id\":8,\"name\":\"东8区\"},{\"id\":-8,\"name\":\"西8区\"},{\"id\":0,\"name\":\"任意时区\"}],\n"
    1476. 

  1476.     "            currentDate: new Date(),\n"
    1477. 

  1477.     "            selectedDate: null,\n"
    1478. 

  1478.     "            selectedHour: 12,\n"
    1479. 

  1479.     "            selectedMinute: 0,\n"
    1480. 

  1480.     "            selectedSecond: 0,\n"
    1481. 

  1481.     "            isPickerVisible: false,\n"
    1482. 

  1482.     "            files: [],\n"
    1483. 

  1483.     "            isDragover: false,\n"
    1484. 

  1484.     "            isUploading: false,\n"
    1485. 

  1485.     "            nextFileId: 1,\n"
    1486. 

  1486.     "            years:[],\n"
    1487. 

  1487.     "            months:[],\n"
    1488. 

  1488.     "            dayAll:[],\n"
    1489. 

  1489.     "            hours:[],\n"
    1490. 

  1490.     "            minutes:[],\n"
    1491. 

  1491.     "            dateForm:{},\n"
    1492. 

  1492.     "            // 日期新方法\n"
    1493. 

  1493.     "            get daysNew() {\n"
    1494. 

  1494.     "                const currentYear = new Date().getFullYear();\n"
    1495. 

  1495.     "                for (let i = currentYear - 20; i <= currentYear + 5; i++) {\n"
    1496. 

  1496.     "                    this.years.push({\n"
    1497. 

  1497.     "                        id:i,\n"
    1498. 

  1498.     "                        name:i+'年'\n"
    1499. 

  1499.     "                    })\n"
    1500. 

  1500.     "                };\n"
    1501. 

  1501.     "                // 初始化月份\n"
    1502. 

  1502.     "                for (let i = 1; i <= 12; i++) {\n"
    1503. 

  1503.     "                    this.months.push({\n"
    1504. 

  1504.     "                        id:i,\n"
    1505. 

  1505.     "                        name:i+'月'\n"
    1506. 

  1506.     "                    })\n"
    1507. 

  1507.     "                }\n"
    1508. 

  1508.     "                this.updateDays();\n"
    1509. 

  1509.     
    1510. 

  1510.     "                for (let i = 0; i < 24; i++) {\n"
    1511. 

  1511.     "                    this.hours.push({\n"
    1512. 

  1512.     "                        id:i,\n"
    1513. 

  1513.     "                        name:i\n"
    1514. 

  1514.     "                    })\n"
    1515. 

  1515.     "                }\n"
    1516. 

  1516.     
    1517. 

  1517.     "                // 初始化分钟\n"
    1518. 

  1518.     "                for (let i = 0; i < 60; i++) {\n"
    1519. 

  1519.     "                    this.minutes.push({\n"
    1520. 

  1520.     "                        id:i,\n"
    1521. 

  1521.     "                        name:i\n"
    1522. 

  1522.     "                    })\n"
    1523. 

  1523.     "                }\n"
    1524. 

  1524.     "            },\n"
    1525. 

  1525.     "            updateDays(){\n"
    1526. 

  1526.     "                if(this.dateForm.year==null || this.dateForm.month==null){\n"
    1527. 

  1527.     "                    return\n"
    1528. 

  1528.     "                }\n"
    1529. 

  1529.     "                const year = parseInt(this.dateForm.year);\n"
    1530. 

  1530.     "                const month = parseInt(this.dateForm.month);\n"
    1531. 

  1531.     
    1532. 

  1532.     "                // 如果年月未选择，默认显示31天\n"
    1533. 

  1533.     "                let daysInMonth = 1;\n"
    1534. 

  1534.     
    1535. 

  1535.     "                if (year && month) {\n"
    1536. 

  1536.     "                    // 计算所选年月有多少天\n"
    1537. 

  1537.     "                    daysInMonth = new Date(year, month, 0).getDate();\n"
    1538. 

  1538.     "                }\n"
    1539. 

  1539.     "                this.dayAll=[];\n"
    1540. 

  1540.     "                // 添加日期选项\n"
    1541. 

  1541.     "                for (let i = 1; i <= daysInMonth; i++) {\n"
    1542. 

  1542.     "                    this.dayAll.push({\n"
    1543. 

  1543.     "                        id:i,\n"
    1544. 

  1544.     "                        name:i\n"
    1545. 

  1545.     "                    })\n"
    1546. 

  1546.     "                }\n"
    1547. 

  1547.     "                this.dateForm.day=null;\n"
    1548. 

  1548.     "            },\n"
    1549. 

  1549.     
    1550. 

  1550.     
    1551. 

  1551.     "            // 日期选择方法\n"
    1552. 

  1552.     
    1553. 

  1553.     "            showPicker() {\n"
    1554. 

  1554.     "                // this.dateForm.year='';\n"
    1555. 

  1555.     "                // this.dateForm.month='';\n"
    1556. 

  1556.     "                // this.dateForm.day='';\n"
    1557. 

  1557.     "                // this.dateForm.hour='';\n"
    1558. 

  1558.     "                // this.dateForm.minute='';\n"
    1559. 

  1559.     "                // this.dateForm.second='';\n"
    1560. 

  1560.     "                this.isPickerVisible = true;\n"
    1561. 

  1561.     "                // 如果没有选择日期，默认使用今天\n"
    1562. 

  1562.     "                if (!this.selectedDate) {\n"
    1563. 

  1563.     "                  this.selectedDate = new Date();\n"
    1564. 

  1564.     "                }\n"
    1565. 

  1565.     "                var  date=new Date(this.wlszForm4.sys_time);\n"
    1566. 

  1566.     "                this.dateForm.year = date.getFullYear();\n"
    1567. 

  1567.     "                this.dateForm.month = date.getMonth() + 1 < 10 ?  (date.getMonth() + 1) : date.getMonth() + 1;\n"
    1568. 

  1568.     "                if(  this.dateForm.month !=null){\n"
    1569. 

  1569.     "                    this.updateDays();\n"
    1570. 

  1570.     "                }\n"
    1571. 

  1571.     "                this.dateForm.day = date.getDate() < 10 ? date.getDate() : date.getDate();\n"
    1572. 

  1572.     "                this.dateForm.hour = date.getHours() < 10 ?   date.getHours() : date.getHours();\n"
    1573. 

  1573.     "                this.dateForm.minute= date.getMinutes() < 10 ?   date.getMinutes() : date.getMinutes();\n"
    1574. 

  1574.     "                this.dateForm.second= date.getSeconds() < 10 ?   date.getSeconds() : date.getSeconds();\n"
    1575. 

  1575.     
    1576. 

  1576.     
    1577. 

  1577.     "                // 设置当前时间为选择的时间\n"
    1578. 

  1578.     "                const now = new Date();\n"
    1579. 

  1579.     "                this.selectedHour = now.getHours();\n"
    1580. 

  1580.     "                this.selectedMinute = now.getMinutes();\n"
    1581. 

  1581.     "                this.selectedSecond = now.getSeconds();\n"
    1582. 

  1582.     "            },\n"
    1583. 

  1583.     
    1584. 

  1584.     
    1585. 

  1585.     
    1586. 

  1586.     "            clearSelection() {\n"
    1587. 

  1587.     "                this.selectedDate = null;\n"
    1588. 

  1588.     "                this.selectedHour = 0;\n"
    1589. 

  1589.     "                this.selectedMinute = 0;\n"
    1590. 

  1590.     "                this.selectedSecond = 0;\n"
    1591. 

  1591.     "            },\n"
    1592. 

  1592.     
    1593. 

  1593.     "            confirmSelection() {\n"
    1594. 

  1594.     "                var month=this.dateForm.month<10?'0'+this.dateForm.month:this.dateForm.month\n"
    1595. 

  1595.     "                var day=this.dateForm.day<10?'0'+this.dateForm.day:this.dateForm.day\n"
    1596. 

  1596.     "                var hour=this.dateForm.hour<10?'0'+this.dateForm.hour:this.dateForm.hour\n"
    1597. 

  1597.     "                var minute=this.dateForm.minute<10?'0'+this.dateForm.minute:this.dateForm.minute\n"
    1598. 

  1598.     "                var second=this.dateForm.second<10?'0'+this.dateForm.second:this.dateForm.second\n"
    1599. 

  1599.     "                this.wlszForm4.sys_time=this.dateForm.year+'-'+month+'-'+day+' '+ hour+':'+ minute+':'+ second;\n"
    1600. 

  1600.     "                this.isPickerVisible = false;\n"
    1601. 

  1601.     "            },\n"
    1602. 

  1602.     
    1603. 

  1603.     
    1604. 

  1604.     "            async sbxxQuery(){\n"
    1605. 

  1605.     
    1606. 

  1606.     "               // this.wlszForm4= await this.data.data\n"
    1607. 

  1607.     "            },\n"
    1608. 

  1608.     
    1609. 

  1609.     "            async stxjClick(){\n"
    1610. 

  1610.     "                this.showSaveModal = true\n"
    1611. 

  1611.     "                this.popMessage=\"确认要提交吗？\";\n"
    1612. 

  1612.     "                this.wlszForm4.type=\"NtpSave\";\n"
    1613. 

  1613.     "                this.saveDataAll=this.wlszForm4;\n"
    1614. 

  1614.     "                this.popType='sjsz';\n"
    1615. 

  1615.     "            },\n"
    1616. 

  1616.     
    1617. 

  1617.     "            showXtsjModalClick(){\n"
    1618. 

  1618.     "                this.clearSelection();\n"
    1619. 

  1619.     "                this.showXtsjModal=true;\n"
    1620. 

  1620.     "            },\n"
    1621. 

  1621.     
    1622. 

  1622.     
    1623. 

  1623.     "            // 上传附件方法\n"
    1624. 

  1624.     "            showFjscModalClick(){\n"
    1625. 

  1625.     "                this.showScfjModal=true;\n"
    1626. 

  1626.     "                this.wlszForm5=JSON.parse(JSON.stringify( this.wlszForm4));\n"
    1627. 

  1627.     "            },\n"
    1628. 

  1628.     
    1629. 

  1629.     "            selectFiles() {\n"
    1630. 

  1630.     "                this.$refs.fileInput.click();\n"
    1631. 

  1631.     "            },\n"
    1632. 

  1632.     
    1633. 

  1633.     "            handleFileSelect(e) {\n"
    1634. 

  1634.     "                const selectedFiles = Array.from(e.target.files);\n"
    1635. 

  1635.     "                this.files = [];\n"
    1636. 

  1636.     "                this.addFiles(selectedFiles);\n"
    1637. 

  1637.     "                // 清空input，允许重复选择相同文件\n"
    1638. 

  1638.     "                e.target.value = '';\n"
    1639. 

  1639.     "            },\n"
    1640. 

  1640.     
    1641. 

  1641.     "            handleDrop(e) {\n"
    1642. 

  1642.     "                this.isDragover = false;\n"
    1643. 

  1643.     "                const droppedFiles = Array.from(e.dataTransfer.files);\n"
    1644. 

  1644.     "                this.addFiles(droppedFiles);\n"
    1645. 

  1645.     "            },\n"
    1646. 

  1646.     
    1647. 

  1647.     "            addFiles(fileList) {\n"
    1648. 

  1648.     "                fileList.forEach(file => {\n"
    1649. 

  1649.     "                    this.files.push({\n"
    1650. 

  1650.     "                        id: this.nextFileId++,\n"
    1651. 

  1651.     "                        file: file,\n"
    1652. 

  1652.     "                        name: file.name,\n"
    1653. 

  1653.     "                        size: file.size,\n"
    1654. 

  1654.     "                        type: file.type,\n"
    1655. 

  1655.     "                        status: 'pending', // pending, uploading, success, error\n"
    1656. 

  1656.     "                        progress: 0\n"
    1657. 

  1657.     "                    });\n"
    1658. 

  1658.     "                });\n"
    1659. 

  1659.     "            },\n"
    1660. 

  1660.     
    1661. 

  1661.     
    1662. 

  1662.     
    1663. 

  1663.     "            clearFiles() {\n"
    1664. 

  1664.     "                this.files = [];\n"
    1665. 

  1665.     "                this.showScfjModal=false;\n"
    1666. 

  1666.     "            },\n"
    1667. 

  1667.     
    1668. 

  1668.     "            async uploadFiles() {\n"
    1669. 

  1669.     "                if (this.files.length === 0) return;\n"
    1670. 

  1670.     "                if(this.wlszForm5.ver=='' || this.wlszForm5.ver==null){\n"
    1671. 

  1671.     "                    return\n"
    1672. 

  1672.     "                }\n"
    1673. 

  1673.     "                this.isUploading = true;\n"
    1674. 

  1674.     
    1675. 

  1675.     "                for (const fileObj of this.files) {\n"
    1676. 

  1676.     "                    if (fileObj.status === 'success') continue;\n"
    1677. 

  1677.     "                    sys_up_settings(this.wlszForm5.ver,fileObj.file)\n"
    1678. 

  1678.     "                    this.clearFiles()\n"
    1679. 

  1679.     "                }\n"
    1680. 

  1680.     
    1681. 

  1681.     "                this.isUploading = false;\n"
    1682. 

  1682.     "            },\n"
    1683. 

  1683.     
    1684. 

  1684.     "            // 初始化事件监听\n"
    1685. 

  1685.     "            initEventListeners() {\n"
    1686. 

  1686.     "                document.addEventListener('vue-command', (event) => {\n"
    1687. 

  1687.     "                    if (event.detail.type === 'process') {\n"
    1688. 

  1688.     "                        this.processData(event.detail.source);\n"
    1689. 

  1689.     "                    } else if (event.detail.type === 'update') {\n"
    1690. 

  1690.     "                        this.updateData(event.detail.data);\n"
    1691. 

  1691.     "                    }\n"
    1692. 

  1692.     "                });\n"
    1693. 

  1693.     "            }\n"
    1694. 

  1694.     
    1695. 

  1695.     "        }).mount();\n"
    1696. 

  1696.     
    1697. 

  1697.     "        // 将方法暴露到全局\n"
    1698. 

  1698.     "        window.externalIncrement = () => {\n"
    1699. 

  1699.     "            app.externalIncrement();\n"
    1700. 

  1700.     "        };\n"
    1701. 

  1701.     "    });\n"
    1702. 

  1702.     "</script>\n"
    1703. 

  1703.     "</body>\n"
    1704. 

  1704.     
    1705. 

  1705.     "</html>"
    1706. 

  1706. ;
    1707. 

  1707. 

  1708. // 文本数据大小（包括null终止符）
    1709. 

  1709. const size_t p_index_html_size = 68564;
    1710. 

  1710. 

  1711. // 文本长度（字符数）
    1712. 

  1712. const size_t p_index_html_length = 66365;
    1713. 

  1713. 

  1714. #endif /* P_INDEX_HTML_H */
    1715. 

  1715.